:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f4f1ff;background:#09090d;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 80% -10%,#33205b 0,transparent 35%),#09090d}button,input,select{font:inherit}button{border:0;border-radius:8px;background:#8b5cf6;color:#fff;padding:13px 18px;font-weight:800;letter-spacing:.04em;cursor:pointer}button:hover{filter:brightness(1.12)}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b9a3ff;outline-offset:2px}.secondary{background:#24232b;color:#ddd}.danger{background:#e5484d}.tiny{padding:8px 11px;font-size:12px}.wide{width:100%;margin-top:18px}.home{max-width:440px;padding-top:10vh}.home h1{font-size:46px;margin-bottom:0}.home h1 i{font-style:normal;color:#a78bfa}main{max-width:980px;margin:auto;padding:40px 20px}header,.row,.player,.castrow,.linehead,.ready,.take{display:flex;align-items:center;gap:12px}header{justify-content:space-between;margin-bottom:24px}h2{font-size:34px;margin:3px 0}h3{font-size:13px;letter-spacing:.14em;color:#aaa;margin:0 0 18px}h3 span{float:right}.eyebrow{font-size:11px;letter-spacing:.22em;color:#9a7dd7}.muted{color:#85818e}.card{background:#141319;border:1px solid #2a2832;border-radius:14px;padding:24px;box-shadow:0 18px 55px #0005}.form{margin-top:35px}.form label{display:block;font-size:11px;letter-spacing:.13em;color:#aaa}.form input{display:block;width:100%;margin:9px 0 18px;padding:14px;background:#0c0b10;border:1px solid #302e38;border-radius:8px;font-size:17px}.form button{width:100%}.or{text-align:center;color:#555;font-size:11px;margin:18px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.player{padding:12px 0;border-bottom:1px solid #26242d}.player:last-child{border:0}.player small{color:#9d7cf2}.push{margin-left:auto;font-size:12px;color:#aaa}.dot{width:8px;height:8px;border-radius:50%;background:#555}.dot.on{background:#55d187;box-shadow:0 0 10px #55d187}.pack strong{font-size:23px}.status{margin:18px 0;padding:11px;border-radius:7px;background:#282229;color:#daa}.good{background:#172a22;color:#71e6a4}.goodButton{background:#258657}.error,.notice{padding:12px 14px;border-radius:8px;background:#34191d;color:#ff9da5}.notice{background:#24202e;color:#cbb8ff}.cast{margin-top:18px}.castrow{justify-content:space-between;padding:10px 0;border-bottom:1px solid #25232b}.castrow select{min-width:200px;background:#222028;border:1px solid #383541;border-radius:7px;padding:9px}.ready{justify-content:flex-end;margin-top:20px}.progress{width:260px;height:8px;background:#282630;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:#8b5cf6}.record{max-width:780px;margin:0 auto 18px}.linehead{justify-content:space-between}.quote{font-size:27px;line-height:1.35;margin:24px 0 18px}.quote small{display:block;margin-bottom:8px;color:#a78bfa;font-size:12px;font-weight:900;letter-spacing:.15em}.time{font-family:monospace;color:#9f96b3}.premiere{text-align:center}.premiere h1{font-size:64px;color:#a78bfa}.premiere video{display:block;width:100%;max-height:70vh;background:#000;border-radius:12px}.center{justify-content:center;margin-top:20px}.connection{display:inline-block;margin-top:5px;font-size:10px;font-weight:800;letter-spacing:.1em;color:#85818e}.connection.connected{color:#55d187}.connection.reconnecting{color:#f0c674}.connection.disconnected{color:#ff777f}.dub-studio{margin-top:18px}.dub-stage{position:relative;overflow:hidden;border-radius:12px;background:#000;aspect-ratio:16/9}.dub-video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.dub-cue{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(transparent 45%,#0009);color:#fff;font-size:22px;font-weight:950;letter-spacing:.12em;text-shadow:0 2px 12px #000}.dub-cue.countdown{font-size:88px;background:#0008}.dub-cue.speaking{color:#ff6068;animation:pulse .7s ease-in-out infinite alternate}.clip-progress,.speech-progress{height:7px;background:#302d38;overflow:hidden}.clip-progress{position:absolute;left:0;right:0;bottom:0}.clip-progress i,.speech-progress i{display:block;height:100%;background:#8b5cf6;transition:width .08s linear}.speech-progress{margin:-7px 0 18px;border-radius:99px}.speech-progress i{background:#e5484d}.clip-window{display:flex;justify-content:space-between;gap:12px;margin-top:11px;color:#8f899a;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.dub-actions{display:flex;gap:10px;flex-wrap:wrap}.record-main{min-width:180px;background:#d83b45}.record-main:not(:disabled){box-shadow:0 0 24px #d83b4544}@keyframes pulse{0%{opacity:.72}to{opacity:1}}@media(max-width:680px){.grid{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}.progress{width:100%}.quote{font-size:21px}.castrow{align-items:flex-start;flex-direction:column}.castrow select{width:100%}.ready,.center{align-items:stretch;flex-direction:column}.ready button,.center button{width:100%}.clip-window{flex-direction:column;gap:3px}.dub-actions{display:grid;grid-template-columns:1fr}.dub-actions button{width:100%}.dub-cue{font-size:17px}.dub-cue.countdown{font-size:64px}}.mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 14px}.mode-picker button{min-height:92px}.mode-picker small,.access-options small{display:block;font-size:10px;font-weight:500;line-height:1.35;margin-top:6px}.remote-access{margin-top:18px}.remote-title{display:flex;justify-content:space-between;gap:12px}.remote-online{color:#55d187}.remote-local{color:#aaa}.public-url{display:block;color:#b9a3ff;overflow-wrap:anywhere;margin:10px 0}.more-access{display:block;margin:16px 0}.access-options{display:grid;gap:8px;margin:12px 0}.access-options>div{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:12px;background:#0e0d12;border-radius:8px}.access-options small{grid-column:1}.access-options input,.youtube-load input{width:100%;padding:11px;background:#0c0b10;border:1px solid #36333e;border-radius:7px}.custom-access{grid-template-columns:1fr auto!important}.custom-access input{grid-column:1}.youtube-load{display:flex;flex-direction:column;gap:12px}.youtube-load strong{font-size:21px}.clip-length,.guide-volume{display:flex;align-items:center;gap:12px;color:#aaa;font-size:12px;font-weight:800}.clip-length select{padding:8px;background:#24232b;border:1px solid #393640;border-radius:7px}.youtube-ready{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.youtube-progress{margin-bottom:18px}.mini-progress{flex:1;height:7px;background:#282630;border-radius:99px;overflow:hidden}.mini-progress i{display:block;height:100%;background:#55d187}.youtube-recorder{margin-top:16px}.guide-volume{margin:16px 0}.guide-volume input{flex:1}.clip-picker{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}.clip-picker button.active{outline:2px solid #a78bfa}.final-builder{margin-top:18px}.final-builder label{display:grid;grid-template-columns:130px 1fr 60px;align-items:center;gap:12px;padding:8px 0}.final-ready{text-align:center}.final-ready video{width:100%;max-height:70vh;background:#000;border-radius:12px}.button-link{display:inline-block;border-radius:8px;background:#8b5cf6;color:#fff;text-decoration:none;padding:13px 18px;font-weight:800}.monitor-hint{color:#85818e;font-size:12px}@media(max-width:680px){.mode-picker{grid-template-columns:1fr}.youtube-ready{flex-direction:column}.final-builder label{grid-template-columns:90px 1fr 45px}.access-options>div{grid-template-columns:1fr}.access-options small,.custom-access input,.access-options button{grid-column:1}}.dub-video{display:block;width:100%;height:100%;object-fit:contain;position:relative;z-index:1;opacity:1;visibility:visible}.ogv-host{overflow:hidden;background:#000}.ogv-host>.ogv-player{position:absolute;top:0;right:0;bottom:0;left:0}.ogv-player canvas,.ogv-player video{width:100%!important;height:100%!important;object-fit:contain}.premiere-video{display:block;position:relative;width:100%;height:min(70vh,56.25vw);overflow:hidden;border-radius:12px;background:#000}.dub-cue{z-index:2;inset:auto 0 0;min-height:34%;padding:18px 24px 28px;flex-direction:column;justify-content:flex-end;gap:7px;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.22) 62%,transparent)}.dub-cue strong{font-size:inherit;line-height:1}.dub-cue small{color:#dfd7ef;font-size:10px;letter-spacing:.16em}.dub-cue.countdown,.dub-cue.microphone{top:0;right:0;bottom:0;left:0;min-height:0;padding:0;justify-content:center;background:#0000002e}.dub-cue.countdown strong{padding:12px 22px;border-radius:14px;background:#00000085}.dub-cue.speaking{background:linear-gradient(to top,rgba(32,0,3,.76),rgba(0,0,0,.16) 68%,transparent)}.monitor-hint{margin:0 0 16px;color:#8f899a;font-size:12px}.skip-line{opacity:.82}.record-counts{display:flex;gap:14px;margin-top:5px;color:#aaa3b6;font-size:12px}.status.skipped{background:#30283c;color:#cdb9ff}.microphone-control{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(120px,.65fr);align-items:end;gap:12px;max-width:780px;margin:0 auto 18px;padding:16px 18px;border:1px solid #302d38;border-radius:12px;background:#111016}.microphone-control label{display:block;margin-bottom:7px;color:#aaa3b6;font-size:10px;font-weight:800;letter-spacing:.14em}.microphone-control select{width:100%;padding:11px 12px;border:1px solid #3a3645;border-radius:8px;background:#211f28;color:#f4f1ff}.microphone-control small{grid-column:1/-1;color:#aaa3b6}.mic-level{height:12px;margin-bottom:14px;overflow:hidden;border-radius:99px;background:#2c2933}.mic-level i{display:block;height:100%;background:linear-gradient(90deg,#55d187,#d6d855,#e5484d);transition:width .08s linear}.audio-status{display:inline-block;margin:0 0 12px;padding:6px 10px;border-radius:99px;background:#172a22;color:#71e6a4;font-size:11px;font-weight:850;letter-spacing:.1em}.audio-warnings{margin:0 0 14px;padding:8px 14px;border-radius:8px;background:#30261a;color:#f0c674;text-align:left;font-size:12px}.audio-warnings p{margin:4px 0}.remote-access{max-width:780px;margin:0 auto 18px}.remote-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.remote-title h3{margin:0}.remote-online,.remote-local{font-size:11px;font-weight:900;letter-spacing:.1em}.remote-online{color:#55d187;text-shadow:0 0 10px #55d18766}.remote-local{color:#77717f}.local-url{margin:18px 0;color:#aaa3b6;line-height:1.65}.local-url span,.public-url{color:#f4f1ff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.public-url{display:block;margin:20px 0 10px;overflow-wrap:anywhere;color:#bda8ff;font-size:17px}.remote-warning{color:#d7ccd9;font-size:13px}.remote-access>small{display:block;margin-top:14px;color:#817b89;line-height:1.5}.remote-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}@media(max-width:680px){.dub-cue{padding:14px 14px 22px}.microphone-control{grid-template-columns:1fr}.microphone-control small{grid-column:auto}.mic-level{margin-bottom:4px}.remote-title{align-items:flex-start;flex-direction:column}.remote-actions{display:grid;grid-template-columns:1fr}.remote-actions button{width:100%}}