: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}}.listener-page{background:#f5f5f2;place-items:center;min-height:100%;padding:24px;display:grid;position:relative;overflow:hidden}.listener-glow{aspect-ratio:1;pointer-events:none;background:radial-gradient(circle closest-side,#ec6f3712 0%,#ec6f370b 45%,#ec6f3700 78%);border-radius:50%;width:min(120vw,700px);position:absolute}.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-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{color:#1111116b;background:#f3f3f0;border-color:#11111114}.listener-live--off i{box-shadow:none;background:#1111114d}.listener-heading{text-align:center;margin-top:58px}.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-orb{background:radial-gradient(circle at 34% 26%,#ffd69b 0%,#f29a5b 32%,#db603e 68%,#7f312b 100%);border:1px solid #7e312b1f;border-radius:50%;place-items:center;width:154px;height:154px;margin-top:34px;display:grid;box-shadow:0 0 0 18px #11111106,0 24px 54px -25px #7e312b8c}.listener-wave{align-items:center;gap:4px;height:46px;display:flex}.listener-wave i{background:#ffffffe6;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:#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:#f3f3f0}.listener-translation{background:#f5f5f2;border:1px solid #11111113;border-radius:18px;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:#11111170;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:650}.listener-translation__header small{color:#11111157;font-size:10px}.listener-translation__scroll{overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-color:#11111129 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:#11111185;border-top:1px solid #11111113;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:#111}.listener-note{color:#1111115c;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);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-orb{width:142px;height:142px}.listener-translation{height:clamp(190px,29vh,250px)}.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-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: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:space-between;align-items:flex-start;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;margin-left:auto}.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;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);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{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__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)}