@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Mono:wght@400;500&family=Outfit:wght@300;400;500;600&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--surface:#12121a;--surface2:#1a1a26;--border:#ffffff12;--border2:#ffffff20;--text:#f0eff8;--muted:#8884a0;--accent:#7c6aff;--accent2:#a78bfa;--green:#22d3a0;--amber:#f5a623;--red:#ff5f5f;--font-display:"DM Serif Display",serif;--font-body:"Outfit",sans-serif;--font-mono:"DM Mono",monospace}body{background:#0a0a0f;background:var(--bg);color:#f0eff8;color:var(--text);min-height:100vh;overflow-x:hidden}body,button{font-family:Outfit,sans-serif;font-family:var(--font-body)}button{cursor:pointer}input{font-family:DM Mono,monospace;font-family:var(--font-mono)}.app{min-height:100vh;position:relative}.glow{background:radial-gradient(circle,#7c6aff18 0,#0000 70%);border-radius:50%;height:600px;left:50%;pointer-events:none;position:fixed;top:-200px;transform:translateX(-50%);width:600px;z-index:0}.wrapper{margin:0 auto;max-width:780px;padding:3rem 2rem;position:relative;z-index:1}.results{animation:fadeUp .5s ease forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.report-footer{align-items:center;background:var(--surface);border:.5px solid var(--border2);border-radius:14px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:.5rem;padding:1.25rem 1.5rem}.report-url{color:var(--muted);font-family:var(--font-mono);font-size:12px}.report-time{color:#ffffff20;font-size:12px}.new-analysis-btn{background:#0000;border:.5px solid var(--border2);border-radius:10px;color:var(--muted);font-size:13px;padding:8px 16px;transition:all .2s}.new-analysis-btn:hover{border-color:var(--accent);color:var(--accent2)}.header{margin-bottom:3.5rem;text-align:center}.badge{align-items:center;background:#7c6aff18;border:.5px solid #7c6aff44;border-radius:100px;color:var(--accent2);display:inline-flex;font-size:12px;font-weight:500;gap:6px;letter-spacing:.04em;margin-bottom:1.5rem;padding:5px 14px;text-transform:uppercase}.badge-dot{animation:pulse 2s infinite;background:var(--green);border-radius:50%;height:6px;width:6px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.header h1{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.2rem);letter-spacing:-.02em;line-height:1.1;margin-bottom:.75rem}.header h1 em{color:var(--accent2);font-style:italic}.subtitle{color:var(--muted);font-size:1rem;font-weight:300;line-height:1.6;margin:0 auto;max-width:480px}.input-card{background:var(--surface);border:.5px solid var(--border2);border-radius:20px;margin-bottom:1.5rem;padding:2rem}.input-label{color:var(--muted);display:block;font-size:13px;font-weight:500;letter-spacing:.04em;margin-bottom:.75rem;text-transform:uppercase}.input-row{align-items:stretch;display:flex;gap:10px}.url-input{background:var(--bg);border:.5px solid var(--border2);border-radius:12px;color:var(--text);flex:1 1;font-size:15px;height:52px;outline:none;padding:0 1.25rem;transition:border-color .2s}.url-input::placeholder{color:#ffffff28}.url-input:focus{border-color:var(--accent)}.analyze-btn{background:var(--accent);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;height:52px;letter-spacing:.02em;padding:0 1.75rem;transition:all .2s;white-space:nowrap}.analyze-btn:hover{background:#6a58f0;transform:translateY(-1px)}.analyze-btn:active{transform:translateY(0)}.api-notice{align-items:flex-start;background:#7c6aff0a;border:.5px solid #7c6aff30;border-radius:12px;color:var(--muted);display:flex;font-size:13px;gap:10px;line-height:1.5;padding:.875rem 1.25rem}.api-notice-icon{flex-shrink:0;font-size:16px;margin-top:1px}.api-notice a{color:var(--accent2);text-decoration:none}.api-notice a:hover{text-decoration:underline}.api-key-row{display:flex;gap:10px;margin-top:.75rem}.api-key-input{background:var(--bg);border:.5px solid var(--border2);border-radius:10px;color:var(--text);flex:1 1;font-size:13px;height:40px;outline:none;padding:0 1rem;transition:border-color .2s}.api-key-input::placeholder{color:#ffffff20}.api-key-input:focus{border-color:var(--accent)}.save-key-btn{background:#0000;border:.5px solid var(--border2);border-radius:10px;color:var(--muted);font-size:13px;height:40px;padding:0 1rem;transition:all .2s;white-space:nowrap}.save-key-btn:hover{border-color:var(--accent);color:var(--accent2)}.error-box{background:#ff5f5f0a;border:.5px solid #ff5f5f30;border-radius:14px;color:#ff9090;font-size:14px;line-height:1.5;margin-top:1rem;padding:1rem 1.25rem}.loading{padding:3rem 2rem;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:2px solid var(--border2);border-radius:50%;border-top-color:var(--accent);height:48px;margin:0 auto 1.5rem;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{color:var(--muted);font-size:14px;font-weight:300}.loading-steps{display:flex;flex-direction:column;gap:.5rem;margin:1.5rem auto 0;max-width:280px;text-align:left}.loading-step{align-items:center;color:#ffffff30;display:flex;font-size:13px;gap:10px;transition:color .4s}.loading-step.active{color:var(--muted)}.loading-step.done{color:var(--green)}.step-icon{border:1px solid;border-radius:50%;flex-shrink:0;font-size:10px;height:20px;justify-content:center;width:20px}.score-hero,.step-icon{align-items:center;display:flex}.score-hero{background:var(--surface);border:.5px solid var(--border2);border-radius:20px;gap:2rem;margin-bottom:1.25rem;padding:2rem}.score-ring-wrap{flex-shrink:0;position:relative}.score-number{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute}.score-num{font-family:var(--font-display);font-size:2.5rem;letter-spacing:-.03em;line-height:1}.score-label{color:var(--muted);font-size:11px;letter-spacing:.08em;margin-top:2px;text-transform:uppercase}.score-meta h2{font-family:var(--font-display);font-size:1.6rem;margin-bottom:.5rem}.score-meta p{color:var(--muted);font-size:14px;font-weight:300;line-height:1.6}.score-grade{align-items:center;border-radius:100px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.04em;margin-bottom:.75rem;padding:4px 12px;text-transform:uppercase}.grade-excellent{background:#22d3a018;color:#22d3a0}.grade-good{background:#7c6aff18;color:#a78bfa}.grade-warn{background:#f5a62318;color:#f5a623}.grade-critical{background:#ff5f5f18;color:#ff5f5f}@media (max-width:500px){.score-hero{flex-direction:column;text-align:center}}.categories{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:1.25rem}.cat-card{background:var(--surface);border:.5px solid var(--border2);border-radius:16px;padding:1.25rem}.cat-icon{font-size:20px;margin-bottom:.75rem}.cat-name{color:var(--muted);font-size:12px;font-weight:500;letter-spacing:.06em;margin-bottom:.5rem;text-transform:uppercase}.cat-score{font-family:var(--font-display);font-size:2rem;letter-spacing:-.03em;line-height:1}.cat-bar{background:var(--border);border-radius:100px;height:3px;margin-top:.75rem;overflow:hidden}.cat-bar-fill{border-radius:100px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);width:0}.issues-section{margin-bottom:1.25rem}.section-title{margin-bottom:.875rem}.issue-item{align-items:flex-start;background:var(--surface);border:.5px solid var(--border2);border-radius:14px;display:flex;gap:12px;margin-bottom:.625rem;padding:1rem 1.25rem}.issue-severity{border-radius:50%;flex-shrink:0;height:6px;margin-top:5px;width:6px}.sev-high{background:var(--red)}.sev-med{background:var(--amber)}.sev-low{background:var(--green)}.issue-body h4{font-size:14px;font-weight:500;line-height:1.3;margin-bottom:3px}.issue-body p{color:var(--muted);font-size:13px;font-weight:300;line-height:1.5}.issue-tag{border-radius:100px;display:inline-block;font-size:11px;font-weight:500;letter-spacing:.03em;margin-top:6px;padding:2px 8px}.tag-perf{background:#7c6aff18;color:var(--accent2)}.tag-seo{background:#22d3a018;color:var(--green)}.tag-a11y{background:#f5a62318;color:var(--amber)}.tag-mobile{background:#ff5f5f18;color:var(--red)}.sugg-item{align-items:flex-start;background:var(--surface2);border:.5px solid var(--border);border-radius:14px;display:flex;gap:12px;margin-bottom:.625rem;padding:1rem 1.25rem}.sugg-num{align-items:center;background:var(--accent);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:600;height:24px;justify-content:center;width:24px}.sugg-body h4{font-size:14px;font-weight:500;margin-bottom:3px}.sugg-body p{color:var(--muted);font-size:13px;font-weight:300;line-height:1.5}.history-section{margin-top:1.5rem}.history-header{justify-content:space-between;margin-bottom:.875rem}.history-header,.section-title{align-items:center;display:flex}.section-title{color:var(--muted);flex:1 1;font-size:12px;font-weight:500;gap:8px;letter-spacing:.08em;text-transform:uppercase}.section-title:after{background:var(--border);content:"";flex:1 1;height:.5px}.clear-btn{background:#0000;border:none;border-radius:6px;color:var(--muted);cursor:pointer;flex-shrink:0;font-size:12px;margin-left:12px;padding:4px 8px;transition:color .2s}.clear-btn:hover{color:var(--red)}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{align-items:center;background:var(--surface);border:.5px solid var(--border2);border-radius:14px;display:flex;gap:1rem;padding:1rem 1.25rem;transition:border-color .2s}.history-item:hover{border-color:var(--accent)}.history-score{flex-shrink:0;font-family:var(--font-display);font-size:1.75rem;letter-spacing:-.03em;line-height:1;text-align:center;width:48px}.history-meta{flex:1 1;min-width:0}.history-url{color:var(--text);font-family:var(--font-mono);font-size:13px;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-date{font-weight:300;margin-bottom:6px}.history-cats,.history-date{color:var(--muted);font-size:12px}.history-cats{display:flex;gap:12px}.reanalyze-btn{align-items:center;background:#0000;border:.5px solid var(--border2);border-radius:8px;color:var(--muted);display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.reanalyze-btn:hover{border-color:var(--accent);color:var(--accent2);transform:rotate(180deg)}.history-actions{align-items:center;display:flex;gap:8px}.export-btn{background:#0000;border:.5px solid var(--border2);border-radius:10px;color:var(--accent2);cursor:pointer;font-size:12px;padding:4px 12px;transition:all .2s;white-space:nowrap}.export-btn:hover{background:#7c6aff18;border-color:var(--accent)}
/*# sourceMappingURL=main.4ccea90e.css.map*/