:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--surface:#f7f5f8;--surface-raised:#ffffffbd;--ink:#19161b;--muted:#19161b94;--faint:#19161b1a;--accent:#825f91;--danger:#a33b4a}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--surface:#131115;--surface-raised:#231e26c7;--ink:#f5f0f7;--muted:#f5f0f79e;--faint:#f5f0f71c;--accent:#c4a5d0;--danger:#f08a9b}}*,:before,:after{box-sizing:border-box}html,body{min-height:100%}html{background:var(--surface)}body{background:radial-gradient(circle at 72% 18%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 34rem), var(--surface);color:var(--ink);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}button,select{font:inherit}button,select,a{-webkit-tap-highlight-color:transparent}.shell{width:100%;height:100svh;padding:max(1.25rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) max(1.25rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.topbar,.controls{z-index:2;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative}.wordmark{color:var(--ink);letter-spacing:.2em;text-transform:uppercase;font-size:.72rem;font-weight:650;line-height:1;text-decoration:none}.language-picker{border:1px solid var(--faint);background:var(--surface-raised);min-height:2.75rem;color:var(--ink);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border-radius:999px;align-items:center;gap:.35rem;padding:0 .85rem;display:inline-flex;box-shadow:0 1px 1px #00000006}.language-prefix{color:var(--muted);font-size:.85rem}.language-picker select{appearance:none;max-width:10rem;color:inherit;cursor:pointer;background:0 0;border:0;outline:0;padding:0;font-size:.88rem;font-weight:560}.language-picker svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:.58rem}.language-picker:focus-within{outline:2px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:2px}.transcript{overscroll-behavior:contain;scrollbar-width:none;min-height:0;margin:1.5rem -.25rem;overflow-y:auto}.transcript::-webkit-scrollbar{display:none}.transcript-inner{flex-direction:column;width:min(100%,76rem);min-height:100%;margin-inline:auto;padding:clamp(2.5rem,7vh,6rem) .25rem clamp(1.5rem,4vh,3rem);display:flex}.transcript-pairs{max-width:66rem;margin-top:auto;display:grid}.transcript-pair{gap:clamp(.65rem,1.5vh,.9rem);display:grid}.transcript-pair+.transcript-pair{border-top:1px solid var(--faint);margin-top:clamp(1.8rem,4.5vh,3rem);padding-top:clamp(1.8rem,4.5vh,3rem)}.target-segment{letter-spacing:-.048em;overflow-wrap:anywhere;text-wrap:pretty;max-width:34ch;margin:0;font-size:clamp(1.8rem,4.1vw,3.9rem);font-weight:470;line-height:1.08}.transcript-pair:not(:last-child) .target-segment{color:color-mix(in srgb, var(--ink) 84%, transparent)}.target-placeholder{max-width:15ch;color:var(--muted);letter-spacing:-.058em;text-wrap:pretty;margin:auto 0 0;font-size:clamp(2.7rem,6vw,5.6rem);font-weight:420;line-height:1}.source-segment,.source-pending{max-width:62ch;color:var(--muted);letter-spacing:-.012em;overflow-wrap:anywhere;text-wrap:pretty;margin:0;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:430;line-height:1.5}.target-pending{max-width:34ch;color:var(--muted);letter-spacing:-.025em;margin:0;font-size:clamp(1.35rem,2.5vw,2rem);font-weight:440;line-height:1.15}.source-pending{opacity:.72;font-style:italic}.error-text{max-width:52ch;color:var(--danger);margin:1.25rem 0 0;font-size:.78rem;line-height:1.45}.stream-caret{background:var(--accent);border-radius:999px;width:.08em;height:.72em;margin-left:.11em;animation:1.2s ease-in-out infinite breathe;display:inline-block}.controls{align-items:flex-end}.status{min-height:2.75rem;color:var(--muted);letter-spacing:.015em;align-items:center;gap:.45rem;font-size:.8rem;font-weight:520;display:flex}.status-dot{background:var(--muted);border-radius:50%;width:.42rem;height:.42rem}.status-dot.connecting{background:var(--accent);animation:1s ease-in-out infinite breathe}.status-dot.listening{background:#49a56d;box-shadow:0 0 0 .22rem #49a56d21}.status-dot.error{background:var(--danger)}.bridge-note{border-left:1px solid var(--faint);color:color-mix(in srgb, var(--muted) 72%, transparent);padding-left:.5rem}.session-button{background:var(--ink);min-height:2.875rem;color:var(--surface);cursor:pointer;letter-spacing:-.005em;border:0;border-radius:999px;padding:.72rem 1.15rem;font-size:.82rem;font-weight:620;transition:transform .14s,opacity .14s;box-shadow:0 .4rem 1.5rem #0000001a}.session-button:hover{transform:translateY(-1px)}.session-button:active{transform:translateY(0)scale(.985)}.session-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.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}@keyframes breathe{0%,to{opacity:.35}50%{opacity:1}}@media (max-width:600px){.shell{padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left))}.transcript{margin-block:.75rem}.transcript-inner{padding-block:2.5rem 1.25rem}.transcript-pair+.transcript-pair{margin-top:1.65rem;padding-top:1.65rem}.target-segment{letter-spacing:-.04em;font-size:clamp(1.72rem,7.6vw,2.35rem);line-height:1.1}.target-placeholder{font-size:clamp(2.45rem,12vw,3.5rem)}.controls{align-items:center}.status{min-width:0}.bridge-note{display:none}.session-button{text-overflow:ellipsis;white-space:nowrap;max-width:58vw;overflow:hidden}}@media (prefers-reduced-motion:reduce){.stream-caret,.status-dot.connecting{animation:none}.session-button{transition:none}}