:root{--bg:#eef2f9;--bg-alt:#e4eaf5;--surface:#fff;--surface-hover:#fff;--surface-elevated:#fff;--surface-elevated-hover:#fff;--glass-blur:blur(18px);--border:#1e3a6e24;--border-soft:#1e3a6e17;--border-strong:#1e3a6e42;--text:#0f172a;--text-secondary:#0f172aa3;--text-muted:#0f172a70;--accent:#2563eb;--accent-soft:#2563eb17;--accent-strong:#1d4ed8;--accent-contrast:#fff;--accent-ring:#2563eb38;--good:#34d399;--good-soft:#34d39924;--warn:#f2b84b;--warn-soft:#f2b84b24;--bad:#f2685b;--bad-soft:#f2685b24;--hue-blue:#2563eb;--hue-blue-soft:#2563eb1c;--hue-violet:#7c3aed;--hue-violet-soft:#7c3aed1c;--hue-green:#059669;--hue-green-soft:#0596691f;--hue-amber:#d97706;--hue-amber-soft:#d9770621;--good-text:#137a55;--warn-text:#8a5a05;--bad-text:#a73225;--info-text:#295d92;--scrollbar-thumb:#1e3a6e33;--scrollbar-thumb-hover:#1e3a6e57;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--shadow-card:0 1px 2px #0f27580f, 0 4px 10px -4px #0f275814, 0 18px 36px -22px #0f275847;--shadow-raised:0 1px 2px #0f275812, 0 8px 18px -6px #0f27581f, 0 30px 60px -28px #0f275857;--shadow-float:0 30px 80px -28px #0f27586b;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#080b12;--bg-alt:#0c111b;--surface:#111722b8;--surface-hover:#151c29cc;--surface-elevated:#171f2ddb;--surface-elevated-hover:#1c2535e6;--border:#78a0eb29;--border-soft:#78a0eb1a;--border-strong:#78a0eb4d;--text:#fffffff2;--text-secondary:#d6e3ffa8;--text-muted:#d6e3ff6b;--accent:#60a5fa;--accent-soft:#60a5fa29;--accent-strong:#3b82f6;--accent-contrast:#06122b;--accent-ring:#60a5fa52;--hue-blue:#7cb2ff;--hue-blue-soft:#60a5fa2e;--hue-violet:#b193fb;--hue-violet-soft:#a78bfa2e;--hue-green:#52d3a8;--hue-green-soft:#34d39929;--hue-amber:#f5bf6a;--hue-amber-soft:#f59e0b2e;--good-text:#8fe9c4;--warn-text:#f6cd85;--bad-text:#f8a89e;--info-text:#a9d9ff;--scrollbar-thumb:#a0bef52e;--scrollbar-thumb-hover:#a0bef54d;--shadow-card:0 1px 1px #0000004d, 0 8px 20px -8px #0000008c, 0 24px 50px -26px #000000b3;--shadow-raised:0 1px 1px #00000059, 0 14px 30px -10px #0009, 0 36px 70px -30px #000c;--shadow-float:0 1px 1px #0000004d, 0 30px 74px -24px #000000bf;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] .control-card,:root[data-theme=dark] .transcript-card,:root[data-theme=dark] .transcript-card--target,:root[data-theme=dark] .metric-card{background:linear-gradient(180deg, var(--surface-elevated), var(--surface));box-shadow:0 1px 0 #ffffff0f inset, var(--shadow-card)}:root[data-theme=dark] .control-card{box-shadow:0 1px 0 #ffffff12 inset, var(--shadow-raised)}:root[data-theme=dark] .transcript-card:not(.transcript-card--target){box-shadow:0 1px 0 #ffffff0f inset, 0 0 0 3px #60a5fa1a, var(--shadow-card);border-color:#60a5fa80}:root[data-theme=dark] .lang-chip{background:var(--surface-elevated);box-shadow:none}:root[data-theme=dark] .control-field input,:root[data-theme=dark] .control-field select{box-shadow:inset 0 1px 2px #0000004d}:root[data-theme=dark] .ghost-button{background:0 0;border-style:dashed}:root[data-theme=dark] .ghost-button:hover{border-color:var(--accent);background:var(--accent-soft)}:root[data-theme=dark] .primary-button--start{color:#f5f9ff;background:linear-gradient(#4b8ef7 0%,#2563eb 100%);box-shadow:inset 0 1px #fff3,0 12px 28px -10px #2563ebb3}:root[data-theme=dark] .primary-button--start:hover:not(:disabled){background:linear-gradient(#5c9bfa 0%,#2f6ef0 100%);box-shadow:inset 0 1px #ffffff3d,0 18px 36px -10px #2563ebcc}:root[data-theme=dark] .sheet{background:#0d0f13db}*{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}}:is(html:has(.listener-page),body:has(.listener-page)){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff}body:has(.listener-page){--bg:#fff}.listener-page{background:#fff;place-items:center;min-height:100%;padding:24px;display:grid;position:relative;overflow:hidden}.listener-card{z-index:1;background:#fff;border:1px solid #1111111a;border-radius:28px;flex-direction:column;align-items:center;width:min(100%,500px);min-height:min(760px,100vh - 48px);padding:28px 26px 24px;display:flex;position:relative;box-shadow:0 28px 80px -44px #11111157}.listener-card--waiting{overflow:hidden}.listener-card--waiting .listener-status{text-align:center;max-width:34ch;line-height:1.65}.listener-waiting__waves{opacity:.85;pointer-events:none;flex:1 0 180px;width:calc(100% + 52px);min-height:180px;max-height:260px;margin:36px -26px 24px;display:block}.listener-brand{color:#11111194;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:#147a55;letter-spacing:.1em;background:#edf8f3;border:1px solid #137a5524;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 0 4px #34d3991f}.listener-live--off,.listener-live--idle{color:#1111116b;background:#f4f5f7;border-color:#11111114}.listener-live--off i,.listener-live--idle i{box-shadow:none;background:#1111114d}.listener-live--waiting{color:#8a5a00;background:#fdf6e7;border-color:#8a5a0024}.listener-live--waiting i{background:#f2b84b;box-shadow:0 0 0 4px #f2b84b29}.listener-brand__name{color:#0b1430;align-items:center;gap:9px;display:inline-flex}.listener-brand__mark{flex:none;width:24px;height:22px}.listener-brand__word{letter-spacing:.24em;text-transform:uppercase;font-family:Jost,sans-serif;font-size:15px;font-weight:450}.listener-heading{text-align:center;margin-top:58px}.listener-page--video .listener-heading{margin-top:26px}.listener-page--video .listener-heading h1{font-size:clamp(30px,8vw,40px)}.listener-heading p{color:#11111175;margin:0 0 8px;font-size:13px}.listener-heading h1{color:#111;letter-spacing:-.045em;margin:0;font-size:clamp(38px,10vw,52px);font-weight:620}.listener-heading__language{justify-content:center;align-items:center;gap:12px;display:flex}.listener-heading__flag{flex:none;font-size:clamp(28px,7vw,36px);line-height:1}.listener-card>:not(.listener-ambient){z-index:1;position:relative}.listener-ambient{border-radius:inherit;pointer-events:none;opacity:.55;position:absolute;inset:0;overflow:hidden}.listener-ambient .ambient-scene,.listener-ambient .ambient-veil{position:absolute}.listener-ambient .ambient-veil{background:0 0}.language-select{color:#111;width:100%;font:inherit;text-align:left;cursor:pointer;transition:border-color .14s var(--ease-standard), background .14s var(--ease-standard);background:#fff;border:1px solid #1111111f;border-radius:16px;align-items:center;gap:12px;margin-top:22px;padding:12px 14px;display:flex}.language-select:hover{background:#f8faff;border-color:#1111113d}.language-select:focus-visible{outline-offset:2px;outline:2px solid #2f5fe066}.language-select__text{flex:1;font-size:15px;font-weight:600}.language-select__count{color:#1119;text-align:center;font-variant-numeric:tabular-nums;background:#f1f3f8;border-radius:999px;min-width:26px;padding:2px 8px;font-size:12px;font-weight:600}.language-select__chevron{color:#11111173}.language-sheet{inset:var(--sheet-top,0px) 0 auto;height:var(--sheet-height,100dvh);box-sizing:border-box;z-index:50;background:#0a0e1a5c;place-items:center;padding:24px;animation:.16s ease-out language-sheet-in;display:grid;position:fixed}.language-sheet__panel{background:#fff;border-radius:22px;flex-direction:column;width:min(100%,440px);min-height:0;max-height:min(640px,100%);display:flex;overflow:hidden;box-shadow:0 30px 80px -30px #0a0e1a80}.language-sheet__grip{display:none}.language-sheet__head{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 10px;display:flex}.language-sheet__head h2{color:#111;margin:0;font-size:17px;font-weight:650}.language-sheet__close{color:#2f5fe0;font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 4px;font-size:15px;font-weight:600}.language-sheet__search{color:#111;font:inherit;background:#f1f3f8;border:0;border-radius:12px;outline:none;flex-shrink:0;margin:0 20px 10px;padding:11px 14px;font-size:16px}.language-sheet__search:focus{box-shadow:0 0 0 2px #2f5fe059}.language-sheet__options{flex:1;min-height:0;display:flex;position:relative}.language-sheet__options:after{content:"";pointer-events:none;background:linear-gradient(#0000,#fff);height:28px;position:absolute;inset:auto 0 0}.language-sheet__foot{color:#64748b;text-align:center;background:#fff;flex-shrink:0;margin:0;padding:4px 20px 12px;font-size:11px}.language-sheet__list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;margin:0;padding:0 10px 28px;list-style:none;overflow-y:auto}.language-row{color:#111;width:100%;min-height:54px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:8px 10px;display:flex}.language-row:hover:not(:disabled){background:#f5f6fa}.language-row.is-selected{background:#eef3ff}.language-row:disabled{cursor:not-allowed;opacity:.45}.language-row__flag{font-size:22px;line-height:1}.language-row__text{flex:1;gap:1px;min-width:0;display:grid}.language-row__text strong{font-size:15px;font-weight:600}.language-row__text small{color:#11111180;font-size:13px}.language-row__note{color:#11111180;font-size:12px}.language-row__check{color:#2f5fe0;flex:none}.language-sheet__empty{color:#11111180;padding:18px 10px;font-size:14px}@keyframes language-sheet-in{0%{opacity:0}to{opacity:1}}.listener-view{background:#f1f3f8;border-radius:999px;margin-top:16px;padding:3px;display:inline-flex}.listener-view button{color:#1119;min-width:108px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600}.listener-view button.is-on{color:#111;background:#fff;box-shadow:0 1px 3px #0a0e1a24}.listener-video{width:100%;margin-top:16px}.broadcast{aspect-ratio:16/9;background:#0b1020;border-radius:16px;width:100%;position:relative;overflow:hidden}.broadcast__frame,.broadcast__frame>div,.broadcast__frame iframe{border:0;width:100%!important;height:100%!important}.broadcast__frame .fb-video,.broadcast__frame .fb-video>span{display:block;width:100%!important;height:100%!important}.broadcast__veil{pointer-events:none;background:linear-gradient(90deg,#0b1020 0%,#141b33 50%,#0b1020 100%) 0 0/200% 100%;animation:1.4s ease-in-out infinite broadcast-shimmer;position:absolute;inset:0}.broadcast__fallback{text-align:center;background:#0b1020;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.broadcast__fallback p{color:#e6edffdb;max-width:300px;margin:0;font-size:14px;line-height:1.5}.listener-video__hint{color:#1119;text-align:center;margin:10px 2px 0;font-size:13px;line-height:1.45}.listener-page--video .listener-card{width:min(100%,640px)}.listener-status{color:#1111119e;min-height:22px;margin:24px 0 18px;font-size:14px}.listener-action{color:#fff;cursor:pointer;width:100%;min-height:56px;transition:transform .14s var(--ease-standard), background .14s var(--ease-standard);background:#111;border:1px solid #111;border-radius:999px;font-size:15px;font-weight:620;box-shadow:0 10px 24px -14px #111111a6}.listener-action:hover{background:#292929}.listener-action:active{transform:scale(.985)}.listener-action--secondary{color:#111;box-shadow:none;background:#fff;border:1px solid #11111126}.listener-action--secondary:hover{background:#f8faff}.listener-translation{background:#fff;border:1px solid #e4e9f2;border-radius:22px;flex-direction:column;width:100%;height:clamp(280px,40vh,440px);min-height:240px;margin-top:26px;display:flex;overflow:hidden;box-shadow:0 4px 6px -4px #0f172a0a,0 16px 40px -24px #1e40782e}.listener-translation__header{border-bottom:1px solid #edf0f5;flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:8px 12px;margin:0 22px;padding:19px 0 16px;display:flex}.listener-translation__header span{color:#53627b;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:650;display:inline-flex}.listener-translation__header small{color:#64748b;font-size:11px}.listener-translation__scroll{overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-color:#cbd5e1 transparent;scrollbar-width:thin;touch-action:pan-y;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:8px 22px 24px;overflow:hidden auto}.listener-translation__scroll:focus-visible{outline-offset:-3px;outline:2px solid #93b4f5}.listener-translation__scroll p{color:#64748b;overflow-wrap:anywhere;border-top:1px solid #edf0f5;margin:0;padding:16px 0;font-size:17px;line-height:1.65}.listener-translation__scroll p:first-child{border-top:0}.listener-translation__scroll p.is-current{color:#0b1430;font-size:clamp(21px,5.4vw,24px);font-weight:500;line-height:1.6}.listener-translation--empty .listener-translation__scroll{justify-content:center;align-items:center;display:flex}.listener-translation--empty .listener-translation__scroll p{color:#64748b;text-align:center;font-size:17px;font-weight:400}@media (prefers-reduced-motion:reduce){.listener-translation__scroll{scroll-behavior:auto}.language-sheet,.language-sheet__panel{animation:none}}.listener-note{color:#1111115c;margin:auto 0 0;padding-top:24px;font-size:11px}.live-video-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);gap:14px;padding:18px 22px;display:grid}.live-video-card__head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.live-video-card__head h2{color:var(--text);margin:0;font-size:15px;font-weight:650}.live-video-card__head p{color:var(--text-secondary);margin:3px 0 0;font-size:13px}.live-video-card__body{gap:12px;display:grid}.live-video-card__providers{justify-self:start}.live-video-card__providers button{color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:500}.live-video-card__providers button.is-on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0f172a1f}.live-video-card__form{gap:8px;display:flex}.live-video-card__form .field__input{flex:1;min-width:0}.live-video-card__form .button{flex:none;min-height:42px}.live-video-card__error{color:var(--bad-text,#b42318);margin:0;font-size:13px}.live-video-card__warning{color:var(--warn-text,#8a5a00);margin:0;font-size:13px}.live-video-card__current{grid-template-columns:minmax(0,240px) 1fr;align-items:center;gap:16px;display:grid}.live-video-card__preview .broadcast{border-radius:10px}.live-video-card__status{color:var(--text-secondary);gap:4px;font-size:13px;display:grid}.live-video-card__status strong{color:var(--text);font-size:14px;font-weight:600}.live-video-card__links{flex-wrap:wrap;gap:14px;margin-top:4px;display:flex}.live-video-card__links a{color:var(--accent);text-decoration:none}.live-video-card__note{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.switch{background:var(--border-strong);cursor:pointer;border:0;border-radius:999px;flex:none;width:44px;height:26px;padding:0;transition:background .16s;position:relative}.switch span{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0f172a4d}.switch.is-on{background:var(--accent)}.switch.is-on span{transform:translate(18px)}.switch:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}@media (width<=640px){.live-video-card__current{grid-template-columns:1fr}.live-video-card__form{flex-direction:column}}.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);gap:16px;padding:18px 22px;display:grid}.listener-link-card__row{justify-content:space-between;align-items:center;gap:20px;display:flex}.listener-link-card__details{gap:5px;min-width:0;display:grid}.listener-link-card__actions{flex:none;gap:10px;display:flex}.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-page--video .listener-card{width:100%}.language-sheet{place-items:end stretch;padding:0}.language-sheet:after{content:"";pointer-events:none;background:#fff;height:100lvh;position:absolute;top:100%;left:0;right:0}.language-sheet__panel{box-sizing:border-box;width:100%;height:min(640px,86%);max-height:100%;padding-bottom:env(safe-area-inset-bottom);border-radius:22px 22px 0 0;animation:.22s cubic-bezier(.2,.8,.2,1) language-sheet-up}.language-sheet[data-keyboard=true] .language-sheet__panel{height:100%;padding-bottom:0}.language-sheet__grip{background:#11111129;border-radius:999px;flex-shrink:0;width:38px;height:5px;margin:8px auto 0;display:block}.broadcast{border-radius:14px}.listener-translation{height:clamp(260px,42vh,420px)}.listener-link-card__row{flex-direction:column;align-items:flex-start}.listener-link-card__actions{width:100%}.listener-link-card__actions .ghost-button{flex:1 1 0;justify-content:center}}@media (height<=720px) and (width<=520px){.listener-heading{margin-top:28px}.listener-status{margin:16px 0 12px}.listener-translation{height:36vh;min-height:210px;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:not([data-theme=dark]) .ambient-veil{background:radial-gradient(65% 42% at 50% -8%,#11111109,#0000 70%),radial-gradient(90% 70% at 50% 100%,#11111106,#0000 62%)}.app-shell{z-index:1;justify-content:center;min-height:100vh;padding:34px 32px 64px;display:flex;position:relative}.app-shell__inner{flex-direction:column;gap:28px;width:100%;max-width:1240px;display:flex}.app-header{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:16px 24px;padding:4px 4px 0;display:flex}.app-header__brand{flex:260px;align-items:center;gap:16px;min-width:0;display:flex}.app-header__title{flex:auto;min-width:0}.brand-mark{width:46px;height:46px;color:var(--accent-contrast);background:linear-gradient(155deg, var(--accent) 0%, var(--accent-strong) 100%);box-shadow:0 1px 0 #fff6 inset, 0 2px 5px -1px #0f275847, 0 12px 26px -12px var(--accent-ring);border-radius:14px;flex:none;place-items:center;display:grid}.brand-mark svg{width:55%;height:55%}:root[data-theme=dark] .brand-mark{box-shadow:inset 0 1px #ffffff47,0 10px 26px -10px #60a5fa80}.app-header__right{flex:none}.app-header__title{flex-direction:column;gap:6px;display:flex}.app-header__title h1{letter-spacing:-.045em;margin:0;font-size:clamp(32px,4vw,46px);font-weight:620;line-height:1.04}.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)}.lang-chip{border:1px solid var(--border-soft);background:var(--surface);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 7px;font-size:13px;font-weight:560;display:inline-flex;box-shadow:0 1px 2px #0f27580d}.lang-chip__flag{font-size:14px;line-height:1}.app-header__arrow{color:var(--accent);font-weight:640}.app-header__tagline{color:var(--text-secondary)}.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{height:clamp(260px,46vh,420px);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}.app-header__brand{gap:11px}.brand-mark{border-radius:11px;width:36px;height:36px}.app-header__tagline,.app-header__meta .dot-sep{display:none}.lang-chip{padding:2px 8px 2px 6px;font-size:12px}}.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;flex:none;place-items:center;padding:0;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);border:1px solid var(--border);box-shadow:0 1px 0 #ffffffe6 inset, var(--shadow-raised);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:linear-gradient(#fff 0%,#fbfcff 100%);grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));align-items:end;gap:18px 20px;padding:26px 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,.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), box-shadow .14s var(--ease-standard), background-color .14s var(--ease-standard);padding:10px 13px;font-size:14.5px;font-weight:500;box-shadow:inset 0 1px 2px #0f27580d}.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);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.control-field input:disabled{opacity:.55}.select-wrap{align-items:center;display:flex;position:relative}.select-wrap__flag{pointer-events:none;font-size:15px;line-height:1;position:absolute;left:11px}.control-field .select-wrap select{padding-left:38px}.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), box-shadow .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;box-shadow:inset 0 1px 2px #0f27580d}.control-field select:hover:not(:disabled){border-color:var(--border-strong)}.control-field select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.control-field select:disabled{opacity:.5;cursor:not-allowed}.ghost-button{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-elevated);color:var(--text-secondary);cursor:pointer;transition:all .14s var(--ease-standard);white-space:nowrap;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:540;display:inline-flex}.ghost-button:hover{color:var(--accent-strong);border-color:var(--accent);background:var(--accent-soft)}.ghost-button:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.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:999px;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:#fff;background:linear-gradient(#3b82f6 0%,#1d4ed8 100%);box-shadow:inset 0 1px #ffffff4d,0 2px 4px -1px #1d4ed866,0 14px 28px -10px #1d4ed88c}.primary-button--start:hover:not(:disabled){background:linear-gradient(#4f8ff8 0%,#2456d8 100%);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff57,0 2px 5px -1px #1d4ed873,0 20px 38px -10px #1d4ed899}.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:2px solid var(--accent);outline-offset:3px}.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);border:1px solid var(--border-soft);height:clamp(380px,56vh,620px);box-shadow:0 1px 0 #ffffffe6 inset, var(--shadow-card);-webkit-backdrop-filter:var(--glass-blur);background:linear-gradient(#fff 0%,#fbfcff 100%);flex-direction:column;padding:26px 30px;display:flex;position:relative;overflow:hidden}.transcript-card--target{border-color:var(--border)}.transcript-card:not(.transcript-card--target){box-shadow:0 1px 0 #ffffffe6 inset, 0 0 0 3px #2563eb12, var(--shadow-card);border-color:#2563eb6b}.transcript-card__flag{font-size:17px;line-height:1}.transcript-card__header{flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:26px;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{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;flex:1;gap:16px;min-height:0;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);border:1px solid var(--border-soft);box-shadow:0 1px 0 #ffffffe6 inset, var(--shadow-card);-webkit-backdrop-filter:var(--glass-blur);background:linear-gradient(#fff 0%,#fbfcff 100%);align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.metric-card__body{flex-direction:column;gap:6px;min-width:0;display:flex}.metric-card__icon{border-radius:10px;flex:none;place-items:center;width:34px;height:34px;margin-top:2px;display:grid}.metric-card__icon--blue{color:var(--hue-blue);background:var(--hue-blue-soft)}.metric-card__icon--violet{color:var(--hue-violet);background:var(--hue-violet-soft)}.metric-card__icon--green{color:var(--hue-green);background:var(--hue-green-soft)}.metric-card__icon--amber{color:var(--hue-amber);background:var(--hue-amber-soft)}.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;background:color-mix(in srgb, var(--surface-elevated) 94%, transparent);-webkit-backdrop-filter:blur(24px);border-left:1px solid var(--border);width:min(420px,100vw);box-shadow:var(--shadow-float);color:var(--text);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__tips{gap:10px;margin:0;padding:0;list-style:none;display:grid}.sheet__tips li{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border-soft);color:var(--text-secondary);padding:13px 16px;font-size:13.5px;line-height:1.5}.sheet__tips strong{color:var(--text);margin-bottom:2px;font-weight:600;display:block}.sheet__tips a{color:var(--accent)}.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}.listener-qr{border-top:1px solid var(--border);justify-items:center;gap:10px;padding-top:4px;display:grid}.listener-qr__image,.listener-qr__placeholder{border-radius:var(--radius-sm);background:#fff;width:min(220px,60vw);height:min(220px,60vw);margin-top:14px}.listener-qr__placeholder{opacity:.35}.listener-qr__error{color:var(--text-muted);margin:14px 0 0;font-size:12px}.transcript-card__aside{align-items:center;gap:12px;display:flex}.monitor-toggle{border:1px solid var(--border-strong);color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:11.5px;font-weight:560;transition:color .16s,border-color .16s,background .16s;display:inline-flex}.monitor-toggle:hover{color:var(--text);border-color:var(--text-muted)}.monitor-toggle--muted{color:var(--text-muted)}.monitor-toggle--warn{color:var(--warn-text);border-color:var(--warn-text)}.listener-notice{color:#6b4a06;text-align:left;background:#fbf3e2;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin:-6px 0 18px;padding:12px 14px;font-size:13px;line-height:1.4;display:flex}.listener-notice button{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;font-size:18px}.target-languages{border:0;order:1;grid-column:1/-1;min-width:0;margin:0;padding:0}.target-languages legend{color:var(--text-secondary);margin-bottom:8px;padding:0;font-size:12px;font-weight:600}.target-languages legend small{color:var(--text-muted);margin-left:6px;font-weight:500}.target-languages__chips{flex-wrap:wrap;gap:6px;display:flex}.language-chip{border:1px solid var(--border);min-height:32px;color:var(--text);background:var(--surface);font:inherit;cursor:pointer;transition:background .14s var(--ease-standard), border-color .14s var(--ease-standard);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.language-chip:hover:not(:disabled){border-color:var(--border-strong)}.language-chip.is-chosen{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.language-chip:disabled{opacity:.45;cursor:not-allowed}.language-chip:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}.target-languages:disabled .language-chip:not(.is-chosen){display:none}ul.target-languages__chips{margin:8px 0 0;padding:0;list-style:none}li.language-chip{cursor:default}.target-languages__empty{color:var(--text-secondary);margin:8px 0 0;font-size:13px}.target-languages__empty a{color:var(--accent)}.panel-language{align-items:center;gap:6px;display:inline-flex}.panel-language select{border:1px solid var(--border);max-width:220px;min-height:30px;color:var(--text);background:var(--surface);font:inherit;border-radius:999px;padding:0 28px 0 10px;font-size:13px}.panel-language select:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}.panel-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.listener-regions{flex-wrap:wrap;justify-content:center;gap:6px;width:100%;margin:-6px 0 18px;display:flex}.listener-regions__label{color:#1111118c;text-align:center;width:100%;margin:0 0 2px;font-size:12px}.finishing{border-radius:var(--radius-md,12px);background:var(--warn-soft);color:var(--warn-text);gap:10px;padding:12px 14px;display:grid}.finishing p{margin:0;font-size:13px;line-height:1.5}.finishing__language{background:#0000000f;border-radius:6px;margin-left:8px;padding:0 6px;font-size:11px;font-weight:600;display:inline-block}.ghost-button--danger{color:#b42318;border-color:#b4231859}.language-strip{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.language-strip__item{border:1px solid var(--border);border-radius:var(--radius-md,12px);background:var(--surface);align-items:stretch;display:flex;overflow:hidden}.language-strip__item.is-reading{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.language-strip__read{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;gap:2px;padding:10px 12px;display:grid}.language-strip__name{font-size:14px;font-weight:600}.language-strip__state{color:var(--text-secondary);font-size:12px}.language-strip__state--delayed{color:var(--warn-text)}.language-strip__state--unavailable{color:#b42318}.language-strip__monitoring{color:var(--accent);vertical-align:-2px;margin-left:6px;display:inline-flex}.language-strip__read:focus-visible{outline:2px solid var(--accent-ring);outline-offset:-2px}.banner__actions{gap:8px;display:inline-flex}.control-card>.primary-button{order:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.language-activity__trigger{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--text-secondary);font:inherit;white-space:nowrap;cursor:pointer;border-radius:12px;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.language-activity__trigger:hover:not(:disabled){color:var(--accent-strong);border-color:var(--accent-ring)}.language-activity__trigger:disabled{opacity:.5;cursor:default}.language-activity__trigger:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}.language-activity__dialog{border:1px solid var(--border);background:var(--surface);width:min(760px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--text);border-radius:22px;margin:auto;padding:0;position:fixed;inset:0;box-shadow:0 24px 80px #00000038}.language-activity__dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a59}.language-activity__content{padding:26px}.language-activity__header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.language-activity__header h2{letter-spacing:-.025em;margin:0 0 8px;font-size:22px}.language-activity__header p{max-width:480px;color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.language-activity__header>button{flex-shrink:0}@media (width<=520px){.language-activity__content{padding:20px}}@keyframes language-sheet-up{0%{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes broadcast-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}