:root{color-scheme:light;--chudo-bg: #fff7ea;--chudo-surface: #ffffff;--chudo-ink: #16404a;--chudo-muted: #5f7a80;--chudo-line: #efe3cc;--chudo-chip: #fbeed6;--chudo-accent: #f2a33a;--chudo-on-accent: #2a1a00;--chudo-accent-soft: #fff1da;--chudo-accent-ink: #8a4f00;--chudo-live: #1f7a52;--chudo-live-bg: #e3f5ec;--chudo-danger: #c8423a;--chudo-on-danger: #ffffff;--chudo-wordmark-secondary-opacity: .82}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--chudo-bg: #0f2a31;--chudo-surface: #16363e;--chudo-ink: #f3eadb;--chudo-muted: #a9bdbf;--chudo-line: #24474f;--chudo-chip: #1d4149;--chudo-accent: #f2a33a;--chudo-on-accent: #2a1a00;--chudo-accent-soft: #3b2b19;--chudo-accent-ink: #f7c774;--chudo-live: #4cc38a;--chudo-live-bg: #173f33;--chudo-danger: #e5675c;--chudo-on-danger: #2a1a00;color-scheme:dark}}:root[data-theme=dark]{--chudo-bg: #0f2a31;--chudo-surface: #16363e;--chudo-ink: #f3eadb;--chudo-muted: #a9bdbf;--chudo-line: #24474f;--chudo-chip: #1d4149;--chudo-accent: #f2a33a;--chudo-on-accent: #2a1a00;--chudo-accent-soft: #3b2b19;--chudo-accent-ink: #f7c774;--chudo-live: #4cc38a;--chudo-live-bg: #173f33;--chudo-danger: #e5675c;--chudo-on-danger: #2a1a00;color-scheme:dark}:root{--chudo-font-display: "Unbounded", "Onest", system-ui, sans-serif;--chudo-font-body: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif}.brand{display:flex;align-items:center;gap:8px;min-width:0;color:var(--chudo-ink)}.brand-mark{display:block;width:34px;height:34px;flex:0 0 auto;color:var(--chudo-ink)}.brand-mark svg{display:block;width:100%;height:100%}.brand-name{display:inline-flex;align-items:baseline;gap:.35em;white-space:nowrap;font-size:17px;line-height:1.4}.brand-wordmark{font-family:var(--chudo-font-display);font-weight:700;letter-spacing:-.025em}.brand-service{font-family:var(--chudo-font-body);font-size:.62em;font-weight:500;opacity:var(--chudo-wordmark-secondary-opacity)}@media(max-width:560px){.brand-name{font-size:16px}.brand-mark{width:30px;height:30px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--chudo-font-body);font-size:18px;line-height:1.5;color:var(--chudo-ink);background:var(--chudo-bg);padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}button,select{-webkit-tap-highlight-color:transparent}#app{width:min(100%,52rem);margin:0 auto}.translator-card{border:1px solid var(--chudo-line);border-radius:22px;background:var(--chudo-surface);box-shadow:0 1px 2px color-mix(in srgb,var(--chudo-ink) 4%,transparent),0 18px 48px color-mix(in srgb,var(--chudo-ink) 9%,transparent)}.toolbar{position:sticky;top:0;z-index:2;border-radius:22px 22px 0 0;background:var(--chudo-surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--chudo-line)}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:60px;padding:11px 18px}.header-locale-status{display:flex;align-items:center;gap:9px;min-width:0}.header-service-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:9px;min-width:0}.controls-panel{display:grid;gap:8px;padding:12px 18px 14px;background:var(--chudo-surface)}.language-control{min-width:0}.lang-label{display:block;margin-bottom:6px;font-size:12px;font-weight:760;letter-spacing:.065em;text-transform:uppercase;color:var(--chudo-muted)}.lang-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:4px;border:1px solid var(--chudo-line);border-radius:13px;background:var(--chudo-chip)}.lang-button{min-height:40px;padding:8px 6px;border:0;border-radius:9px;background:transparent;color:var(--chudo-ink);font:inherit;font-size:14px;font-weight:760;letter-spacing:.035em;cursor:pointer;touch-action:manipulation;transition:background .14s ease,color .14s ease,box-shadow .14s ease,transform .1s ease}.lang-button:hover,.lang-button:focus-visible{background:var(--chudo-surface)}.lang-button:focus-visible,.font-button:focus-visible,.ui-locale-select:focus-visible{outline:2px solid color-mix(in srgb,var(--chudo-accent-ink) 80%,var(--chudo-surface));outline-offset:1px}.lang-button:active{transform:scale(.98)}.lang-button[aria-pressed=true]{color:var(--chudo-accent-ink);background:var(--chudo-surface);box-shadow:0 1px 4px color-mix(in srgb,var(--chudo-ink) 12%,transparent)}.secondary-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;min-width:0}.voice-control{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;flex:1 1 12rem;min-width:0;max-width:100%;margin-left:auto}.voice-pill{display:inline-flex;align-items:center;gap:8px;min-width:0;min-height:46px;max-width:100%;padding:6px 14px 6px 10px;border:1px solid var(--chudo-line);border-radius:999px;background:var(--chudo-surface);color:var(--chudo-ink);font:inherit;font-size:14px;font-weight:730;line-height:1.15;cursor:pointer;touch-action:manipulation}.voice-pill-icon{position:relative;display:grid;place-items:center;width:24px;height:24px;flex:0 0 auto}.voice-pill-icon svg{display:block;width:24px;height:24px}.voice-pill .hp-waves,.voice-pill .hp-slash{visibility:hidden}.voice-pill--on .hp-waves,.voice-pill--muted .hp-slash{visibility:visible}.voice-pill-label{min-width:0;text-align:left;overflow-wrap:anywhere}.voice-pill-dot,.voice-pill-badge{display:none;flex:0 0 auto}.voice-pill--off{color:var(--chudo-accent-ink);border-color:color-mix(in srgb,var(--chudo-accent) 48%,var(--chudo-surface));background:var(--chudo-accent-soft)}.voice-pill--on{color:var(--chudo-ink);border-color:var(--chudo-line);background:var(--chudo-chip)}.voice-pill--on .voice-pill-dot{display:block;width:8px;height:8px;border-radius:50%;background:var(--chudo-live);animation:status-pulse 1.8s ease-in-out infinite}.voice-pill--muted,.voice-pill--connecting,.voice-pill--reconnecting{color:var(--chudo-accent-ink);border-color:var(--chudo-line);background:var(--chudo-accent-soft)}.voice-pill--connecting .voice-pill-icon:after,.voice-pill--reconnecting .voice-pill-icon:after{content:"";position:absolute;right:-3px;bottom:-3px;width:9px;height:9px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:voice-spin .8s linear infinite}.voice-pill--error{color:var(--chudo-ink);border-color:var(--chudo-line);background:var(--chudo-surface)}.voice-pill--error .voice-pill-badge{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--chudo-accent);color:var(--chudo-on-accent);font-size:11px;font-weight:800;line-height:1}.voice-pill--error .voice-pill-badge:before{content:"!"}.voice-pill:focus-visible{outline:2px solid color-mix(in srgb,var(--chudo-accent-ink) 80%,var(--chudo-surface));outline-offset:2px}.voice-volume{width:72px;flex:0 0 auto;accent-color:var(--chudo-accent-ink);cursor:pointer}@keyframes voice-spin{to{transform:rotate(360deg)}}.ui-locale-control{display:inline-flex;align-items:center}.ui-locale-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.ui-locale-select{min-height:32px;max-width:8.5rem;border:1px solid var(--chudo-line);border-radius:9px;background:var(--chudo-chip);color:var(--chudo-ink);padding:4px 26px 4px 8px;font:inherit;font-size:12px;font-weight:650;cursor:pointer}.font-controls{display:flex;flex:0 0 auto;gap:4px;padding:4px;border:1px solid var(--chudo-line);border-radius:12px;background:var(--chudo-chip)}.font-button{min-height:38px;min-width:44px;padding:6px 9px;border:0;border-radius:8px;background:transparent;color:var(--chudo-ink);font:inherit;font-size:14px;font-weight:760;cursor:pointer;touch-action:manipulation}.font-button:hover,.font-button:focus-visible{background:var(--chudo-surface)}.font-button:active{transform:scale(.97)}.status{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;color:var(--chudo-muted);font-size:12px;font-weight:650;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.status--live{color:var(--chudo-live)}.status--live .status-dot{animation:status-pulse 1.8s ease-in-out infinite}.status--reconnect{color:var(--chudo-accent-ink)}.status--ended{color:var(--chudo-muted)}.status--archive{color:var(--chudo-accent-ink)}.status--ended .status-dot,.status--reconnect .status-dot,.status--archive .status-dot{animation:none}.feed{position:relative;min-height:260px;max-height:320px;overflow-y:auto;border-radius:0 0 22px 22px;padding:18px;background:var(--chudo-surface)}.feed:empty:before{content:var(--empty-caption-label, "Waiting for captions…");display:block;padding:28px 22px;border:1px solid var(--chudo-line);border-radius:16px;background:var(--chudo-surface);color:var(--chudo-muted);font-size:15px}.caption-line{position:relative;margin:0 0 16px;padding:0;color:var(--chudo-ink);font-size:calc(clamp(1.2rem,4.6vw,1.48rem) * var(--caption-font-scale, 1));line-height:1.48;font-weight:540;letter-spacing:-.01em;overflow-wrap:anywhere}.caption-line:last-child{margin-bottom:0}.player{margin:16px 0}.player media-player{display:block;width:100%;aspect-ratio:16 / 9;max-height:70vh;background:#111;border-radius:12px;overflow:hidden}.vds-video-layout{--video-brand: hsl(0, 0%, 96%)}.vds-font-menu{display:none!important}.player .vds-captions{--media-cue-font-size: calc(var(--overlay-height, 400px) / 100 * 6 * var(--watch-cue-scale, 1))}@keyframes status-pulse{0%,to{opacity:1;box-shadow:0 0 color-mix(in srgb,var(--chudo-live) 32%,transparent)}50%{opacity:.72;box-shadow:0 0 0 5px transparent}}@media(prefers-reduced-motion:reduce){.status--live .status-dot,.voice-pill--on .voice-pill-dot,.voice-pill--connecting .voice-pill-icon:after,.voice-pill--reconnecting .voice-pill-icon:after{animation:none}}@media(min-width:768px){body{padding-top:36px;padding-bottom:36px;font-size:16px}.controls-panel{grid-template-columns:minmax(0,1fr) auto;align-items:end}.secondary-controls{flex-wrap:nowrap}.feed{max-height:68vh;overflow-y:auto;padding:22px}}@media(max-width:560px){body{padding-left:10px;padding-right:10px}.translator-card{border-radius:17px}.toolbar{border-radius:17px 17px 0 0}.brand-row,.controls-panel{padding-left:14px;padding-right:14px}.brand-row{flex-wrap:wrap;gap:10px;min-height:58px;padding-top:9px;padding-bottom:9px}.header-service-controls{margin-left:auto;flex-wrap:wrap;justify-content:flex-end;gap:6px}.status{max-width:9.5rem;overflow:visible;font-size:12px;line-height:1.2;text-align:right;white-space:normal}.ui-locale-select{min-height:30px;max-width:7.5rem;font-size:12px}.font-button{min-width:44px;min-height:44px}.controls-panel{gap:6px;padding-top:8px;padding-bottom:10px}.feed{min-height:0;border-radius:0 0 17px 17px;padding:14px 14px 16px}}@media(max-width:767px){html,body{height:100%}body{min-height:100dvh;display:flex;flex-direction:column}#app,.translator-card{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.toolbar{flex:0 0 auto}.feed{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto}}