:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#0b0e14;--bg-rail:#070910;--bg-sidebar:#101620;--bg-panel:#151d2a;--bg-panel-2:#1b2635;--bg-elevated:#233044;--border-soft:#ffffff14;--border-strong:#ffffff29;--text-main:#f5f7fb;--text-muted:#9aa8ba;--text-dim:#647185;--accent:#5cc8ff;--accent-2:#9ae6ff;--success:#48df85;--warning:#f8c14b;--danger:#fb7185;--critical:#ef4444;--purple-rare:#a78bfa;--shadow:0 24px 70px #00000061;--font-ui:"Geist", "Satoshi", "Aptos", "IBM Plex Sans", sans-serif;--font-mono:"IBM Plex Mono", "JetBrains Mono", "SFMono-Regular", monospace}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0%, #5cc8ff1f, transparent 28%), radial-gradient(circle at 80% 20%, #48df8514, transparent 24%), var(--bg-app);min-width:1080px;color:var(--text-main);font-family:var(--font-ui);margin:0;font-size:14px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}code,pre,kbd{font-family:var(--font-mono)}.auth-page{grid-template-columns:minmax(420px,520px) 1fr;min-height:100vh;display:grid;overflow:hidden}.auth-panel{border-right:1px solid var(--border-soft);background:#070910e0;flex-direction:column;justify-content:center;padding:72px;display:flex}.auth-panel h1,.auth-aside h2{letter-spacing:-.04em;margin:18px 0 10px;font-size:42px}.auth-panel p,.auth-aside p,.page-header p,.setup-hero p,.panel p{color:var(--text-muted);line-height:1.6}.auth-brand,.brand-block{color:var(--accent-2);font-family:var(--font-mono);letter-spacing:.08em;align-items:center;gap:12px;display:flex}.auth-aside{flex-direction:column;justify-content:flex-end;padding:72px;display:flex;position:relative;overflow:hidden}.orb{filter:blur(4px);opacity:.9;border-radius:999px;position:absolute}.orb-a{background:radial-gradient(circle,#5cc8ff59,#0000 64%);width:340px;height:340px;top:12%;right:12%}.orb-b{background:radial-gradient(circle,#48df8538,#0000 68%);width:260px;height:260px;bottom:18%;left:18%}.auth-grid,.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.form-stack,.form-grid{gap:16px;display:grid}.form-grid{grid-template-columns:1fr 1fr auto;align-items:end}label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;gap:8px;font-size:12px;display:grid}input,select{width:100%;color:var(--text-main);border:1px solid var(--border-soft);background:#ffffff0b;border-radius:12px;outline:none;padding:12px 14px}input:focus,select:focus{border-color:#5cc8ffb3;box-shadow:0 0 0 4px #5cc8ff1f}.button{border:1px solid var(--border-soft);color:var(--text-main);background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 14px;transition:all .16s;display:inline-flex}.button:hover{border-color:var(--border-strong);background:#ffffff14;transform:translateY(-1px)}.button-primary{color:#04111a;background:linear-gradient(135deg,#1388c9,#2bd4ff);border-color:#5cc8ff61;font-weight:800}.button-good{color:var(--success);background:#48df8524;border-color:#48df8561}.text-link{color:var(--accent-2)}.console-shell{grid-template-columns:72px 260px minmax(0,1fr);min-height:100vh;display:grid}.app-rail{background:var(--bg-rail);border-right:1px solid var(--border-soft);flex-direction:column;align-items:center;gap:10px;height:100vh;padding:16px 10px;display:flex;position:sticky;top:0}.rail-logo,.rail-link{border-radius:16px;place-items:center;width:46px;height:46px;display:grid}.rail-logo{color:var(--accent-2);background:linear-gradient(135deg,#5cc8ff42,#48df8529);margin-bottom:12px}.rail-link{color:var(--text-muted);transition:all .16s;position:relative}.rail-link span{display:none}.rail-link:hover,.rail-link.active{background:var(--bg-panel-2);color:var(--text-main)}.rail-link.active:before{content:"";background:var(--accent);border-radius:999px;width:4px;height:24px;position:absolute;left:-10px}.project-sidebar{border-right:1px solid var(--border-soft);background:#101620f0;flex-direction:column;gap:20px;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}.brand-block{justify-content:space-between}.brand-block h1{margin:0;font-size:15px}.brand-block span,.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim);font-size:11px}.project-switcher span,.sidebar-section>span{text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);font-size:11px}.sidebar-section{gap:6px;display:grid}.sidebar-section a{color:var(--text-muted);font-family:var(--font-mono);border-radius:10px;padding:8px 10px;font-size:13px}.sidebar-section a:hover,.sidebar-section a.active{color:var(--text-main);background:#ffffff0f}.user-card{border:1px solid var(--border-soft);background:#ffffff0b;border-radius:16px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;margin-top:auto;padding:10px;display:grid}.avatar{width:38px;height:38px;color:var(--accent-2);font-family:var(--font-mono);background:#5cc8ff29;border-radius:12px;place-items:center;font-weight:700;display:grid}.user-card span{color:var(--text-dim);font-size:12px;display:block}.user-card button{color:var(--text-muted);background:0 0;border:0}.workspace{min-width:0;padding:22px}.workspace-top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.command-bar{width:min(560px,100%);color:var(--text-dim);border:1px solid var(--border-soft);background:#ffffff0a;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;display:flex}kbd{border:1px solid var(--border-soft);color:var(--text-muted);border-radius:8px;margin-left:auto;padding:2px 8px}.live-chip{color:var(--success);font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:8px;font-size:12px;display:inline-flex}.live-chip span{background:var(--success);width:8px;height:8px;box-shadow:0 0 18px var(--success);border-radius:999px}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;display:flex}.page-header h1{letter-spacing:-.04em;margin:6px 0;font-size:34px}.page-actions,.row-actions,.card-actions,.site-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.setup-hero,.panel,.metric-card,.site-card,.recording-card,.empty-state,.table-shell{border:1px solid var(--border-soft);box-shadow:var(--shadow);background:linear-gradient(#ffffff0e,#ffffff07);border-radius:22px}.setup-hero{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:22px;margin-bottom:20px;padding:28px;display:grid;position:relative;overflow:hidden}.setup-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#5cc8ff2e,#0000 68%);width:300px;height:300px;position:absolute;inset:auto -80px -120px auto}.setup-hero h2,.panel h2,.empty-state h2,.site-card h2,.recording-card h2{letter-spacing:-.025em;margin:0 0 8px}.setup-list{color:var(--text-muted);margin:20px 0 0;padding-left:22px;line-height:1.9}.setup-actions{align-content:start;gap:14px;display:grid}.mini-list,.stack-list{gap:10px;display:grid}.mini-list a,.stack-item{border:1px solid var(--border-soft);background:#ffffff09;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.metric-grid{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:20px}.metric-card{gap:12px;min-height:112px;padding:16px;display:flex}.metric-card span,.metric-card small{color:var(--text-muted);display:block}.metric-card strong{letter-spacing:-.04em;margin:8px 0 4px;font-size:28px;display:block}.metric-icon{width:36px;height:36px;color:var(--accent-2);background:#5cc8ff1a;border-radius:12px;place-items:center;display:grid}.metric-good .metric-icon{color:var(--success);background:#48df851c}.metric-warn .metric-icon{color:var(--warning);background:#f8c14b1f}.metric-bad .metric-icon{color:var(--danger);background:#fb71851f}.dashboard-grid,.replay-layout{grid-template-columns:minmax(0,1fr) minmax(360px,.45fr);gap:18px;margin-bottom:18px;display:grid}.panel{min-width:0;margin-bottom:18px;padding:20px}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px;display:grid}.site-card,.recording-card{gap:14px;padding:18px;transition:all .16s;display:grid}.site-card:hover,.recording-card:hover,.stack-item:hover{border-color:#5cc8ff47;transform:translateY(-2px)}.site-card-main{justify-content:space-between;gap:14px;display:flex}.site-card p,.recording-card p,.stack-item span,.entity-link span{color:var(--text-muted)}.card-actions a,.card-actions button{color:var(--accent-2);background:0 0;border:0;padding:0}.pill,.risk{white-space:nowrap;font-family:var(--font-mono);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:5px 9px;font-size:11px;line-height:1;display:inline-flex}.pill-good,.risk-good{color:var(--success);background:#48df851a;border-color:#48df8538}.pill-warn,.risk-warn{color:var(--warning);background:#f8c14b1a;border-color:#f8c14b38}.pill-bad,.risk-bad{color:var(--danger);background:#fb71851a;border-color:#fb718538}.pill-info,.risk-info{color:var(--accent-2);background:#5cc8ff1a;border-color:#5cc8ff38}.pill-muted{color:var(--text-muted);border-color:var(--border-soft);background:#ffffff0e}.risk-list{flex-wrap:wrap;gap:6px;display:flex}.risk-list.large{gap:10px}.table-shell{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border-soft);vertical-align:middle;padding:14px 16px}th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;background:#ffffff06;font-size:11px}tr:hover td{background:#5cc8ff09}.entity-link{gap:4px;display:grid}.score{font-family:var(--font-mono);color:var(--accent-2);font-size:24px}.empty-state,.loading-panel,.error-panel{text-align:center;color:var(--text-muted);place-items:center;padding:42px;display:grid}.loading-panel,.error-panel{gap:10px;min-height:140px}.error-panel{color:var(--danger);text-align:left;background:#fb71850f;border:1px solid #fb71852e;border-radius:16px;grid-template-columns:auto 1fr;place-items:center start}.error-panel span{color:var(--text-muted);margin-top:4px;display:block}.empty-icon{width:54px;height:54px;color:var(--accent-2);background:#5cc8ff1a;border-radius:18px;place-items:center;margin-bottom:16px;display:grid}.muted{color:var(--text-muted)}.json-viewer{border:1px solid var(--border-soft);color:#c8d5e8;background:#04070ca6;border-radius:16px;max-height:620px;margin:0;padding:16px;font-size:12px;line-height:1.6;overflow:auto}.signal-grid,.settings-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.signal-card,.setting-card{border:1px solid var(--border-soft);background:#ffffff09;border-radius:16px;padding:14px}.signal-card>div,.setting-card{justify-content:space-between;gap:12px;display:flex}.setting-card{align-items:center}.switch-row{text-transform:none;letter-spacing:0;grid-template-columns:none;align-items:center;gap:10px;font-size:14px;display:flex}.switch-row input{width:auto}.split-panel{grid-template-columns:minmax(0,1fr) minmax(320px,.55fr);gap:22px;display:grid}.instruction-card{background:#5cc8ff12;border:1px solid #5cc8ff24;border-radius:18px;padding:18px}.inline-form{gap:10px;margin-top:18px;display:flex}.inline-form input{flex:1}.replay-layout{grid-template-columns:minmax(0,1fr) 360px}.replay-panel{overflow:hidden}.replay-frame{border:1px solid var(--border-soft);background:#05070c;border-radius:18px;width:100%;max-height:620px;overflow:hidden}.replay-frame .rr-player{max-width:100%!important}.timeline-panel{max-height:680px;overflow:auto}.timeline{gap:12px;display:grid}.timeline-item{color:var(--text-muted);grid-template-columns:14px 1fr;gap:10px;display:grid}.timeline-item>span{background:var(--accent);border-radius:999px;width:10px;height:10px;margin-top:4px;box-shadow:0 0 18px #5cc8ff99}.timeline-item strong{color:var(--text-main);display:block}.timeline-item small{font-family:var(--font-mono);color:var(--text-dim)}.pager{justify-content:center;align-items:center;gap:12px;margin-top:18px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){body{min-width:0}.console-shell{grid-template-columns:64px minmax(0,1fr)}.project-sidebar{display:none}.metric-grid,.dashboard-grid,.setup-hero,.split-panel,.replay-layout,.auth-page{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}