:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5;font-weight:400;color:#333;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}*{box-sizing:border-box}body{background:#020617;min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{max-width:640px;margin:0 auto;padding:48px 24px}h1{color:#fff;margin:0 0 8px;font-size:28px;font-weight:700;letter-spacing:-.5px}.subtitle{color:#94a3b8;margin:0 0 32px;font-size:15px}.card{background:#0f172a;border:1px solid #1e293b;border-radius:16px;padding:24px;margin-bottom:16px}.input-group{display:flex;flex-direction:column;gap:12px}.input-row{display:flex;gap:12px}input[type=text],input[type=password]{flex:1;padding:14px 16px;font-size:15px;background:#020617;border:1px solid #334155;border-radius:10px;color:#fff;outline:none;transition:border-color .2s,box-shadow .2s}input[type=password]{flex:0 0 140px}input::placeholder{color:#475569}input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}button{padding:14px 28px;font-size:15px;font-weight:600;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:transform .15s,box-shadow .15s}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}button:active:not(:disabled){transform:translateY(0)}button:disabled{background:#334155;color:#64748b;cursor:not-allowed}.loading{display:flex;align-items:center;justify-content:center;gap:14px;padding:48px;color:#94a3b8}.spinner{width:22px;height:22px;border:2px solid #334155;border-top-color:#3b82f6;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:16px;border-radius:10px;font-size:14px;margin-top:16px}.lock-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.lock-card{background:#0f172a;border:1px solid #1e293b;border-radius:16px;padding:32px;width:100%;max-width:320px;text-align:center}.lock-card h2{color:#fff;margin:0 0 24px;font-size:18px;font-weight:600}.lock-card .input-group{gap:16px}.lock-card input[type=password]{flex:1;text-align:center;letter-spacing:2px}.lock-card button{width:100%}.lock-card .error{margin-top:16px}.results{display:flex;flex-direction:column;gap:2px}.result-row{display:flex;padding:14px 0;border-bottom:1px solid #1e293b}.result-row:last-child{border-bottom:none;padding-bottom:0}.result-row:first-child{padding-top:0}.result-label{width:150px;font-weight:500;color:#94a3b8;flex-shrink:0;font-size:14px}.result-value{flex:1;color:#fff;font-size:14px}.tier-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-weight:600;font-size:13px}.tier-1{background:#22c55e33;color:#86efac;border:1px solid rgba(34,197,94,.4)}.tier-2{background:#eab30833;color:#fde047;border:1px solid rgba(234,179,8,.4)}.tier-3{background:#f9731633;color:#fdba74;border:1px solid rgba(249,115,22,.4)}.not-fit{background:#64748b33;color:#cbd5e1;border:1px solid rgba(100,116,139,.4)}.tech-list{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{display:inline-block;padding:5px 12px;background:#3b82f626;color:#93c5fd;border:1px solid rgba(59,130,246,.3);border-radius:16px;font-size:12px;font-weight:500}.rationale{background:#020617;padding:14px;border-radius:10px;color:#cbd5e1;line-height:1.6;font-size:13px;border:1px solid #1e293b}.red-flags{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.flag{padding:12px 16px;border-radius:10px;font-size:13px;font-weight:500}.flag.blocker{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.flag.warning{background:#eab30826;color:#fde047;border:1px solid rgba(234,179,8,.3)}.perf-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-weight:600;font-size:13px}.perf-critical{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.4)}.perf-poor{background:#f9731633;color:#fdba74;border:1px solid rgba(249,115,22,.4)}.perf-moderate{background:#eab30833;color:#fde047;border:1px solid rgba(234,179,8,.4)}.perf-good{background:#22c55e33;color:#86efac;border:1px solid rgba(34,197,94,.4)}.perf-excellent{background:#3b82f633;color:#93c5fd;border:1px solid rgba(59,130,246,.4)}.debug-section{margin-top:16px;border-top:1px solid #1e293b;padding-top:16px}.debug-section summary{cursor:pointer;color:#64748b;font-size:13px;font-weight:500;padding:8px 0}.debug-section summary:hover{color:#94a3b8}.debug-section pre{background:#020617;padding:14px;border-radius:10px;color:#94a3b8;font-size:12px;overflow-x:auto;border:1px solid #1e293b;margin-top:8px;white-space:pre-wrap;word-break:break-all}.lighthouse-scores{display:flex;flex-wrap:wrap;gap:8px}.lighthouse-loading{display:flex;align-items:center;gap:8px;color:#64748b;font-size:13px}.mini-spinner{display:inline-block;width:14px;height:14px;border:2px solid #334155;border-top-color:#3b82f6;border-radius:50%;animation:spin .7s linear infinite}.ai-maturity-section{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{margin:0;font-size:14px;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.action-button{padding:8px 16px;background:#3b82f633;color:#93c5fd;border:1px solid rgba(59,130,246,.4);border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.action-button:hover{background:#3b82f64d;border-color:#3b82f699}.loading-indicator{color:#94a3b8;font-size:13px;padding:12px 0;display:flex;align-items:center;gap:8px}.ai-none{background:#64748b33;color:#cbd5e1;border:1px solid rgba(100,116,139,.4)}.ai-experimenting{background:#eab30833;color:#fde047;border:1px solid rgba(234,179,8,.4)}.ai-operational{background:#3b82f633;color:#93c5fd;border:1px solid rgba(59,130,246,.4)}.ai-advanced{background:#8b5cf633;color:#c4b5fd;border:1px solid rgba(139,92,246,.4)}.capped-indicator{margin-left:8px;cursor:help}.warning-tag{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.recommendations-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.recommendation{display:flex;gap:12px;align-items:flex-start;padding:12px;background:#020617;border-radius:8px;border:1px solid #1e293b}.recommendation.high{border-left:3px solid #ef4444}.recommendation.medium{border-left:3px solid #eab308}.recommendation.low{border-left:3px solid #3b82f6}.rec-priority{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;flex-shrink:0}.recommendation.high .rec-priority{background:#ef444433;color:#fca5a5}.recommendation.medium .rec-priority{background:#eab30833;color:#fde047}.recommendation.low .rec-priority{background:#3b82f633;color:#93c5fd}.rec-category{font-size:11px;font-weight:600;color:#64748b;padding:2px 8px;background:#64748b33;border-radius:4px;flex-shrink:0}.rec-message{font-size:13px;color:#cbd5e1;line-height:1.4}.rec-content{display:flex;flex-direction:column;gap:4px;flex:1}.rec-title{font-size:13px;color:#cbd5e1;font-weight:500;line-height:1.4}.rec-value{font-size:12px;color:#22c55e;font-weight:600}