:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-red:#e8231e;--brand-red-strong:#c81812;--bg:#fff;--surface:#fff;--surface-raised:#f5f5f7;--surface-sunken:#ececef;--text:#16161a;--text-muted:#5c5c68;--text-faint:#8a8a96;--border:#e3e3e8;--border-strong:#cfcfd6;--focus:var(--brand-red);--ok:#1f9d57;--warn:#b7791f;--danger:#d93a34;--info:#2b6cb0;--accent:var(--brand-red);--accent-contrast:#fff;--accent-tint:#e8231e14;--accent-ring:#e8231e47;--shadow-sm:0 1px 2px #1010140f, 0 1px 3px #1010140d;--shadow-md:0 4px 12px #10101414, 0 2px 4px #1010140d;--shadow-lg:0 12px 32px #1010141f;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-pill:999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--step--1:clamp(.79rem, .76rem + .15vw, .87rem);--step-0:clamp(.94rem, .9rem + .2vw, 1.03rem);--step-1:clamp(1.12rem, 1.05rem + .35vw, 1.36rem);--step-2:clamp(1.35rem, 1.2rem + .7vw, 1.8rem);--step-3:clamp(1.6rem, 1.35rem + 1.2vw, 2.4rem);--step-4:clamp(2rem, 1.5rem + 2.4vw, 3.4rem);--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--page-max:1120px;--header-h:60px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f0f14;--surface:#16161d;--surface-raised:#1e1e27;--surface-sunken:#101017;--text:#f3f3f6;--text-muted:#a6a6b3;--text-faint:#74747f;--border:#2a2a34;--border-strong:#3a3a46;--brand-red:#ff5b52;--brand-red-strong:#ff7a72;--accent:var(--brand-red);--accent-contrast:#17070a;--accent-tint:#ff5b521f;--accent-ring:#ff5b5252;--ok:#43c07d;--warn:#e0b155;--danger:#ff6b63;--info:#6bb0f0;--shadow-sm:0 1px 2px #0006;--shadow-md:0 6px 16px #00000073;--shadow-lg:0 16px 40px #0000008c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f0f14;--surface:#16161d;--surface-raised:#1e1e27;--surface-sunken:#101017;--text:#f3f3f6;--text-muted:#a6a6b3;--text-faint:#74747f;--border:#2a2a34;--border-strong:#3a3a46;--brand-red:#ff5b52;--brand-red-strong:#ff7a72;--accent:var(--brand-red);--accent-contrast:#17070a;--accent-tint:#ff5b521f;--accent-ring:#ff5b5252;--ok:#43c07d;--warn:#e0b155;--danger:#ff6b63;--info:#6bb0f0;--shadow-sm:0 1px 2px #0006;--shadow-md:0 6px 16px #00000073;--shadow-lg:0 16px 40px #0000008c}}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background-color:var(--bg);min-height:100svh;color:var(--text);font-family:var(--font-sans);font-size:var(--step-0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.6}h1,h2,h3{letter-spacing:-.015em;font-weight:650;line-height:1.15}a{color:inherit;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:2px}a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}button{font:inherit;color:inherit}code,kbd,pre{font-family:var(--font-mono);font-size:.92em}input,select,textarea,button{accent-color:var(--accent)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}::selection{background:var(--accent-tint)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{flex-direction:column;min-height:100svh;display:flex}.container{width:100%;max-width:var(--page-max);padding-inline:clamp(var(--space-4), 3vw, var(--space-6));margin-inline:auto}.header{z-index:20;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);padding-top:env(safe-area-inset-top);position:sticky;top:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.header{background:var(--bg)}}.header__inner{align-items:center;gap:var(--space-4);min-height:var(--header-h);padding-block:var(--space-2);display:flex}.brand{align-items:center;gap:var(--space-2);font-family:"Elsie", var(--font-serif);font-size:var(--step-2);letter-spacing:0;white-space:nowrap;font-weight:400;display:inline-flex}.brand__icon{border:1px solid var(--border);object-fit:contain;background:#fff;border-radius:8px;flex:none;width:28px;height:28px;padding:3px}.brand__dot{background:var(--brand-red);width:.62em;height:.62em;box-shadow:0 0 0 4px var(--accent-tint);border-radius:50%;flex:none}.header__spacer{flex:auto}.install{align-items:center;gap:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--text);font-family:var(--font-mono);font-size:var(--step-0);cursor:pointer;max-width:420px;padding:10px 12px 10px 18px;transition:border-color .15s,background .15s;display:none}.install:hover{border-color:var(--text-faint);background:var(--surface-sunken)}.install code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width>=720px){.install{display:inline-flex}}.header__actions{align-items:center;gap:var(--space-1);display:inline-flex}.iconbtn{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;transition:background .15s,color .15s,border-color .15s;display:inline-grid}.iconbtn:hover{background:var(--surface-raised);color:var(--text);border-color:var(--border)}.iconbtn svg{width:20px;height:20px}.banner{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--step--1);border:1px solid var(--border);background:var(--surface-raised);color:var(--text-muted);line-height:1.5;display:flex}.banner--warn{border-color:color-mix(in srgb, var(--warn) 45%, var(--border));background:color-mix(in srgb, var(--warn) 10%, var(--surface));color:var(--text)}.banner__icon{flex:none;margin-top:1px}.banner strong{color:var(--text)}.intro{padding-top:clamp(var(--space-6), 6vw, var(--space-8));padding-bottom:var(--space-5)}.intro__eyebrow{align-items:center;gap:var(--space-2);font-size:var(--step--1);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-weight:600;display:inline-flex}.intro h1{margin-top:var(--space-3);font-size:var(--step-4)}.intro h1 .accent{color:var(--brand-red)}.intro p{margin-top:var(--space-4);max-width:60ch;font-size:var(--step-1);color:var(--text-muted)}.intro__meta{margin-top:var(--space-5);gap:var(--space-2) var(--space-4);font-size:var(--step--1);color:var(--text-faint);flex-wrap:wrap;display:flex}.intro__meta a{color:var(--text-muted);font-weight:550}.section-title{margin:var(--space-7) 0 var(--space-2);font-size:var(--step-2)}.section-lead{margin-bottom:var(--space-5);color:var(--text-muted);max-width:60ch}.lang-bar{align-items:center;gap:var(--space-3) var(--space-4);margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);flex-wrap:wrap;display:flex}.lang-bar__control{gap:var(--space-2)}.lang-bar__icon{color:var(--accent);display:inline-flex}.lang-bar__select{min-width:190px}.lang-bar__hint{color:var(--text-faint);font-size:var(--step--1);margin-left:auto}.grid{gap:var(--space-5);padding-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));display:grid}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.card__head{padding:var(--space-5) var(--space-5) 0}.card__title{align-items:center;gap:var(--space-2);font-size:var(--step-1);display:flex}.card__badge{font-family:var(--font-mono);color:var(--text-faint);border:1px solid var(--border);border-radius:var(--radius-pill);white-space:nowrap;margin-left:auto;padding:2px 8px;font-size:.72rem}.card__desc{margin-top:var(--space-2);color:var(--text-muted);font-size:var(--step--1);line-height:1.55}.card__body{padding:var(--space-5);gap:var(--space-4);flex-direction:column;flex:auto;display:flex}.card__stage{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-md);background:var(--surface-sunken);border:1px solid var(--border);flex-direction:column;justify-content:center;align-items:stretch;min-height:132px;display:flex}.card__stage--center{text-align:center;align-items:center}.control{font-size:var(--step--1);flex-direction:column;gap:4px;display:flex}.control__row{gap:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.control>span,.control__label{color:var(--text-muted);font-weight:550}.control--inline{align-items:center;gap:var(--space-2);flex-direction:row}.field{appearance:none;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);font:inherit;font-size:var(--step--1);padding:8px 10px}select.field{background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);background-position:calc(100% - 18px) calc(50% + 1px),calc(100% - 13px) calc(50% + 1px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:32px}.field--sm{width:auto;min-width:80px}.field:focus-visible{border-color:var(--accent);outline-offset:0}.switch{align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);min-height:40px;color:var(--text);font-weight:550;font-size:var(--step--1);cursor:pointer;padding:9px 16px;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}.btn:hover{background:var(--surface-raised);border-color:var(--text-faint)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn--primary:hover{background:var(--brand-red-strong);border-color:var(--brand-red-strong)}.btn--ghost{border-color:var(--border);background:0 0}.mic{border:1px solid var(--border-strong);background:var(--surface);width:72px;height:72px;color:var(--text);cursor:pointer;border-radius:50%;place-items:center;transition:color .2s,border-color .2s,background .2s;display:inline-grid;position:relative}.mic:hover{border-color:var(--text-faint)}.mic svg{z-index:1;width:30px;height:30px;position:relative}.mic--listening{color:var(--accent-contrast);background:var(--brand-red);border-color:var(--brand-red)}.mic--listening:before,.mic--listening:after{content:"";border:2px solid var(--brand-red);border-radius:50%;animation:1.8s ease-out infinite mic-pulse;position:absolute;inset:0}.mic--listening:after{animation-delay:.9s}.mic--speaking:before,.mic--speaking:after{animation-duration:1s}@keyframes mic-pulse{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.75)}}@media (prefers-reduced-motion:reduce){.mic--listening:before,.mic--listening:after{opacity:0;animation:none}.mic--listening{box-shadow:0 0 0 5px var(--accent-ring)}}.mic:disabled{opacity:.5;cursor:not-allowed}.pill{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-raised);color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;padding:3px 10px;font-size:.76rem;font-weight:600;display:inline-flex}.pill__dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.pill--ok{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 35%, var(--border));background:color-mix(in srgb, var(--ok) 10%, var(--surface))}.pill--warn{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 35%, var(--border));background:color-mix(in srgb, var(--warn) 10%, var(--surface))}.pill--danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, var(--border));background:color-mix(in srgb, var(--danger) 10%, var(--surface))}.pill--live{color:var(--brand-red);border-color:color-mix(in srgb, var(--brand-red) 40%, var(--border));background:var(--accent-tint)}.pill-row{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-raised);font-size:var(--step--1);color:var(--text-muted);padding:4px 10px}.chip--best{border-color:var(--accent);color:var(--text);background:var(--accent-tint)}.chip code{color:inherit}.transcript{min-height:3.4em;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface);border:1px dashed var(--border-strong);font-family:var(--font-mono);font-size:var(--step--1);white-space:pre-wrap;word-break:break-word;text-align:left;line-height:1.5}.transcript__interim{color:var(--text-faint);font-style:italic}.transcript__placeholder{color:var(--text-faint)}.log{max-height:220px;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface-sunken);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-muted);margin:0;font-size:.78rem;line-height:1.55;overflow:auto}.log__line{gap:var(--space-2);display:flex}.log__time{color:var(--text-faint);flex:none}.log__event{color:var(--brand-red);flex:none;min-width:92px}.log:empty:after{content:"No events yet — start a session.";color:var(--text-faint)}.code{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-sunken);overflow:hidden}.code>summary{align-items:center;gap:var(--space-2);padding:10px var(--space-4);cursor:pointer;font-size:var(--step--1);color:var(--text-muted);-webkit-user-select:none;user-select:none;font-weight:550;list-style:none;display:flex}.code>summary::-webkit-details-marker{display:none}.code>summary:before{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:5px solid;width:0;height:0;transition:transform .15s}.code[open]>summary:before{transform:rotate(90deg)}.code__body{border-top:1px solid var(--border);position:relative}.code pre{padding:var(--space-4);color:var(--text);-webkit-overflow-scrolling:touch;margin:0;font-size:.8rem;line-height:1.6;overflow:auto}.code__copy{top:var(--space-2);right:var(--space-2);position:absolute}.footer{border-top:1px solid var(--border);padding-block:var(--space-6);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom));color:var(--text-muted);font-size:var(--step--1);margin-top:auto}.footer__inner{text-align:center;justify-content:center;display:flex}.toasts{right:var(--space-4);bottom:calc(var(--space-4) + env(safe-area-inset-bottom));z-index:40;gap:var(--space-2);flex-direction:column;max-width:min(92vw,360px);display:flex;position:fixed}.toast{padding:10px var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-raised);box-shadow:var(--shadow-lg);font-size:var(--step--1);animation:.18s ease-out toast-in}.toast--danger{border-color:color-mix(in srgb, var(--danger) 45%, var(--border))}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.muted{color:var(--text-muted)}.hint{font-size:var(--step--1);color:var(--text-faint)}