:root{--ui-bg:#eef2f6;--ui-card:#fff;--ui-ink:#172235;--ui-muted:#6f7c8d;--ui-line:#dce4ec;--ui-green:#14785e;--ui-green-soft:#eaf7f2;--ui-navy:#112238}
body{background:var(--ui-bg);color:var(--ui-ink)}
.shell{max-width:1540px;padding:0 34px}
header{height:68px;margin:0 -34px;padding:0 34px;border:0;border-bottom:1px solid var(--ui-line);background:#fff;box-shadow:0 1px 12px #2030470a}
.brand .mark{width:34px;height:34px;border-radius:9px;background:var(--ui-green);color:#fff;font-size:17px}
.brand strong{color:var(--ui-ink);font-size:15px}.brand small{color:#8793a2;font-size:9px;letter-spacing:.12em}
.safety{border-color:#cce7de;background:#effaf6;color:#176b55}.safety i{background:#20a779;box-shadow:0 0 0 4px #20a77918}
.hero{min-height:174px;margin:22px 0 16px;padding:28px 36px;border:1px solid #1e3d56;border-radius:22px;background:linear-gradient(118deg,#102136,#12364a 66%,#145a50);box-shadow:0 18px 44px #26364b1c;color:#fff}
.hero h1{margin:8px 0 7px;font-size:clamp(30px,3vw,43px);line-height:1.06;letter-spacing:-.035em}.hero h1 em{color:#6ee7bd}
.hero p:not(.eyebrow){margin:0;max-width:650px;color:#bdcad6;line-height:1.65;font-size:12px}.eyebrow{color:#6ee7bd;font-size:9px}
.hero-stat{width:112px;height:112px;border-color:#5a857e;background:#102d35;box-shadow:inset 0 0 28px #1b5a4d}.hero-stat span{font-size:28px}.hero-stat small{color:#bed0d0;font-size:10px}
.tabs{gap:4px;margin:0 0 18px;padding:5px;border:1px solid var(--ui-line);border-radius:13px;background:#fff;box-shadow:0 5px 18px #26364b08}
.tabs button{flex:0 0 auto;padding:11px 17px;border:0!important;border-radius:9px;color:#718092;font-size:12px}.tabs button.active{background:var(--ui-green-soft);color:var(--ui-green)}
.card{background:#fff;border-color:var(--ui-line);border-radius:16px;box-shadow:0 10px 30px #26364b0d}
.card h2{color:var(--ui-ink)}.step{color:var(--ui-green)}label,.muted{color:var(--ui-muted)}
select,input,textarea{background:#f8fafc;border-color:#d6e0e9;color:var(--ui-ink)}
select:focus,input:focus,textarea:focus{border-color:#1b9271;box-shadow:0 0 0 3px #1b927118}
.ghost{border-color:#d5dfe8;background:#fff;color:#5e6c7e}.ghost:hover{border-color:var(--ui-green);color:var(--ui-green)}
.primary{background:var(--ui-green);color:#fff;box-shadow:0 8px 24px #14785e26}.primary:hover{background:#10694f}
.status.idle{background:#eef2f6;color:#6c7888}.status.playing{background:#dff5eb;color:#11694f}
.mic-panel,.capture-panel{border-color:#dbe4eb!important;background:#f7fafc!important}.mic-panel strong,.capture-panel strong{color:var(--ui-ink)!important}
.mic-panel span,.capture-panel span,.capture-panel small{color:#718092!important}
.chips button{border-color:#dce4eb;background:#f5f8fa;color:#617082}.chips button:hover{border-color:#1b9271;color:#137158;background:#edf8f4}
.empty{color:#778596}.pulse{border-color:#c9e3da;background:#f1faf7}.pulse span{background:#20aa7b;box-shadow:0 0 18px #20aa7b70}
.route-meta span{background:#e9f7f1;color:#14765c}.result blockquote{border-color:#1b9271;background:#f3f8f6;color:#273648}
.review{border-color:#e1e7ed}.score button{border-color:#dce4eb;background:#f7f9fb;color:#334154}.score button:hover,.score button.selected{border-color:#1b9271;color:#14765c;background:#edf8f4}
.history-item{border-color:#e4e9ef}.history-item span{color:#14765c}
.metrics article{background:#fff;border-color:var(--ui-line);box-shadow:0 8px 24px #26364b0a}.metrics small{color:#748193}.metrics strong{color:var(--ui-ink)}
.regression-summary{background:#f4f7fa;color:#637183}.regression-table-wrap{border-color:#dce4eb;background:#fff}.regression-table th{background:#eef3f6;color:#526173}.regression-table td{border-color:#e4e9ef;color:#273547}.regression-table tr.fail{background:#fff2f2}
.connection-guide p{color:#687687}.ai-roleplay-card .regression-table tr.fail{background:#fff2f2}
footer{color:#8793a2;padding:24px}
body[data-active-tab="calls"] .hero{display:none}
body[data-active-tab="calls"] #calls{padding-top:24px}
@media(max-width:850px){.shell{padding:0 14px}header{margin:0 -14px;padding:0 14px}.hero{min-height:145px;padding:24px}.hero h1{font-size:31px}.tabs{overflow-x:auto}.tabs button{white-space:nowrap}.grid{gap:14px}.card{padding:18px}}