:root{color-scheme:dark;--bg:#111419;--panel:#1b1f27;--muted:#9299a8;--line:#2c323e;--accent:#eeb979;--ink:#f2f0ed}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 "Segoe UI",Arial,sans-serif}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer;border:0;transition:background .15s,transform .15s}button:disabled{opacity:.5;cursor:default}button:hover:not(:disabled){transform:translateY(-1px)}a{color:var(--accent);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 0%,#44322833,transparent 48%),radial-gradient(ellipse at 0% 75%,#26294455,transparent 45%)}header,main,footer{max-width:1260px;margin:auto;padding:0 40px}header{height:115px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;color:var(--ink);font-size:15px;letter-spacing:2px;font-weight:650}.brand b{font-weight:400;color:var(--accent)}.brand small{display:block;font-size:11px;letter-spacing:.3px;color:var(--muted);font-weight:400;margin-top:2px}.brand-icon{display:grid;place-items:center;width:42px;height:42px;background:var(--accent);color:#292117;border-radius:12px;font-size:25px}.eyebrow{color:var(--accent);letter-spacing:2.3px;font-size:11px;font-weight:650}h1,h2,h3,p{margin-top:0}h1{font-size:42px;line-height:1.2;letter-spacing:-1.5px;font-weight:600;margin:10px 0 16px}h2{font-size:23px;letter-spacing:-.4px;font-weight:600}h3{font-size:18px}.muted{color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:20px}.primary,.secondary,.quiet{padding:12px 20px;border-radius:10px;font-weight:600}.primary{background:var(--accent);color:#282016}.primary:hover{background:#f6c893}.secondary{background:#303645;color:var(--ink)}.quiet{background:transparent;color:var(--muted);font-weight:400;padding:9px 12px}.quiet:hover{color:var(--ink);background:#ffffff08}.login-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center;min-height:calc(100vh - 190px);padding:55px 0}.intro h1{font-size:58px;line-height:1.13;margin:22px 0}.intro h1 span{color:var(--accent)}.intro p{color:var(--muted);font-size:17px}.intro-art{height:165px;margin-top:32px;position:relative;overflow:hidden;border-radius:18px;border:1px solid #eeb97925;background:linear-gradient(125deg,#333347,#201d21 70%)}.intro-art>span{position:absolute;right:50px;top:-58px;font-size:190px;color:#eeb97930;transform:rotate(-8deg)}.intro-art i{position:absolute;width:150px;height:150px;right:15px;top:20px;border:1px solid #eeb97936;border-radius:50%}.intro-art b{position:absolute;bottom:20px;left:25px;font-size:10px;letter-spacing:3px;color:var(--muted);font-weight:400}.login-panel{padding:36px;max-width:440px;width:100%;justify-self:end}.login-panel h2{margin:12px 0}.login-panel label{display:block;margin:20px 0 0}.login-panel .primary{width:100%;margin-top:27px;text-align:left;display:flex;justify-content:space-between}.login-foot{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.error{color:#ffb4a7;margin:15px 0 0}label{color:var(--muted);font-size:12px}input,select{color:var(--ink);border:1px solid var(--line);background:#141820;padding:11px 13px;border-radius:9px;max-width:100%;outline:none}label input,label select{display:block;width:100%;margin-top:7px;font-size:15px}.login-panel input{height:45px}#account{display:flex;align-items:center;gap:15px;font-size:13px}#profile-name{color:var(--accent)}#library-view,#work-view{padding:42px 0 65px}.section-top,.collection-bar,.work-header,.episodes-top,.player-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.section-top p{margin-bottom:0}.status-pill{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid var(--line);border-radius:30px;padding:8px 13px;font-size:11px;color:var(--muted)}.status-pill i{background:#7caf9d;width:6px;height:6px;border-radius:50%}.search-box{display:flex;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:8px 8px 8px 20px;margin:32px 0 36px;gap:15px;align-items:center}.search-box>span{font-size:29px;color:var(--muted)}.search-box input{border:0;background:transparent;flex:1;min-width:0;padding:10px 0}.collection-bar{margin-bottom:18px}.collection-bar>div{display:flex;align-items:baseline;gap:13px}.collection-bar h2{margin:0}.collection-bar select{max-width:320px}.catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.work-card{text-align:left;background:transparent;color:var(--ink);padding:0;min-width:0}.cover{height:160px;position:relative;overflow:hidden;border-radius:13px;background:linear-gradient(140deg,#30394d,#29212b);border:1px solid #ffffff0d;display:flex;align-items:center;justify-content:center}.cover span{font-size:58px;font-weight:300;opacity:.24;letter-spacing:-3px}.cover:after{content:"";position:absolute;right:-20px;bottom:-55px;border:1px solid #eeb97938;width:180px;height:180px;border-radius:50%}.cover b{position:absolute;bottom:13px;left:15px;font-size:10px;letter-spacing:2px;color:#eee9df99;font-weight:400}.work-card:nth-child(3n+2) .cover{background:linear-gradient(140deg,#24403e,#202a31)}.work-card:nth-child(3n+3) .cover{background:linear-gradient(140deg,#483439,#28252d)}.work-card h3{margin:13px 0 3px;font-size:15px;line-height:1.5}.work-card small{color:var(--muted);font-size:11px}.empty{text-align:center;border:1px dashed var(--line);padding:60px 20px;border-radius:16px}.empty>span{color:var(--accent);font-size:36px}.empty h3{margin-top:10px}.empty p{color:var(--muted);margin-bottom:0}.back{padding-left:0;margin-bottom:25px}.work-header h1{font-size:34px;max-width:830px}.work-header .primary{flex-shrink:0}.work-controls{padding:20px;display:flex;gap:20px;align-items:end;margin:20px 0 30px}.work-controls label:first-child{flex:1}.work-controls input{width:90px}.work-controls button{margin-bottom:1px}.player-panel{border:1px solid var(--line);background:#0b0d11;border-radius:18px;overflow:hidden;margin-bottom:35px;padding:20px}.player-top h2{font-size:18px;margin:0}.player-panel video{width:100%;max-height:65vh;background:#000;display:block;border-radius:10px;margin:15px 0}.player-panel p{font-size:12px;margin-bottom:0}.episodes-top h2{margin:0}.episodes-top h2 span{font-size:13px;color:var(--muted);font-weight:400;margin-left:8px}#episode-hint{font-size:13px;margin:14px 0}.episodes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}.episode{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:16px 12px;text-align:left;border-radius:11px;min-height:91px;display:flex;flex-direction:column;justify-content:space-between}.episode strong{font-size:14px;font-weight:500}.episode small{color:var(--muted);font-size:10px;margin-top:7px}.episode.ready{border-color:#eeb97955}.episode.ready small{color:var(--accent)}.episode.watched strong:after{content:" ✓";color:#8ebca7}.episode.pending small{color:#9fb0da}.episode.failed small{color:#ffb4a7}#more-episodes,#more-catalog{display:block;margin:25px auto}#manual-progress{margin-top:30px;padding:18px 22px}summary{cursor:pointer;font-size:14px}.range-form{display:flex;gap:15px;align-items:end;flex-wrap:wrap;margin-top:20px}.range-form input{width:90px}.range-form select{min-width:120px}#manual-progress p{font-size:12px;margin:18px 0 0}.source-links{margin-top:25px;display:flex;gap:12px;flex-wrap:wrap;font-size:12px}.source-links a{padding:7px 12px;border:1px solid var(--line);border-radius:8px}footer{border-top:1px solid var(--line);padding-top:22px;padding-bottom:25px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90vw;background:#303744;border:1px solid #59616c;color:#fff;padding:13px 22px;border-radius:12px;box-shadow:0 8px 40px #0009;z-index:9;font-size:14px}
@media(max-width:1000px){.login-layout{gap:35px}.intro h1{font-size:46px}.catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.episodes{grid-template-columns:repeat(4,minmax(0,1fr))}.work-header{align-items:start;flex-direction:column}.status-pill{display:none}.work-controls{flex-wrap:wrap}.work-controls label:first-child{min-width:200px}}@media(max-width:650px){header,main,footer{padding-left:20px;padding-right:20px}header{height:90px}.brand{font-size:12px;letter-spacing:1px}.brand small{font-size:9px}.brand-icon{width:35px;height:35px;font-size:22px}#account{gap:2px;flex-direction:column;align-items:end;font-size:10px}.quiet{font-size:12px;padding:7px}.login-layout{display:block;padding:35px 0}.intro h1{font-size:36px;margin:15px 0}.intro-art{display:none}.intro p{font-size:14px}.login-panel{max-width:none;padding:25px;margin-top:30px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.cover{height:125px}.cover span{font-size:42px}h1{font-size:32px}.collection-bar{align-items:start;flex-direction:column;gap:10px}.collection-bar select{width:100%;max-width:none}.search-box{gap:10px;padding-left:12px}.search-box button{padding:10px 14px}.episodes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.episode{padding:12px 9px;min-height:85px}.episode strong{font-size:12px}.episode small{font-size:9px}.work-header h1{font-size:27px}.work-controls{padding:15px;gap:12px}.work-controls label:first-child{width:100%;flex:auto}.work-controls button{font-size:12px;flex:1}.player-panel{padding:10px}.player-top h2{font-size:14px}.range-form{gap:12px}.range-form button{width:100%}.source-links{gap:8px}footer span:last-child{letter-spacing:0}}

/* Fluid layout: fit the available screen, preserve browser accessibility zoom. */
html{width:100%;-webkit-text-size-adjust:100%}body{min-width:0;overflow-wrap:anywhere}main,section,.panel,.work-header>div,.collection-bar>div{min-width:0}img,video{max-width:100%}input,select{font-size:16px}label input,label select{font-size:16px}button{min-height:44px}header,main,footer{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}#account{min-width:0}#profile-name{max-width:140px;overflow:hidden;text-overflow:ellipsis}.collection-bar>div{flex-wrap:wrap}.source-links a{overflow-wrap:anywhere}.work-controls label:first-child{min-width:0}.episodes-top{flex-wrap:wrap}.episodes-top h2 span{display:inline-block}.work-header .primary{max-width:100%;white-space:normal}#toast{bottom:max(20px,env(safe-area-inset-bottom))}
.video-stage{position:relative;background:#000;border-radius:10px;overflow:hidden;isolation:isolate;margin:15px 0;aspect-ratio:16/9}.player-panel .video-stage video{width:100%;height:100%;max-height:none;object-fit:contain;margin:0;border-radius:0}.video-gestures{position:absolute;inset:0;width:100%;height:100%;background:transparent;border-radius:0;touch-action:manipulation;z-index:1;transform:none!important}.video-controls{position:absolute;bottom:0;left:0;right:0;padding:25px 12px 8px;background:linear-gradient(transparent,#000d);z-index:3;transition:opacity .15s}.video-controls.controls-hidden{opacity:0;pointer-events:none}.video-controls input{width:100%;padding:0;margin:0;accent-color:var(--accent);height:28px;touch-action:pan-x}.video-toolbar{display:flex;align-items:center;gap:4px}.video-toolbar button,.fullscreen-exit{background:#151923aa;color:#fff;border-radius:8px;min-width:44px;padding:8px;transform:none!important}.video-toolbar button:last-child{margin-left:auto}.video-toolbar span{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.fullscreen-exit{position:absolute;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));z-index:4}.seek-feedback{position:absolute;top:35%;left:50%;transform:translateX(-50%);border-radius:30px;background:#000a;padding:12px 18px;pointer-events:none;z-index:2}.player-help{font-size:12px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.video-stage:fullscreen,.video-stage.viewport-fullscreen{width:100%;height:100%;max-width:none;aspect-ratio:auto;border-radius:0;margin:0;background:#000}.video-stage.viewport-fullscreen{position:fixed;inset:0;z-index:1000;height:100dvh}.video-stage:fullscreen .video-controls,.video-stage.viewport-fullscreen .video-controls{padding-bottom:max(8px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}body.player-expanded{overflow:hidden}
@media(min-width:651px){header,main,footer{padding-left:max(40px,env(safe-area-inset-left));padding-right:max(40px,env(safe-area-inset-right))}}
@media(max-width:650px){header{height:auto;min-height:80px;padding-top:12px;padding-bottom:12px;gap:12px}.brand{min-width:0;gap:9px;letter-spacing:.5px}.brand-icon{flex-shrink:0}#account{flex-shrink:0}#profile-name{max-width:105px}#library-view,#work-view{padding-top:26px}.search-box{margin:24px 0}.collection-bar>div{gap:6px 12px}.work-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.work-controls label:first-child{grid-column:1/-1;width:auto}.work-controls input{width:100%}.work-controls button{align-self:end;padding:10px}.episodes{grid-template-columns:repeat(2,minmax(0,1fr))}.episode{min-height:94px;padding:14px 12px}.episode strong{font-size:14px}.episode small{font-size:12px}.range-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.range-form label:first-child{grid-column:1/-1}.range-form input,.range-form select{width:100%;min-width:0}.range-form button{grid-column:1/-1}.login-panel{padding:22px}.intro h1{font-size:clamp(28px,8vw,36px)}.work-header h1{font-size:clamp(24px,7vw,30px);letter-spacing:-.6px}footer{gap:12px;flex-wrap:wrap}.video-toolbar{gap:0}.video-toolbar span{font-size:11px}.video-toolbar button{padding:6px;min-width:40px}.video-controls{padding:20px 6px 4px}.player-panel{padding:8px}.player-top{gap:8px}.player-top h2{min-width:0}.login-layout{min-height:calc(100svh - 160px)}}
@media(orientation:landscape) and (max-height:500px){.video-stage:fullscreen .video-controls,.video-stage.viewport-fullscreen .video-controls{padding-top:12px}.fullscreen-exit{top:8px}}
.gesture-left,.gesture-right{position:absolute;top:0;bottom:0;width:35%}.gesture-left{left:0}.gesture-right{right:0}
.fullscreen-exit{transition:opacity .25s}.fullscreen-exit.controls-hidden{opacity:0;pointer-events:none}

.embedded-stage{aspect-ratio:16/9;width:100%;background:#000;border-radius:10px;overflow:hidden;margin:15px 0}.embedded-stage iframe{border:0;display:block;width:100%;height:100%}

.quality-control{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));z-index:4;color:#fff;font-size:11px;gap:2px}.quality-control select{width:110px;padding:6px 8px;background:#151923dc;color:#fff;font-size:12px;min-height:32px}

#video-resolution{font-size:11px;color:#fff;background:#151923dc;padding:2px 4px;border-radius:4px;text-align:center}

/* Donghua Home cinema: shared controls for native media. */
.player-panel{padding:0;background:#101216;border-color:#eeb97926;box-shadow:0 16px 60px #0003}.player-top{padding:17px 22px;border-bottom:1px solid #ffffff09}.player-top h2{font-weight:500;font-size:16px}.video-stage{margin:0;border-radius:0;background:#050607}.player-help{padding:13px 22px;border-top:1px solid #ffffff08}.player-panel>p{padding:0 22px 15px;color:var(--muted)}
.video-controls{padding:52px 20px 14px;background:linear-gradient(transparent,#070a10e8 60%,#070a10fa);transition:opacity .25s,transform .25s}.video-controls.controls-hidden{transform:translateY(8px)}.video-toolbar{gap:4px;height:42px}.video-toolbar button{display:grid;place-items:center;border-radius:10px;background:transparent;color:#f5f1eb;min-width:40px;width:40px;padding:9px}.video-toolbar button:hover{background:#eeb97920;color:var(--accent)}.video-toolbar svg{width:22px;height:22px}.video-toolbar #video-play{color:var(--accent)}.video-toolbar button:last-child{margin-left:0}.video-toolbar span{font-size:12px;letter-spacing:.2px}.toolbar-spacer{flex:1}.video-controls #video-seek{appearance:none;-webkit-appearance:none;height:4px;border:0;border-radius:8px;display:block;margin:8px 0 12px;cursor:pointer;outline-offset:7px}.video-controls #video-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #eeb97925}.video-controls #video-seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--accent)}.video-controls #video-volume{width:65px;height:4px;margin:0 7px 0 0;accent-color:var(--accent);padding:0;cursor:pointer}
.video-heading{position:absolute;top:0;left:0;right:0;z-index:2;padding:18px 22px;background:linear-gradient(#080b12bb,transparent);display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none;transition:opacity .25s}.video-heading.controls-hidden{opacity:0}.cinema-brand{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:21px}.cinema-brand b{color:#f2f0edb3;font-size:10px;letter-spacing:2px;font-weight:500}.video-heading #video-resolution{font-size:10px;padding:3px 7px;background:#080b1277;border:1px solid #ffffff25;border-radius:6px;letter-spacing:.6px}.resolution-badge:empty{display:none}.center-play{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%)!important;display:grid;place-items:center;width:68px;height:68px;min-height:68px;border-radius:50%;background:#eeb979ee;color:#2b2115;border:1px solid #f9dcb0;box-shadow:0 0 0 9px #eeb97912,0 8px 40px #0007}.center-play svg{width:28px;height:28px;margin-left:3px}.center-play:hover{background:#f4ca96}.seek-feedback{backdrop-filter:blur(10px);border:1px solid #eeb97940;color:var(--accent);font-size:14px;white-space:nowrap}.fullscreen-exit{font-size:12px;top:64px;right:20px;background:#10151bcc;border:1px solid #ffffff20;min-height:36px;padding:5px 12px}
.video-settings-panel{position:absolute;right:20px;bottom:94px;z-index:5;width:245px;padding:18px;background:#161b23f5;border:1px solid #eeb97930;border-radius:14px;box-shadow:0 12px 40px #0009;backdrop-filter:blur(18px)}.settings-title{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:14px}.video-settings-panel label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;font-size:12px;color:#c7c9d0}.video-settings-panel select{width:116px;padding:6px 8px;margin:0;font-size:13px;min-height:36px;background:#0d121a}.video-settings-panel small{font-size:10px;color:var(--muted);line-height:1.4;display:block;margin-top:12px}.video-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;pointer-events:none;z-index:2;background:#080b1240;font-size:13px;color:#f2f0ed}.video-loading>span{width:24px;height:24px;border:2px solid #eeb97940;border-top-color:var(--accent);border-radius:50%;animation:video-spin .8s linear infinite}@keyframes video-spin{to{transform:rotate(360deg)}}
@media(max-width:650px){.player-top{padding:12px 14px}.player-top h2{font-size:14px}.player-help{padding:10px 14px;font-size:10px}.player-panel>p{padding:0 14px 12px;font-size:10px}.video-heading{padding:10px 12px}.cinema-brand{font-size:16px}.cinema-brand b{font-size:8px;letter-spacing:1px}.video-heading #video-resolution{font-size:9px;padding:2px 5px}.video-controls{padding:32px 7px 5px}.video-toolbar{height:36px;gap:0}.video-toolbar button{width:33px;min-width:33px;min-height:36px;padding:7px}.video-toolbar svg{width:20px;height:20px}.video-toolbar #video-time{font-size:10px;letter-spacing:0}.video-controls #video-volume,#video-pip{display:none!important}.video-controls #video-seek{margin:4px 0 8px}.center-play{width:48px;height:48px;min-height:48px;box-shadow:0 0 0 6px #eeb97912}.center-play svg{width:22px;height:22px}.video-settings-panel{right:8px;bottom:62px;padding:10px 12px;width:230px;max-height:calc(100% - 68px);overflow:auto;border-radius:10px}.settings-title{margin-bottom:4px;font-size:12px}.video-settings-panel label{margin:6px 0}.video-settings-panel small{display:none}.fullscreen-exit{top:43px;right:10px}}
@media(prefers-reduced-motion:reduce){.video-controls,.video-heading{transition:none}.video-loading>span{animation:none}}

.video-controls #video-seek{height:28px;margin:0 0 2px}.video-controls #video-seek::-webkit-slider-runnable-track{height:4px}.video-controls #video-seek::-webkit-slider-thumb{margin-top:-4px}.video-controls #video-seek::-moz-range-track{height:4px;background:transparent}

.stream-error{border:1px solid #eeb97940;background:#eeb9790c;border-radius:10px;padding:12px 16px;font-size:13px;color:#c9c3ba}.stream-error a{text-decoration:underline}
.video-loading{padding:24px;text-align:center}.video-loading>span{flex-shrink:0}.video-loading b{font-weight:400;max-width:420px;line-height:1.5}

.video-settings-panel{scrollbar-width:thin;scrollbar-color:#eeb97960 transparent}.video-settings-panel::-webkit-scrollbar{width:5px}.video-settings-panel::-webkit-scrollbar-thumb{background:#eeb97960;border-radius:5px}@media(max-width:650px){.video-settings-panel{padding:8px 10px;bottom:58px;max-height:calc(100% - 62px)}.settings-title{font-size:11px;line-height:1.4;margin-bottom:2px}.video-settings-panel label{font-size:11px;margin:3px 0}.video-settings-panel select{min-height:32px;font-size:12px;padding:4px 6px}}