body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5a6fd8}.App{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;min-height:100vh;text-align:center}.App-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 4px 20px #0000001a;margin-bottom:2rem;padding:2rem 1rem}.App-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0 0 1rem}.App-header p{color:#666;font-size:1.1rem;margin:0 auto;max-width:600px}main{margin:0 auto;max-width:1200px;padding:0 1rem}footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;color:#666;font-size:.9rem;margin-top:3rem;padding:1.5rem}@media (max-width:768px){.App-header h1{font-size:2rem}.App-header p{font-size:1rem}main{padding:0 .5rem}}.aoi-tool{width:100%}.tool-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;padding:2rem}.loading{padding:3rem 0;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin:0 auto 1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading p{color:#666;font-size:1.1rem;margin:0}.loading-details{color:#888!important;font-size:.9rem!important;font-style:italic;margin-top:.5rem!important}.error-container{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;border-radius:16px;margin:1rem 0;padding:1.5rem;text-align:center}.error-container h3{color:#dc2626;font-size:1.3rem;margin:0 0 1rem}.error-container p{color:#991b1b;line-height:1.6;margin:0 0 1rem}.error-close-btn{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .3s ease}.error-close-btn:hover{background:#b91c1c}.analysis-details{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;margin-top:2rem;padding:1.5rem;text-align:center}.analysis-details h3{color:#0369a1;font-size:1.3rem;margin:0 0 1rem}.analysis-details p{color:#0c4a6e;line-height:1.6;margin:0 0 1rem}.url-info{background:#fff;border:1px solid #e0f2fe;border-radius:12px;font-family:monospace;padding:1rem;word-break:break-all}@media (max-width:768px){.tool-container{margin:0 .5rem 1.5rem;padding:1.5rem}.loading{padding:2rem 0}.error-container{margin:.5rem 0;padding:1rem}.analysis-details{margin-top:1.5rem;padding:1rem}}.url-input-container{text-align:center}.url-input-container h2{color:#333;font-size:2rem;margin-bottom:1rem}.description{margin:0 auto 2rem}.url-form{margin-bottom:2rem}.input-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:0 auto;max-width:600px}.api-key-group{margin-bottom:1.5rem}.api-key-input,.keywords-input,.url-input{background:#fff;border:2px solid #e1e5e9;border-radius:12px;flex:1 1;font-size:1rem;margin-bottom:15px;min-width:300px;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.api-key-input:focus,.keywords-input:focus,.url-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.api-key-input:disabled,.keywords-input:disabled,.url-input:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.analyze-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease;white-space:nowrap}.analyze-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.analyze-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{color:#dc3545;font-weight:500;margin-top:1rem}.analysis-type-selector{display:flex;gap:1rem;justify-content:center;margin:1rem auto 1.5rem;max-width:600px}.analysis-type-selector label{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:12px;color:#6c757d;cursor:pointer;flex:1 1;font-weight:600;padding:1rem;position:relative;text-align:center;transition:all .3s ease}.analysis-type-selector input[type=radio]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.analysis-type-selector label:hover{border-color:#adb5bd}.analysis-type-selector label.selected{background:linear-gradient(135deg,#e5e7ff,#c7d2fe);border-color:#667eea;box-shadow:0 4px 15px #667eea33;color:#4338ca}@media (max-width:768px){.url-input-container h2{font-size:1.5rem}.description{font-size:1rem;margin-bottom:1.5rem}.input-group{align-items:stretch;flex-direction:column}.url-input{min-width:auto;width:100%}.analyze-btn{width:100%}.info-box{margin:0 .5rem;padding:1rem}.api-key-group,.api-key-input,.api-key-input:focus{display:none}}.score-display{text-align:center}.score-display h2{color:#333;font-size:2rem;margin-bottom:2rem}.overall-score{flex-wrap:wrap;gap:2rem;margin-bottom:3rem}.overall-score,.score-circle{align-items:center;display:flex;justify-content:center}.score-circle{background:#fff;border:6px solid;border-radius:50%;box-shadow:0 8px 25px #0000001a;flex-direction:column;height:120px;width:120px}.score-number{color:#333;font-size:2.5rem;font-weight:700;line-height:1}.score-max{color:#666;font-size:1rem;margin-top:-5px}.score-info h3{color:#333;font-size:1.5rem;margin:0 0 .5rem}.score-info p{color:#666;font-size:1rem;margin:0}.detailed-scores{margin:0 auto 3rem;max-width:800px;text-align:left}.detailed-scores h3{color:#333;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.score-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:12px;margin-bottom:1.5rem;padding:1rem}.score-label{align-items:center;color:#333;display:flex;font-weight:600;justify-content:space-between;margin-bottom:.5rem}.score-value{background:#667eea;border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:.25rem .75rem}.score-bar{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden;width:100%}.score-fill{border-radius:4px;height:100%;transition:width 1s ease-in-out}.score-interpretation{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;margin:0 auto;max-width:800px;padding:1.5rem}.score-interpretation h3{color:#333;font-size:1.3rem;margin-bottom:1rem;text-align:center}.score-interpretation p{color:#555;font-size:1.1rem;line-height:1.6;margin:0;text-align:center}@media (max-width:768px){.score-display h2{font-size:1.5rem}.overall-score{flex-direction:column;gap:1rem;margin-bottom:2rem}.score-circle{height:100px;width:100px}.score-number{font-size:2rem}.score-info h3{font-size:1.3rem;text-align:center}.detailed-scores{margin:0 .5rem 2rem}.score-item{padding:.75rem}.score-label{flex-direction:column;gap:.5rem;text-align:center}.score-interpretation{margin:0 .5rem;padding:1rem}}.recommendations{margin-top:3rem;text-align:center}.recommendations h2{color:#333;font-size:2rem;margin-bottom:1rem}.description{color:#666;font-size:1.1rem;line-height:1.6;margin:0 auto 2.5rem;max-width:700px}.recommendations-list{margin:0 auto;max-width:800px;text-align:left}.recommendation-item{background:#fff;border-left:5px solid;border-radius:16px;box-shadow:0 4px 15px #00000012;margin-bottom:1.5rem;padding:1.5rem 2rem;transition:transform .3s ease,box-shadow .3s ease}.recommendation-item:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-3px)}.recommendation-item.priority-high{border-color:#ef4444}.recommendation-item.priority-medium{border-color:#f97316}.recommendation-item.priority-low{border-color:#eab308}.recommendation-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.priority-icon{font-size:1.5rem}.priority-text{border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.priority-high .priority-text{background:#ef4444}.priority-medium .priority-text{background:#f97316}.priority-low .priority-text{background:#eab308}.recommendation-title{color:#333;font-size:1.2rem;font-weight:600;margin:0}.recommendation-details{color:#555;font-size:1rem;line-height:1.7;margin:0;padding-left:2.25rem}.ai-trends,.chatgpt-optimization,.general-tips{display:none}
/*# sourceMappingURL=main.0cfa74ef.css.map*/