:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,sans-serif;color:#dce4dc;background:#080c0b;font-synthesis:none;font-weight:400;font-size:14px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #b2d2b3;outline-offset:5px}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:25px;height:25px;flex-shrink:0}.app{min-height:100dvh;padding:0 max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 0%,#16201b 0,transparent 55%),#080c0b}.masthead{max-width:1120px;margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #253028}.wordmark{font-size:21px;font-weight:600;display:flex;align-items:center;gap:10px}.brand-icon{color:#b2d2b3;font-size:38px;font-weight:400;line-height:1}.brand-en{font-size:10px;letter-spacing:3px;color:#86998d;margin-left:6px}.text-button{border:0;background:transparent;color:#a2b3a5;font-size:12px;padding:12px 0}.text-button span{margin-left:12px}.workspace{max-width:780px;margin:48px auto 0}.title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:2.1px;color:#869a8a}h1{font-size:30px;letter-spacing:1px;margin:13px 0 14px;font-weight:500}.direction{display:flex;gap:18px;align-items:center;margin:0;color:#c2d0c3}.arrow{color:#6b8173}.direction-note{font-size:11px;color:#738879;border-left:1px solid #344236;padding-left:18px}.dark-button{display:flex;align-items:center;gap:10px;background:#131b16;border:1px solid #334136;border-radius:24px;padding:12px 17px;font-size:12px}.dark-button>span:first-child{font-size:20px}.translation-panel{background:#111914;border:1px solid #334236;border-radius:20px;overflow:hidden;box-shadow:0 25px 65px #0002}.panel-top,.panel-bottom{display:flex;align-items:center;justify-content:space-between;padding:20px 25px}.status{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#9daa9f}.status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#708174}.status.translating{color:#b2d2b3}.status.translating i{background:#b2d2b3}.status.error{color:#e0a297}.status.error i{background:#e0a297}.timer{font-size:11px;font-variant-numeric:tabular-nums;color:#91a092;letter-spacing:2px}.caption{height:230px;overflow-y:auto;scrollbar-width:thin;padding:26px 38px;font-size:29px;line-height:1.65;font-weight:400;white-space:pre-wrap;overflow-wrap:anywhere}.caption.empty{display:flex;align-items:center;justify-content:center;text-align:center}.empty-symbol{display:block;font-family:serif;color:#6c8873;font-size:44px;line-height:.5;margin:8px 0 32px}.empty h2{font-size:25px;font-weight:400;letter-spacing:2px;margin:0}.empty p{font-size:12px;letter-spacing:2px;color:#7c9282;margin-top:14px}.source-block{border-top:1px solid #2c392f;margin:16px 26px 0;padding-top:19px}.small-label{font-size:10px;letter-spacing:1px;color:#839789}.source-block p{font-size:14px;line-height:1.7;color:#9dad9f;min-height:25px;max-height:62px;overflow:auto;margin:10px 0 0;white-space:pre-wrap}.panel-bottom{font-size:10px;letter-spacing:.7px;color:#718775;padding-top:24px}.notice{font-size:12px;color:#91a194;margin:17px 4px;line-height:1.6;min-height:20px}.notice.error{color:#e0a297}.input-health{display:grid;grid-template-columns:auto minmax(70px,1fr) auto;align-items:center;gap:10px;margin:-7px 4px 17px;color:#829586;font-size:10px}.input-health>div{height:4px;background:#202b23;border-radius:4px;overflow:hidden}.input-health i{display:block;height:100%;min-width:2px;background:#a9c2aa;transition:width .15s linear}.input-health b{font-weight:400;max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#91a494}.controls{padding:5px 0 0}.headphone-note{display:flex;align-items:center;gap:13px;margin:10px 2px 26px}.headphone-note svg{color:#adc7b0}.headphone-note p{font-size:13px;margin:0;flex:1}.headphone-note p span{display:block;font-size:11px;color:#829586;margin-top:6px}.headphone-note>.small-label{font-size:9px}.control-row{display:flex;align-items:center;gap:35px}.mode-switch{display:flex;background:#111914;padding:4px;border:1px solid #2b382e;border-radius:10px;gap:3px;margin:0;flex:1}.mode-switch button{flex:1;border:0;background:none;border-radius:6px;font-size:12px;white-space:nowrap;padding:12px 9px;color:#8da191}.mode-switch button.active{background:#2b3a2e;color:#dde7db}.volume{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:230px;font-size:11px;color:#9eb0a0}.volume>span{width:100%;font-size:10px}.volume input{accent-color:#adc7ad;flex:1;min-width:0;height:3px;margin:5px 0}.volume output{font-size:10px;width:30px;text-align:right}.volume-hint{font-size:11px;color:#8fa394;margin:12px 0}.start-button{width:100%;min-height:55px;border:0;border-radius:10px;background:#bed1ae;color:#19261b;font-weight:600;letter-spacing:2px;margin-top:24px;font-size:15px;display:flex;justify-content:center;align-items:center;gap:12px}.start-button>span{font-size:24px;line-height:1}.stop-button{background:#354a39;color:#e1e9db;border:1px solid #536c58}.stop-button>span{font-size:15px}.control-foot{display:flex;justify-content:space-between;font-size:10px;color:#758b7b;margin-top:12px}.metrics-strip{border-top:1px solid #27342b;margin-top:27px;padding-top:13px;display:flex;align-items:center;gap:24px;font-size:10px;color:#829989}.metrics-strip b{font-weight:400;color:#b0c1b1;margin-left:8px}.metrics-strip small{font-size:9px;margin-left:5px;color:#6c8173}.metrics-strip button{margin-left:auto}.debug,.guide{background:#111813;border:1px solid #2d3a30;border-radius:12px;padding:20px;margin:14px 0}.debug-heading{display:flex;align-items:center;justify-content:space-between}.debug h2,.guide h2{font-size:16px;font-weight:500;margin:0 0 10px}.debug p,.guide p,.guide li{font-size:12px;line-height:1.8;color:#9aac9e}.guide ol{padding-left:18px}.debug dl{font-size:11px;display:grid;grid-template-columns:1fr 1fr;gap:13px;line-height:1.7}.debug dt{color:#96ab9c}.debug dd{margin:0;overflow-wrap:anywhere}.marker-buttons{display:flex;gap:10px}.marker-buttons button,.play-enable{background:#293b2d;border:1px solid #4b6551;padding:12px;border-radius:7px;font-size:12px}.play-enable{width:100%;margin-bottom:15px}.voice-only{min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9eb7a1}.voice-only svg{width:48px;height:48px}.voice-only h2{font-size:25px;font-weight:400;margin:24px 0 10px}.voice-only p{font-size:12px}footer{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#627869;margin:30px 0 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.cinema{background:#000;color:#9caa9d}.cinema .translation-panel,.cinema .controls,.cinema .guide,.cinema .debug{background:#000;box-shadow:none;border-color:#1d241e}.cinema .start-button{background:#202b22;color:#a4b09d}.cinema .caption{color:#acb5a8}.cinema .masthead,.cinema footer{opacity:.55}.cinema .mode-switch{background:#070907;border-color:#232b24}.cinema .mode-switch .active{background:#202b22}.cinema .dark-button{background:#141a15}.cinema .panel-bottom,.cinema .small-label{color:#647067}@media(max-width:600px){.app{padding-left:20px;padding-right:20px}.masthead{height:77px}.brand-en{font-size:8px;letter-spacing:2px}.workspace{margin-top:30px}.eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:24px;margin:11px 0 13px}.title-row{margin-bottom:24px}.direction{font-size:12px;gap:14px}.direction-note{display:none}.dark-button{padding:9px 11px;font-size:10px;gap:7px}.translation-panel{border-radius:15px}.panel-top,.panel-bottom{padding:18px}.caption{height:245px;padding:22px;font-size:26px}.empty h2{font-size:21px;letter-spacing:1px}.empty p{font-size:11px;letter-spacing:1px}.source-block{margin:10px 18px 0}.source-block p{font-size:12px}.headphone-note>.small-label{display:none}.control-row{flex-direction:column;gap:21px;align-items:stretch}.mode-switch{width:100%}.volume{width:100%;flex-wrap:nowrap;font-size:10px;gap:15px}.volume>span{width:auto}.volume output{width:28px}.start-button{margin-top:23px}.metrics-strip{gap:12px;flex-wrap:wrap}.metrics-strip small{display:none}.debug dl{grid-template-columns:1fr}.debug dd{padding-bottom:5px;border-bottom:1px solid #253128}.headphone-note{margin-bottom:23px}footer{font-size:8px;letter-spacing:0}.notice{font-size:11px}}@media(max-width:600px){.app{padding-bottom:110px}.start-button{position:fixed;z-index:5;bottom:calc(14px + env(safe-area-inset-bottom));left:20px;width:calc(100% - 40px);margin:0;box-shadow:0 0 0 8px #080c0b}.cinema .start-button{box-shadow:0 0 0 8px #000}.control-foot{margin-top:22px}}.setup-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#17231b 0,transparent 52%),#080c0b}.setup-card{width:min(100%,540px);background:#101713;border:1px solid #344238;border-radius:20px;padding:38px;box-shadow:0 28px 80px #0006}.setup-mark{font-size:44px;color:#b7cfb4;margin-bottom:18px}.setup-card h1{font-size:27px;margin:12px 0 14px}.setup-copy,.setup-foot{color:#9cad9f;font-size:13px;line-height:1.8}.setup-card form{margin:28px 0 18px}.setup-card label{display:block;color:#aabdac;font-size:10px;letter-spacing:1.5px;margin-bottom:9px}.setup-card input{width:100%;height:52px;border:1px solid #415246;background:#080d0a;border-radius:9px;padding:0 15px;color:#dfe8df;font-size:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.setup-card form button,.setup-return{display:flex;width:100%;height:52px;margin-top:14px;border:0;border-radius:9px;background:#bfd2af;color:#19261b;align-items:center;justify-content:center;font-weight:650}.setup-status{display:flex;gap:9px;align-items:flex-start;color:#9fb2a2;font-size:12px;line-height:1.6;padding:14px 0}.setup-status i{width:7px;height:7px;border-radius:50%;background:#728476;margin-top:6px;flex:none}.setup-status.done{color:#bdd2b9}.setup-status.done i{background:#aecd9e}.setup-status.error{color:#e2a79e}.setup-status.error i{background:#dd8c80}.setup-foot{border-top:1px solid #28342b;margin:18px 0 0;padding-top:18px;font-size:11px}@media(max-width:600px){.setup-card{padding:28px 22px;border-radius:15px}.setup-card h1{font-size:23px}}.direction-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}.direction-picker button{border:1px solid #334236;border-radius:14px;background:#101713;color:#92a496;padding:17px;text-align:left}.direction-picker button strong,.direction-picker button span{display:block}.direction-picker button strong{font-size:16px;font-weight:550;color:#c1cec2;margin-bottom:7px}.direction-picker button span{font-size:11px}.direction-picker button.active{background:#26372b;border-color:#5d755f}.direction-picker button.active strong{color:#edf4ea}.caption-note{margin:5px 3px 0;color:#92a496;font-size:12px;line-height:1.7}@media(max-width:600px){.direction-picker{gap:9px}.direction-picker button{padding:14px 12px}.direction-picker button strong{font-size:14px}}.speech-controls{display:flex;align-items:center;gap:14px;margin:16px 0 8px;padding:14px;background:#101713;border:1px solid #334236;border-radius:12px}.speech-controls button{flex:none;min-width:130px;border:1px solid #59705d;border-radius:9px;background:#26372b;padding:13px 15px;color:#e4ede2}.speech-controls div{min-width:0}.speech-controls strong,.speech-controls span{display:block}.speech-controls strong{font-size:12px;font-weight:550;color:#bdcdbf}.speech-controls span{font-size:10px;line-height:1.55;color:#819486;margin-top:5px}.speech-controls.speaking{border-color:#aa8d57;background:#211d14}.speech-controls.speaking button{background:#6b4d2b;border-color:#ae8554}.speech-controls.speaking strong{color:#e2c48b}@media(max-width:600px){.speech-controls{align-items:stretch;flex-direction:column}.speech-controls button{width:100%}}.header-actions{display:flex;align-items:center;gap:22px}.header-actions .text-button:last-child{color:#7f9184}