.listen-page{background:var(--vx-night);color:#f3f1ea;min-height:100vh}.listen-hero{margin-top:calc(-1 * var(--vx-header-h));padding-top:calc(var(--vx-header-h) + 40px);background:radial-gradient(120% 80% at 50% -10%, #38b6ff24, transparent 60%), var(--vx-night);padding-bottom:28px;position:relative;overflow:hidden}.listen-hero>.listen-wrap{z-index:1;position:relative}.listen-title .vx-serif{color:var(--vx-lang,#38b6ff);font-weight:400}.listen-wrap{flex-direction:column;gap:18px;max-width:640px;display:flex}.listen-head{flex-direction:column;gap:10px;display:flex}.listen-eyebrow{font-family:var(--vx-font-ui);color:var(--vx-muted-night);align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.listen-live-tag{color:#9fd8ff;border:1px solid #38b6ff73;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.listen-live-tag:before{content:"";background:var(--vx-lang);width:7px;height:7px;animation:listen-pulse 2.2s var(--vx-ease-out) infinite;border-radius:999px;box-shadow:0 0 #38b6ff99}.listen-title{font-family:var(--vx-font-display);letter-spacing:-.02em;color:#fdfdfb;margin:0;font-size:clamp(32px,8vw,46px);font-weight:680;line-height:1.04}.listen-lede{color:#c6c8d0;max-width:46ch;margin:0;font-size:16px;line-height:1.5}.listen-controls{border-radius:var(--vx-radius-l);background:var(--vx-night-2);border:1px solid var(--vx-line-night);flex-direction:column;gap:12px;padding:16px;display:flex}.listen-field{flex-direction:column;gap:7px;display:flex}.listen-field-label{color:#e7e8ee;align-items:center;gap:7px;font-size:14px;font-weight:600;display:inline-flex}.listen-page .listen-select{border-radius:var(--vx-radius);border:1px solid var(--vx-line-night);-webkit-appearance:none;appearance:none;background-color:var(--vx-night-3);color:#f3f1ea;width:100%;min-height:46px;font-size:16px;font-family:var(--vx-font-ui);background-image:linear-gradient(45deg,#0000 50%,#f4f5f8bf 50%),linear-gradient(135deg,#f4f5f8bf 50%,#0000 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px;padding:10px 40px 10px 12px}.listen-page .listen-select option{color:#0b0c10}.listen-select:disabled{opacity:.55}.listen-select:focus-visible{outline:2px solid var(--vx-lang);outline-offset:2px}.listen-speak-field{gap:10px}.listen-speak-toggle{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:inline-flex}.listen-speak-toggle .vx-check{width:20px;height:20px;accent-color:var(--vx-voice)}.listen-voice-select{margin-top:2px}.listen-action{flex-direction:column;align-items:center;gap:10px;display:flex}.listen-start{border-radius:var(--vx-radius-l);background:var(--vx-lang);color:#04131f;width:100%;min-height:72px;font-family:var(--vx-font-display);letter-spacing:-.01em;cursor:pointer;transition:transform .16s var(--vx-ease-out), background .2s var(--vx-ease-out);border:none;justify-content:center;align-items:center;gap:12px;font-size:21px;font-weight:680;display:inline-flex}.listen-start:hover{transform:translateY(-1px)}.listen-start:active{transform:translateY(0)}.listen-start:focus-visible{outline-offset:3px;outline:3px solid #fff}.listen-start.is-live{background:var(--vx-voice);color:#1a0600}.listen-start-dot{background:#04131f;border-radius:999px;width:16px;height:16px}.listen-start-wave{align-items:center;gap:3px;height:22px;display:inline-flex}.listen-start-wave i{width:4px;height:10px;animation:listen-wave 1s var(--vx-ease-in-out) infinite;background:#1a0600;border-radius:999px}.listen-start-wave i:nth-child(2){animation-delay:.15s}.listen-start-wave i:nth-child(3){animation-delay:.3s}.listen-start-wave i:nth-child(4){animation-delay:.45s}.listen-indicator{color:#ffcbb8;align-items:center;gap:8px;margin:0;font-size:14px;display:inline-flex}.listen-indicator-dot{background:var(--vx-voice);width:9px;height:9px;animation:listen-pulse 1.6s var(--vx-ease-out) infinite;border-radius:999px}.listen-privacy{color:var(--vx-muted-night);margin:0;font-size:13px;line-height:1.5}.listen-note{border-radius:var(--vx-radius);background:var(--vx-night-2);border:1px solid var(--vx-line-night);color:#d7d9e0;padding:12px 14px;font-size:14px}.listen-note-warn{color:#ffe6ad;background:#ffc34d14;border-color:#ffc34d66}.listen-note-dismiss{color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;min-height:44px;margin-left:6px;text-decoration:underline}.listen-demo{border-radius:var(--vx-radius-l);background:var(--vx-night-2);border:1px solid var(--vx-line-night);flex-direction:column;gap:10px;padding:16px;display:flex}.listen-demo-head{align-items:flex-start;gap:10px;display:flex}.listen-demo-head p{color:#e7e8ee;margin:0;font-size:15px}.listen-demo-tag,.listen-card-badge{color:var(--vx-gold);background:#ffc34d29;border:1px solid #ffc34d66;border-radius:999px;flex:none;padding:3px 9px;font-size:12px;font-weight:600}.listen-demo-btn{border-radius:var(--vx-radius);background:var(--vx-night-3);color:#fdfdfb;min-height:48px;font-family:var(--vx-font-display);cursor:pointer;transition:border-color .16s var(--vx-ease-out), transform .16s var(--vx-ease-out);border:1px solid #ffffff2e;align-self:flex-start;padding:12px 20px;font-size:16px;font-weight:640}.listen-demo-btn:hover{border-color:var(--vx-gold);transform:translateY(-1px)}.listen-demo-btn:focus-visible{outline:2px solid var(--vx-gold);outline-offset:2px}.listen-demo-caption{color:var(--vx-muted-night);margin:0;font-size:13px;line-height:1.5}.listen-stream{max-width:640px;padding-top:8px;padding-bottom:56px}.listen-stream-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.listen-stream-title{font-family:var(--vx-font-display);color:#e7e8ee;margin:0;font-size:18px;font-weight:640}.listen-clear{border:1px solid var(--vx-line-night);color:#c6c8d0;cursor:pointer;background:0 0;border-radius:999px;min-height:44px;padding:8px 14px;font-size:14px;font-weight:600}.listen-clear:hover{color:#fff;border-color:#ffffff4d}.listen-clear:focus-visible{outline:2px solid var(--vx-lang);outline-offset:2px}.listen-live-region{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.listen-interim{border-radius:var(--vx-radius);background:#38b6ff0f;border:1px dashed #38b6ff59;align-items:baseline;gap:10px;margin-bottom:12px;padding:12px 14px;display:flex}.listen-interim-label{letter-spacing:.08em;text-transform:uppercase;color:#7fc6ff;flex:none;font-size:11px;font-weight:700}.listen-interim-text{color:#aeb2bd;font-size:15px;font-style:italic}.listen-empty{color:var(--vx-muted-night);padding:20px 2px;font-size:15px;line-height:1.5}.listen-cards{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.listen-card{border-radius:var(--vx-radius-l);background:var(--vx-night-2);border:1px solid var(--vx-line-night);animation:listen-card-in .32s var(--vx-ease-out) both;padding:16px}.listen-card.is-demo{border-color:#ffc34d4d}.listen-card.is-failed{border-color:#ffc34d66}.listen-card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.listen-card-time{color:var(--vx-muted-night);font-variant-numeric:tabular-nums;font-size:12px}.listen-card-translation{font-family:var(--vx-font-display);letter-spacing:-.01em;color:#fdfdfb;margin:0 0 6px;font-size:clamp(21px,5.5vw,26px);font-weight:620;line-height:1.22}.listen-card-original{color:#9aa0ae;margin:0;font-size:14px;line-height:1.4}.listen-card-dots{color:var(--vx-lang);letter-spacing:2px}.listen-card-actions{flex-direction:column;gap:8px;margin-top:12px;display:flex}.listen-card-ava{color:#cfc8ff;cursor:pointer;min-height:44px;transition:background .16s var(--vx-ease-out);background:#7b6cff1a;border:1px solid #7b6cff73;border-radius:999px;align-self:flex-start;padding:9px 14px;font-size:14px;font-weight:600}.listen-card-ava:hover{background:#7b6cff33}.listen-card-ava:disabled{opacity:.6;cursor:default}.listen-card-ava:focus-visible{outline:2px solid var(--vx-text);outline-offset:2px}.listen-card-ava-answer{border-radius:var(--vx-radius);background:var(--vx-night-3);color:#e3e1f5;border:1px solid #7b6cff40;margin:0;padding:12px 14px;font-size:15px;line-height:1.5}.listen-card-ava-answer.is-error{color:#ffe6ad;border-color:#ffc34d59}@keyframes listen-pulse{0%{box-shadow:0 0 #ff6a3d80}70%{box-shadow:0 0 0 8px #ff6a3d00}to{box-shadow:0 0 #ff6a3d00}}@keyframes listen-wave{0%,to{height:8px}50%{height:20px}}@keyframes listen-card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.listen-live-tag:before,.listen-indicator-dot,.listen-start-wave i,.listen-card{animation:none}}@media (min-width:760px){.listen-hero{padding-top:calc(var(--vx-header-h) + 48px);padding-bottom:28px}.listen-wrap{margin:0 auto}.listen-controls{flex-flow:wrap}.listen-controls .listen-field{flex:200px}.listen-controls .listen-speak-field{flex:100%}.listen-stream{margin:0 auto}}.lx-film{background:var(--vx-night,#07080c);color:#f4f5f8;padding:clamp(56px,8vw,104px) 20px}.lx-film-inner{text-align:center;justify-items:center;gap:14px;max-width:960px;margin:0 auto;display:grid}.lx-film-inner h2{font:700 clamp(26px, 3.4vw, 40px)/1.12 var(--vx-font-display);letter-spacing:-.03em;margin:0}.lx-film-inner p{color:#f4f5f8b8;max-width:56ch;margin:0;font-size:17px;line-height:1.55}.lx-film-player{border:1px solid #ffffff1a;border-radius:20px;width:100%;margin-top:12px;overflow:hidden}.listen-speak-toggle{border-radius:var(--vx-radius);color:#f3f1ea;background:#ffffff0b;border:1px solid #ffffff29;justify-content:space-between;width:100%;padding:10px 12px;transition:border-color .16s,background-color .16s}.listen-speak-toggle:hover{background:#ffffff13;border-color:#ffffff4d}.listen-speak-toggle:has(input:focus-visible){outline:2px solid var(--vx-lang);outline-offset:2px}.listen-speak-toggle .listen-field-label{order:-1}.listen-speak-toggle .vx-check{flex:none;margin:0}