:root{--bg:#0b0c0e;--bg-alt:#0e1014;--surface:#0f11158c;--surface-hover:#12151a9e;--surface-elevated:#14171dad;--surface-elevated-hover:#181b22bd;--glass-blur:blur(22px);--border:#ffffff14;--border-soft:#ffffff0e;--border-strong:#ffffff24;--text:#fffffff2;--text-secondary:#fff9;--text-muted:#ffffff59;--accent:#5b8cff;--accent-soft:#5b8cff29;--accent-strong:#7aa2ff;--good:#34d399;--good-soft:#34d39924;--warn:#f2b84b;--warn-soft:#f2b84b24;--bad:#f2685b;--bad-soft:#f2685b24;--good-text:#8fe9c4;--warn-text:#f6cd85;--bad-text:#f8a89e;--info-text:#a9d9ff;--scrollbar-thumb:#ffffff24;--scrollbar-thumb-hover:#ffffff38;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--shadow-card:0 1px 1px #0003, 0 12px 32px -12px #0000008c;--shadow-float:0 1px 1px #00000040, 0 24px 64px -20px #000000a6;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f4f5f7;--bg-alt:#eceef2;--surface:#ffffffb8;--surface-hover:#ffffffd9;--surface-elevated:#ffffffe0;--surface-elevated-hover:#fffffff5;--border:#0f12191a;--border-soft:#0f121912;--border-strong:#0f12192e;--text:#0f1219eb;--text-secondary:#0f12199e;--text-muted:#0f121966;--shadow-card:0 1px 1px #0f121908, 0 12px 28px -14px #0f12192e;--shadow-float:0 1px 1px #0f12190a, 0 24px 56px -20px #0f121938;--good-text:#0b7a55;--warn-text:#8a5a05;--bad-text:#ab2c1d;--info-text:#1c5fa8;--scrollbar-thumb:#0f12192e;--scrollbar-thumb-hover:#0f12194d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,system-ui,sans-serif}button,select,input{font-family:inherit}::selection{background:var(--accent-soft)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.listener-page{background:radial-gradient(circle at 50% 5%,#5b8cff33,#0000 42%),linear-gradient(160deg,#090b10,#10141c 58%,#0a0c10);place-items:center;min-height:100%;padding:24px;display:grid;position:relative;overflow:hidden}.listener-glow{aspect-ratio:1;filter:blur(90px);pointer-events:none;background:#5b8cff24;border-radius:50%;width:min(92vw,520px);position:absolute}.listener-card{z-index:1;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#0f1219b8;border:1px solid #ffffff1a;border-radius:32px;flex-direction:column;align-items:center;width:min(100%,460px);min-height:min(760px,100vh - 48px);padding:28px 26px 24px;display:flex;position:relative;box-shadow:0 30px 90px #00000073,inset 0 1px #ffffff0d}.listener-brand{color:#ffffff94;letter-spacing:.04em;justify-content:space-between;align-items:center;gap:16px;width:100%;font-size:12px;font-weight:600;display:flex}.listener-live{color:#89e7c0;letter-spacing:.1em;background:#34d3991a;border:1px solid #34d39933;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;display:inline-flex}.listener-live i{background:#34d399;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #34d399e6}.listener-live--off{color:#fff6;background:#ffffff0d;border-color:#ffffff14}.listener-live--off i{box-shadow:none;background:#ffffff59}.listener-heading{text-align:center;margin-top:58px}.listener-heading p{color:#ffffff73;margin:0 0 8px;font-size:13px}.listener-heading h1{color:#fff;letter-spacing:-.04em;margin:0;font-size:clamp(36px,10vw,50px);font-weight:650}.listener-orb{background:radial-gradient(circle at 35% 25%,#87aaff8c,#4467cd2e 48%,#2737601f);border:1px solid #84a3ff33;border-radius:50%;place-items:center;width:154px;height:154px;margin-top:34px;display:grid;box-shadow:0 0 0 18px #5b8cff09,0 20px 60px #2a4caf4d}.listener-wave{align-items:center;gap:4px;height:46px;display:flex}.listener-wave i{background:#ffffffdb;border-radius:4px;width:3px;height:16px;display:block}.listener-orb--live .listener-wave i{animation:1.1s ease-in-out infinite alternate listener-wave}.listener-wave i:nth-child(2n){animation-delay:-.25s}.listener-wave i:nth-child(3n){animation-delay:-.5s}.listener-wave i:nth-child(4n){animation-delay:-.75s}@keyframes listener-wave{0%{opacity:.5;height:10px}to{opacity:1;height:42px}}.listener-status{color:#ffffffad;min-height:22px;margin:24px 0 18px;font-size:14px}.listener-action{color:#fff;cursor:pointer;background:linear-gradient(#7098ff,#4a70dc);border:0;border-radius:17px;width:100%;min-height:56px;font-size:16px;font-weight:650;box-shadow:0 14px 34px #2d55c861}.listener-action:active{transform:scale(.985)}.listener-action--secondary{box-shadow:none;background:#ffffff14;border:1px solid #ffffff1a}.listener-translation{background:#ffffff0b;border:1px solid #fff1;border-radius:20px;flex-direction:column;width:100%;height:clamp(190px,28vh,260px);min-height:190px;margin-top:28px;display:flex;overflow:hidden}.listener-translation__header{flex:none;justify-content:space-between;align-items:center;gap:12px;padding:20px 20px 12px;display:flex}.listener-translation__header span{color:#ffffff59;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:650}.listener-translation__header small{color:#ffffff47;font-size:10px}.listener-translation__scroll{overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-color:#ffffff2e transparent;scrollbar-width:thin;touch-action:pan-y;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:0 20px 20px;overflow:hidden auto}.listener-translation__scroll p{color:#ffffff85;border-top:1px solid #ffffff0e;margin:0;padding:13px 0;font-size:16px;line-height:1.5}.listener-translation__scroll p:first-child{border-top:0;padding-top:4px}.listener-translation__scroll p.is-current{color:#ffffffeb}.listener-note{color:#ffffff4d;margin:auto 0 0;padding-top:24px;font-size:11px}.listener-link-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;display:flex}.listener-link-card>div{gap:5px;min-width:0;display:grid}.listener-link-card__eyebrow{color:var(--text-muted);letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:650}.listener-link-card strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:550;overflow:hidden}.listener-link-card small{color:var(--text-secondary)}@media (width<=520px){.listener-page{place-items:stretch stretch;padding:0}.listener-card{width:100%;min-height:100vh;padding:max(24px, env(safe-area-inset-top)) 22px max(20px, env(safe-area-inset-bottom));border:0;border-radius:0}.listener-heading{margin-top:52px}.listener-orb{width:142px;height:142px}.listener-translation{height:clamp(190px,29vh,250px)}.listener-link-card{flex-direction:column;align-items:flex-start}}@media (height<=720px) and (width<=520px){.listener-heading{margin-top:28px}.listener-orb{width:108px;height:108px;margin-top:20px}.listener-status{margin:16px 0 12px}.listener-translation{height:150px;min-height:150px;margin-top:18px}.listener-note{padding-top:12px}}.ambient-scene{z-index:0;pointer-events:none;position:fixed;inset:0}.ambient-scene canvas{display:block}.ambient-veil{z-index:0;pointer-events:none;background:radial-gradient(65% 50% at 50% -10%,#5b8cff0d,#0000 60%),radial-gradient(90% 70%,#0000 45%,#0506088c 100%);position:fixed;inset:0}:root[data-theme=light] .ambient-veil{background:linear-gradient(#667eea38 0%,#9482eb24 22%,#9482eb0d 45%,#0000 62%),radial-gradient(55% 40% at 85% 0,#5b8cff29,#0000 65%),radial-gradient(90% 70% at 50% 100%,#0f12190d,#0000 60%)}.app-shell{z-index:1;justify-content:center;min-height:100vh;padding:40px 32px 64px;display:flex;position:relative}.app-shell__inner{flex-direction:column;gap:28px;width:100%;max-width:1440px;display:flex}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px 24px;padding:4px 4px 0;display:flex}.app-header__title{flex:260px;min-width:0}.app-header__right{flex:none;margin-left:auto}.app-header__title{flex-direction:column;gap:6px;display:flex}.app-header__title h1{letter-spacing:-.015em;margin:0;font-size:32px;font-weight:650;line-height:1.15}.app-header__meta{color:var(--text-secondary);white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:8px;font-size:14px;font-weight:450;display:flex}.app-header__meta .dot-sep{color:var(--text-muted)}.app-header__right{align-items:center;gap:12px;padding-top:2px;display:flex}@media (width<=620px){.app-shell{padding:24px 16px 40px}.app-shell__inner{gap:20px}.control-card{padding:18px}.transcript-card{min-height:240px;padding:20px 18px}.metric-card{padding:16px 18px}.metric-card__value{font-size:22px}.app-header{gap:12px}.app-header__title h1{font-size:23px}.app-header__meta{gap:6px;font-size:12px}.app-header__right{gap:8px}}.icon-button{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:background .16s var(--ease-standard), border-color .16s var(--ease-standard), color .16s var(--ease-standard), transform .12s var(--ease-standard);border-radius:12px;place-items:center;display:grid}.icon-button:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text);transform:translateY(-1px)}.icon-button:active{transform:translateY(0)scale(.96)}.icon-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.status-pill{border:1px solid var(--border);background:var(--surface);letter-spacing:.01em;color:var(--text-secondary);white-space:nowrap;border-radius:999px;align-items:center;gap:9px;padding:9px 16px 9px 13px;font-size:13px;font-weight:560;display:inline-flex}.status-pill__dot{background:var(--text-muted);border-radius:999px;flex-shrink:0;width:8px;height:8px}.status-pill--idle .status-pill__dot{background:var(--text-muted)}.status-pill--warn{color:var(--warn-text);background:var(--warn-soft);border-color:#f2b84b38}.status-pill--warn .status-pill__dot{background:var(--warn)}.status-pill--bad{color:var(--bad-text);background:var(--bad-soft);border-color:#f2685b3d}.status-pill--bad .status-pill__dot{background:var(--bad)}.status-pill--live{color:var(--good-text);background:var(--good-soft);border-color:#34d3993d}.status-pill--live .status-pill__dot{background:var(--good);animation:pulse-dot 2.2s var(--ease-standard) infinite;box-shadow:0 0 #34d39980}.status-pill--good .status-pill__dot{background:var(--good)}@keyframes pulse-dot{0%{box-shadow:0 0 #34d39973}70%{box-shadow:0 0 0 7px #34d39900}to{box-shadow:0 0 #34d39900}}@media (prefers-reduced-motion:reduce){.status-pill--live .status-pill__dot{animation:none}}.banner{border-radius:var(--radius-md);border:1px solid #0000;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;font-size:14px;display:flex}.banner--warn{background:var(--warn-soft);color:var(--warn-text);border-color:#f2b84b38}.banner--bad{background:var(--bad-soft);color:var(--bad-text);border-color:#f2685b3d}.banner__dismiss{color:inherit;opacity:.75;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:13px;font-weight:550}.banner__dismiss:hover{opacity:1;background:#ffffff14}.control-card{border-radius:var(--radius-xl);background:linear-gradient(180deg, var(--surface-elevated), var(--surface));border:1px solid var(--border);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));align-items:end;gap:18px 20px;padding:24px 28px;display:grid}.control-field{flex-direction:column;gap:8px;min-width:0;display:flex}.control-field select,.control-field>.ghost-button{width:100%}.control-field--grow{flex:200px}.control-field label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);font-size:11.5px;font-weight:620}.control-field output{color:var(--text);font-size:15px;font-weight:540}.password-row{align-items:center;gap:8px;display:flex}.password-row>input{flex:auto;min-width:0}.password-row .ghost-button{white-space:nowrap;flex:none}.password-hint{color:var(--text-muted);font-size:11.5px;font-weight:500}.password-hint--ok{color:var(--good-text)}.password-hint--failed{color:var(--warn-text)}.control-field input[aria-invalid=true]{border-color:var(--warn-text)}.control-field input{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--radius-sm);transition:border-color .14s var(--ease-standard), background-color .14s var(--ease-standard);padding:10px 13px;font-size:14.5px;font-weight:500}.control-field input::placeholder{color:var(--text-muted);font-weight:450}.control-field input:hover:not(:disabled){border-color:var(--border-strong)}.control-field input:focus-visible{border-color:var(--accent);outline:none}.control-field input:disabled{opacity:.55}.control-field select{appearance:none;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);transition:border-color .14s var(--ease-standard), background-color .14s var(--ease-standard);background-position:calc(100% - 17px),calc(100% - 12px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding:10px 34px 10px 13px;font-size:14.5px;font-weight:500}.control-field select:hover:not(:disabled){border-color:var(--border-strong)}.control-field select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.control-field select:disabled{opacity:.5;cursor:not-allowed}.ghost-button{border-radius:var(--radius-sm);border:1px dashed var(--border-strong);color:var(--text-secondary);cursor:pointer;transition:all .14s var(--ease-standard);white-space:nowrap;background:0 0;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:540;display:inline-flex}.ghost-button:hover{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.primary-button{letter-spacing:.01em;cursor:pointer;white-space:nowrap;height:50px;transition:transform .14s var(--ease-standard), box-shadow .22s var(--ease-standard), background .22s var(--ease-standard);border:1px solid #0000;border-radius:14px;grid-column:-2/-1;justify-content:center;align-items:center;gap:10px;width:100%;padding:0 28px;font-size:15px;font-weight:620;display:inline-flex}.primary-button--start{color:#eef3ff;background:linear-gradient(#6d93ff 0%,#4a71e8 100%);box-shadow:inset 0 1px #ffffff2e,0 10px 24px -8px #4a71e88c}.primary-button--start:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px #ffffff38,0 14px 30px -8px #4a71e8a6}.primary-button--start:active:not(:disabled){transform:translateY(0)scale(.98)}.primary-button--stop{color:#ffe9e6;background:linear-gradient(#ea6a5c 0%,#cc4638 100%);box-shadow:inset 0 1px #ffffff24,0 10px 24px -8px #cc463880}.primary-button--stop:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px #ffffff2e,0 14px 30px -8px #cc463899}.primary-button--stop:active:not(:disabled){transform:translateY(0)scale(.98)}.primary-button:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.primary-button:focus-visible{outline-offset:3px;outline:2px solid #fff}.workspace{grid-template-columns:1fr 1fr;align-items:stretch;gap:20px;display:grid}@media (width<=900px){.workspace{grid-template-columns:1fr}}.transcript-card{border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border-soft);min-height:420px;box-shadow:var(--shadow-card), inset 0 1px 0 #ffffff0a;-webkit-backdrop-filter:var(--glass-blur);flex-direction:column;padding:26px 30px;display:flex;position:relative;overflow:hidden}.transcript-card--target{background:linear-gradient(165deg, var(--surface-elevated), var(--surface));border-color:var(--border)}.transcript-card__header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.transcript-card__title{align-items:baseline;gap:10px;display:flex}.transcript-card__title h2{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:13px;font-weight:650}.transcript-card--target .transcript-card__title h2{color:var(--text)}.transcript-card__lang{color:var(--text-muted);font-size:12px}.activity-tag{color:var(--text-secondary);align-items:center;gap:7px;font-size:12px;font-weight:540;display:inline-flex}.activity-tag__dots{gap:3px;display:inline-flex}.activity-tag__dots span{opacity:.35;background:currentColor;border-radius:999px;width:4px;height:4px;animation:1.3s ease-in-out infinite dot-breathe}.activity-tag__dots span:nth-child(2){animation-delay:.15s}.activity-tag__dots span:nth-child(3){animation-delay:.3s}@keyframes dot-breathe{0%,80%,to{opacity:.28;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.transcript-card__body{flex-direction:column;flex:1;gap:16px;padding-right:4px;display:flex;overflow-y:auto}.transcript-line{color:var(--text);letter-spacing:-.005em;margin:0;font-size:21px;font-weight:440;line-height:1.55}.transcript-card--target .transcript-line{font-size:23px;font-weight:480}.transcript-line--interim{color:var(--text-secondary);font-style:italic}.transcript-empty{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex}.transcript-empty__icon{border:1px solid var(--border);width:46px;height:46px;color:var(--text-secondary);border-radius:999px;place-items:center;display:grid}.transcript-empty p{max-width:240px;margin:0;font-size:15px;line-height:1.5}.waveform{align-items:center;gap:2.5px;height:22px;display:flex}.waveform__bar{background:var(--good);opacity:.85;width:3px;height:4px;transition:height 90ms var(--ease-standard);border-radius:3px}.waveform--idle .waveform__bar{background:var(--text-muted);opacity:.5}.metrics-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=800px){.metrics-row{grid-template-columns:repeat(2,1fr)}}.metric-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border-soft);box-shadow:var(--shadow-card);-webkit-backdrop-filter:var(--glass-blur);flex-direction:column;gap:8px;padding:20px 22px;display:flex}.metric-card__label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);font-size:11.5px;font-weight:620}.metric-card__value{letter-spacing:-.015em;color:var(--text);align-items:baseline;gap:8px;font-size:27px;font-weight:600;display:flex}.metric-card__value-unit{color:var(--text-muted);font-size:14px;font-weight:500}.metric-card__sub{color:var(--text-secondary);font-size:12.5px;font-weight:540}.metric-card--excellent .metric-card__sub{color:var(--good-text)}.metric-card--good .metric-card__sub{color:var(--info-text)}.metric-card--delayed .metric-card__sub{color:var(--warn-text)}.metric-card--high .metric-card__sub{color:var(--bad-text)}.diagnostics{border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);overflow:hidden}.diagnostics__toggle{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px 22px;font-size:13.5px;font-weight:560;display:flex}.diagnostics__toggle:hover{color:var(--text)}.diagnostics__chevron{transition:transform .22s var(--ease-out);color:var(--text-muted)}.diagnostics__chevron--open{transform:rotate(180deg)}.diagnostics__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:4px 24px;padding:4px 22px 22px;display:grid}.diagnostics__item{border-bottom:1px solid var(--border-soft);justify-content:space-between;gap:12px;padding:9px 0;font-size:13px;display:flex}.diagnostics__item dt{color:var(--text-muted)}.diagnostics__item dd{color:var(--text-secondary);font-variant-numeric:tabular-nums;margin:0;font-weight:540}.footnote{text-align:center;color:var(--text-muted);margin:4px 0 0;font-size:12.5px}.sheet-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#0405078c;position:fixed;inset:0}.sheet{z-index:11;-webkit-backdrop-filter:blur(24px);border-left:1px solid var(--border);width:min(420px,100vw);box-shadow:var(--shadow-float);color:var(--text);background:#0d0f13db;flex-direction:column;gap:22px;padding:28px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.sheet__header{justify-content:space-between;align-items:center;display:flex}.sheet__header h2{letter-spacing:-.01em;margin:0;font-size:19px;font-weight:650}.sheet__section{flex-direction:column;gap:12px;display:flex}.sheet__section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:11.5px;font-weight:640}.sheet__row{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;display:flex}.sheet__row-label{color:var(--text-secondary);font-size:13.5px}.sheet__row-value{color:var(--text);text-align:right;font-size:13.5px;font-weight:560}.sheet__row select{color:var(--text);text-align:right;cursor:pointer;background:0 0;border:none;font-size:13.5px;font-weight:560}.sheet__row select:focus-visible{outline:2px solid var(--accent);border-radius:4px}