@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";:root{--bg: #0a0c10;--fg: #f4f4f7;--muted: #9aa3b2;--card: #151922;--panel: #10141b;--accent: #7bd389;--accent-strong: #2fd07a;--amber: #f3c969;--rose: #f07f7f;--border: #222733;--shadow: 0 20px 60px rgba(0, 0, 0, .35)}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,system-ui,sans-serif;background:radial-gradient(circle at top,#1b212d 0%,var(--bg) 55%);color:var(--fg);min-height:100vh}h1{font-family:Fraunces,Space Grotesk,serif;font-size:clamp(1.8rem,3.2vw,2.4rem);margin:0 0 12px}p{margin:0;color:var(--muted);line-height:1.6}button{font-family:inherit}button.ghost{background:transparent;color:var(--fg);border:1px solid var(--border)}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.app-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.logo{font-weight:600;letter-spacing:.4px}.status{color:var(--muted);font-size:.9rem}.app-main{padding:28px 24px}.card{background:var(--card);border-radius:18px;padding:24px;max-width:520px;box-shadow:var(--shadow)}.session-controls{margin-top:20px;display:grid;gap:12px}.session-meta{display:grid;gap:6px;color:var(--muted);font-size:.95rem}.toggle-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toggle-row button{padding:6px 12px;border-radius:999px;font-size:.8rem}.session-actions{display:flex;flex-wrap:wrap;gap:10px}.permission-state{color:var(--muted);font-size:.95rem}.permission-error{margin-top:14px;color:var(--rose);font-size:.9rem}.event-log{margin-top:18px;border-top:1px solid var(--border);padding-top:14px}.event-title{text-transform:uppercase;font-size:.7rem;letter-spacing:1.4px;color:var(--muted);margin-bottom:10px}.event-log ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.event-log li{display:grid;grid-template-columns:1fr auto auto;gap:8px;font-size:.9rem;color:var(--fg)}.event-type{color:var(--accent)}.event-time{color:var(--muted)}.event-confidence{color:var(--muted);font-size:.75rem}.model-download{margin-top:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.model-select{background:var(--panel);color:var(--fg);border:1px solid var(--border);border-radius:10px;padding:8px 10px}.model-progress{color:var(--muted);font-size:.85rem}.model-meta{color:var(--muted);font-size:.8rem}.session-review{margin-top:18px;border-top:1px solid var(--border);padding-top:14px;display:grid;gap:12px}.review-row{display:grid;gap:6px;font-size:.85rem;color:var(--muted)}.review-row input{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:8px 10px;color:var(--fg)}.timeline-toolbar{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.toolbar-title{text-transform:uppercase;letter-spacing:1.6px;font-size:.7rem;color:var(--muted)}.toolbar-actions{display:flex;gap:10px}.toolbar-actions .ghost.active{border-color:var(--accent);color:var(--accent)}.timeline-card{margin-top:16px;max-width:none}.timeline-inspector{margin-top:12px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:12px 16px}.scrubber-row{display:flex;align-items:center;gap:12px}.scrubber-row input[type=range]{flex:1}.scrub-time{font-size:.85rem;color:var(--muted);min-width:60px;text-align:right;font-variant-numeric:tabular-nums}.inspect-panel{margin-top:10px}.metrics-card{margin-top:20px}.review-card{margin-top:20px;max-width:none}.review-grid{margin-top:16px;display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:16px}.review-list{display:grid;gap:10px}.session-item{text-align:left;background:var(--panel);color:var(--fg);border:1px solid var(--border);border-radius:12px;padding:10px 12px;cursor:pointer}.session-item.active{border-color:var(--accent);box-shadow:0 0 0 1px #7bd3894d}.session-title{font-size:.9rem;font-weight:600}.session-item-meta{font-size:.75rem;color:var(--muted);margin-top:4px}.review-detail{background:#ffffff05;border:1px solid var(--border);border-radius:12px;padding:12px 14px;min-height:140px}.detail-title{text-transform:uppercase;letter-spacing:1.4px;font-size:.7rem;color:var(--muted);margin-bottom:8px}.detail-row{color:var(--muted);margin-bottom:6px}.session-empty{color:var(--muted);font-size:.9rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px}.metric-item{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:12px}.metric-key{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:1px}.metric-value{font-size:1.1rem;font-weight:600;margin-top:6px}.score-total{font-size:2rem;font-weight:700;margin-top:8px;margin-bottom:12px}.trend-section{margin-top:12px}.trend-section h2{margin:0 0 8px;font-size:1rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.trend-series{margin-bottom:10px}.trend-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.trend-point{background:#ffffff0a;border-radius:8px;padding:6px 8px;font-size:.8rem;color:var(--fg)}.timeline-grid{display:grid;gap:14px;margin-top:16px}.timeline-row{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center}.timeline-label{font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px}.timeline-lane{position:relative;height:34px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.05);overflow:hidden}.timeline-item{position:absolute;top:6px;height:22px;border-radius:10px;border:none;cursor:pointer;font-size:.7rem;padding:0 8px;color:#0b0d12;background:var(--accent)}.timeline-item.marker{height:18px;top:8px;background:var(--amber);color:#0b0d12}.timeline-item.series{top:0;height:100%;background:#7bd38940;color:transparent}@media (max-width: 720px){.timeline-row{grid-template-columns:1fr}.timeline-label{margin-bottom:-4px}}.onboarding-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;padding:28px 24px;gap:20px;background:radial-gradient(circle at 20% 0%,#20283a,var(--bg))}.onboarding-header{display:flex;align-items:center;justify-content:space-between}.chip{border:1px solid var(--border);padding:6px 12px;border-radius:999px;font-size:.85rem;color:var(--accent)}.onboarding-body{display:grid;align-items:center}.slide-card{background:var(--panel);border-radius:24px;padding:clamp(24px,4vw,36px);max-width:720px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.04)}.slide-eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:.7rem;color:var(--amber);margin-bottom:12px}.onboarding-footer{display:flex;flex-direction:column;gap:16px}.dots{display:flex;gap:8px}.dot{width:10px;height:10px;border-radius:999px;border:none;background:#2a3142;cursor:pointer}.dot.active{width:24px;background:var(--accent-strong)}.actions{display:flex;justify-content:space-between;gap:12px}.actions button{border-radius:12px;padding:12px 18px;border:1px solid transparent;cursor:pointer;font-size:.95rem}.actions .ghost{background:transparent;color:var(--fg);border-color:var(--border)}.actions .primary{background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:#0b0d12;font-weight:600}@media (max-width: 900px){.review-grid{grid-template-columns:1fr}}.actions .danger,.session-actions .danger{background:#2b1013;color:#f5c2c7;border:1px solid #5b1b23}.actions button:disabled{opacity:.4;cursor:not-allowed}.consent-checklist{display:grid;gap:12px;margin-top:20px}.consent-row{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;color:var(--fg);font-size:.95rem}.consent-row input{accent-color:var(--accent-strong);transform:translateY(3px)}@media (max-width: 720px){.onboarding-shell{padding:20px 16px}.actions{flex-direction:column}.actions button{width:100%}}