:root{--bg:#0f1211;--surface:#161b19;--surface-2:#1d2422;--line:#2a3330;--text:#e8ede9;--muted:#93a29b;--accent:#6fd39b;--accent-dim:#3f7f5f;--warn:#e0b155;--danger:#e2796b;--radius:12px;--max:46rem}@media (prefers-color-scheme:light){:root{--bg:#f7f9f7;--surface:#fff;--surface-2:#eef2ef;--line:#dbe3dd;--text:#16201b;--muted:#5c6b63;--accent:#1f7a4d;--accent-dim:#8fc9ac}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.app{max-width:var(--max);margin:0 auto;padding:2.5rem 1.25rem 4rem}.app__header{margin-bottom:2rem}.app__header h1{letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.5rem;display:inline-block}.app__mark{background:var(--accent);vertical-align:.05rem;border-radius:50%;width:.65rem;height:.65rem;margin-right:.55rem;display:inline-block}.app__tagline{color:var(--muted);margin:0;font-size:.95rem}.stack{flex-direction:column;gap:1.25rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}.card h2{letter-spacing:.01em;margin:0 0 .75rem;font-size:1rem;font-weight:600}.muted{color:var(--muted)}.small{font-size:.85rem}.error{border-radius:var(--radius);background:color-mix(in srgb, var(--danger) 14%, transparent);border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);color:var(--text);margin:0;padding:.85rem 1rem}.scenario-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.6rem;margin-bottom:.75rem;display:grid}.scenario{text-align:left;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);color:inherit;font:inherit;cursor:pointer;flex-direction:column;gap:.2rem;padding:.85rem;transition:border-color .12s;display:flex}.scenario:hover{border-color:var(--accent-dim)}.scenario--active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.levels{flex-wrap:wrap;gap:.4rem;display:flex}.level{background:var(--surface-2);border:1px solid var(--line);min-width:3rem;color:inherit;font:inherit;cursor:pointer;border-radius:8px;padding:.5rem .75rem}.level--active{background:var(--accent);border-color:var(--accent);color:#08130d;font-weight:600}.facts{gap:.6rem;margin:0 0 1rem;display:grid}.facts>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding-bottom:.6rem;display:flex}.facts>div:last-child{border-bottom:0;padding-bottom:0}.facts dt{color:var(--muted)}.facts dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.badge{border-radius:8px;margin:0 0 1rem;padding:.6rem .85rem;font-size:.9rem;display:block}.badge--good{background:color-mix(in srgb, var(--accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent)}.badge--warn{background:color-mix(in srgb, var(--warn) 14%, transparent);border:1px solid color-mix(in srgb, var(--warn) 35%, transparent)}.toggle{cursor:pointer;align-items:flex-start;gap:.6rem;display:flex}.toggle input{accent-color:var(--accent);margin-top:.35rem}.diagnostics{color:var(--muted);margin-top:1rem;font-size:.88rem}.diagnostics summary{cursor:pointer}.diagnostics ul{margin:.5rem 0 0;padding-left:1.1rem}.diagnostics code{color:var(--text)}.status{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:.6rem;padding:.85rem 1rem;display:flex}.status__dot{background:var(--muted);border-radius:50%;flex:none;width:.6rem;height:.6rem}.status--listening .status__dot{background:var(--accent);animation:1.6s ease-in-out infinite pulse}.status--speaking .status__dot,.status--thinking .status__dot,.status--transcribing .status__dot{background:var(--warn)}.status--error .status__dot{background:var(--danger)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}@media (prefers-reduced-motion:reduce){.status--listening .status__dot{animation:none}*{scroll-behavior:auto!important}}.transcript{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);scroll-behavior:smooth;max-height:26rem;padding:1.25rem;overflow-y:auto}.turn{margin:0 0 1.1rem}.turn:last-child{margin-bottom:0}.turn__who{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.15rem;font-size:.75rem;display:block}.turn--learner{border-left:2px solid var(--accent-dim);padding-left:.9rem}.turn--live{opacity:.72}.latency{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.85rem}.latency--good{color:var(--accent)}.latency--ok{color:var(--warn)}.latency--slow{color:var(--danger)}.feedback{white-space:pre-wrap;margin:0}.primary{background:var(--accent);color:#08130d;font:inherit;cursor:pointer;border:0;border-radius:10px;align-self:flex-start;padding:.75rem 1.4rem;font-weight:600}.primary:disabled{opacity:.45;cursor:not-allowed}.primary:not(:disabled):hover{filter:brightness(1.08)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}progress{width:100%;height:.4rem;accent-color:var(--accent)}.events{max-height:16rem;margin:.6rem 0 0;padding:0;font-family:ui-monospace,monospace;font-size:.8rem;list-style:none;overflow-y:auto}.events li{border-bottom:1px solid var(--line);white-space:nowrap;padding:.15rem 0;overflow-x:auto}.events code{color:var(--accent)}.account{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.9rem;display:flex}.account__form{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:.5rem;width:100%;max-width:22rem;padding:.9rem;display:flex}.account__form input{background:var(--surface-2);border:1px solid var(--line);color:inherit;font:inherit;border-radius:8px;padding:.5rem .65rem}.link{color:var(--accent);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-size:.9rem;text-decoration:underline}.link:disabled{opacity:.5;cursor:not-allowed}.small-btn{padding:.45rem .9rem;font-size:.9rem}.error.small{padding:.5rem .7rem;font-size:.85rem}.models{border:1px solid var(--line);border-radius:var(--radius);margin:0 0 1rem;padding:.9rem}.models legend{padding:0 .4rem;font-size:.9rem;font-weight:600}.model{cursor:pointer;align-items:flex-start;gap:.55rem;padding:.4rem 0;display:flex}.model input{accent-color:var(--accent);margin-top:.3rem}.model__note{display:block}.model--unavailable{opacity:.45;cursor:not-allowed}.prompt-input,.repo-input{background:var(--surface-2);border:1px solid var(--line);width:100%;color:inherit;font:inherit;resize:vertical;border-radius:8px;padding:.6rem .7rem;font-family:ui-monospace,monospace;font-size:.85rem}.repo-input{flex:1;min-width:14rem;font-family:ui-monospace,monospace}.eval-fail{color:var(--danger);padding-left:.8rem;font-size:.85rem}