:root{color-scheme:dark;--bg:#0b1117;--surface:#121b24;--line:#26323e;--text:#edf2f4;--muted:#96a5b1;--accent:#b1efc4;--accent-text:#11231a;--danger:#ffb7ac;font-family:'DM Sans',system-ui,sans-serif;font-size:16px;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,rgba(51,97,81,.14),transparent 38%),var(--bg);min-height:100vh}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit}button:disabled{cursor:wait;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button,input,select{border-radius:9px}input,select{color:var(--text);background:#111b25;border:1px solid var(--line);min-height:44px;padding:10px 12px}select{padding-right:28px}option{background:#111b25}img{max-width:100%}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{max-width:1380px;margin:auto;padding:27px 44px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.06)}.brand{font-family:Manrope,system-ui,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1px;text-decoration:none;display:flex;gap:5px;align-items:center}.brand-icon{display:grid;place-items:center;width:32px;height:32px;margin-right:7px;border-radius:9px;background:var(--accent);color:var(--accent-text);font-size:14px}.brand-br{color:var(--accent)}.header-note{font-size:12px;letter-spacing:.03em;color:var(--muted);display:flex;gap:8px;align-items:center}.small-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.page-shell{max-width:1292px;padding:0 36px;margin:auto}.discovery{padding:67px 0 42px}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:700;color:var(--accent);margin:0 0 14px}h1,h2,h3{font-family:Manrope,system-ui,sans-serif}h1{font-size:clamp(32px,4.4vw,54px);font-weight:700;letter-spacing:-2px;line-height:1.15;margin:0 0 16px}.intro{font-size:15px;color:var(--muted);margin:0 0 29px}.search-form{display:flex;align-items:center;gap:8px;max-width:900px;background:#111b25;border:1px solid #2a3844;border-radius:12px;padding:7px;box-shadow:0 14px 35px #0002}.search-icon{font-size:29px;color:var(--muted);margin:0 4px 0 9px}.search-form input{border:0;background:transparent;min-width:0;flex:1}.search-form select{border:0;border-left:1px solid var(--line);border-radius:0;background:transparent;font-size:13px;max-width:115px}.button{display:flex;align-items:center;justify-content:center;gap:14px;padding:13px 21px;border:0;font-size:13px;font-weight:700;min-height:46px;white-space:nowrap;transition:background .2s,transform .2s}.primary{background:var(--accent);color:var(--accent-text)}.primary:hover:not(:disabled){background:#caf6d8;transform:translateY(-1px)}.muted{color:var(--muted);font-size:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:17px 0 21px}.section-heading h2{margin:0;font-size:19px;font-weight:600;letter-spacing:-.4px}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:27px 20px}.result-card{padding:0;border:0;background:none;text-align:left;min-width:0;border-radius:10px}.result-card:hover .card-cover{transform:translateY(-4px);border-color:#6c927b}.card-cover{position:relative;aspect-ratio:2/3;border-radius:10px;overflow:hidden;border:1px solid #ffffff0e;background:linear-gradient(145deg,#203c38,#16202b);transition:transform .2s,border-color .2s}.card-cover img{width:100%;height:100%;object-fit:cover;display:block}.card-cover .poster-empty{position:absolute;inset:0}.card-kind{position:absolute;left:9px;top:9px;padding:4px 7px;border-radius:4px;background:#0b1117cc;backdrop-filter:blur(8px);font-size:9px;letter-spacing:.08em;font-weight:700}.card-caption{padding:12px 1px 0}.card-title{display:block;font-size:13px;font-weight:600;line-height:1.45}.card-year{display:block;color:var(--muted);font-size:11px;margin-top:5px}.poster-empty{display:grid;place-items:center;color:#7caa91;font-size:32px}.empty-state{text-align:center;margin:12px 0 70px;padding:52px 20px;border:1px dashed #27333d;border-radius:12px;color:var(--muted)}.empty-symbol{display:inline-grid;place-items:center;font-size:30px;color:#698c7e;width:64px;height:64px;border:1px solid #2b4039;border-radius:17px;background:#16221d}.empty-state h3{font-size:18px;color:var(--text);font-weight:500;margin:19px 0 9px}.empty-state p{font-size:13px;margin:0;line-height:1.7}.status-text{font-size:13px;line-height:1.6;color:var(--muted);margin:10px 0}.status-text:empty{display:none}.status-text.error{color:var(--danger)}
.detail-panel{position:relative;isolation:isolate;overflow:hidden;border:1px solid #2b3a42;border-radius:16px;margin:0 0 42px;background:#111c24}.detail-backdrop{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;opacity:.15;filter:blur(2px)}.detail-panel:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(100deg,#101b24dd,#101b24dd 55%,#101b2480)}.detail-content{display:grid;grid-template-columns:200px 1fr;gap:31px;padding:30px}.detail-poster-wrap{position:relative;aspect-ratio:2/3;align-self:start;border-radius:10px;overflow:hidden;background:#1d2d32;box-shadow:0 15px 30px #0004}.detail-poster{width:100%;height:100%;object-fit:cover;display:block}.detail-poster-wrap .poster-empty{position:absolute;inset:0}.detail-body{min-width:0}.text-button{border:0;background:none;font-size:12px;color:var(--muted);padding:0}.text-button:hover{color:var(--accent)}.back-button{margin-bottom:23px}.detail-body .eyebrow{margin-bottom:9px}.detail-body h2{margin:0 0 14px;font-size:clamp(25px,3vw,35px);line-height:1.2;letter-spacing:-.9px}.overview{font-size:13px;line-height:1.8;color:#b8c4ce;max-width:760px;margin:0 0 22px}.watch-controls{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-top:22px}.watch-controls label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:var(--muted)}.watch-controls select{font-size:12px;min-height:45px;background:#111a23cf}.watch-button{min-width:138px}.watch-description{margin:12px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.control-label{font-size:11px;color:var(--muted);margin-right:10px}.season-select{font-size:12px;min-height:39px}.episode-list{display:flex;flex-direction:column;gap:6px;max-height:205px;overflow:auto;margin-top:13px;padding-right:5px;scrollbar-width:thin;scrollbar-color:#3d504c transparent}.episode-button{display:flex;gap:12px;align-items:center;border:1px solid transparent;background:#15212bbb;text-align:left;padding:10px 13px;font-size:12px}.episode-button:hover{background:#24332f}.episode-button[aria-pressed=true]{background:#21392e;border-color:#507b5d}.episode-number{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border-radius:5px;background:#ffffff08;color:var(--accent);font-size:11px}.episode-name{flex:1}.episode-runtime{color:var(--muted);font-size:10px;white-space:nowrap}.site-footer{max-width:1292px;margin:66px auto 0;padding:25px 36px 33px;border-top:1px solid #ffffff08;display:flex;align-items:center;gap:24px;color:#697c8c}.site-footer>span{font:700 14px Manrope,system-ui,sans-serif;white-space:nowrap}.site-footer p{font-size:10px;line-height:1.6;margin:0}
.player-dialog{width:min(1020px,calc(100% - 40px));max-height:94vh;border:1px solid #35454f;border-radius:15px;padding:0;background:#101820;color:var(--text);box-shadow:0 25px 100px #0009;overflow:auto}.player-dialog::backdrop{background:#03070bdd;backdrop-filter:blur(9px)}.player-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 23px;gap:20px}.player-heading .eyebrow{margin-bottom:7px;font-size:8px}.player-heading h2{font-size:18px;font-weight:600;margin:0}.icon-button{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border:1px solid var(--line);background:#17242e;font-size:13px}.video-wrap{position:relative;background:#000;aspect-ratio:16/9}.video-wrap video{width:100%;height:100%;display:block}.player-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:13px;color:#b7c8c1;background:#000a;font-size:13px;pointer-events:none;padding:20px;text-align:center}.spinner{width:21px;height:21px;border-radius:50%;border:2px solid #7ca38944;border-top-color:var(--accent);animation:spin 1s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.player-details{padding:17px 23px 24px}.player-details>p{margin:0 0 9px;font-size:12px;line-height:1.6}.player-source{color:var(--accent)}.player-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:14px}.audio-track-label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:9px}.audio-track-label select{max-width:290px;font-size:12px;min-height:36px;padding:7px 25px 7px 9px}.error-message{color:var(--danger);padding:12px 14px;border:1px solid #703e38;background:#301e1e;border-radius:7px;margin-top:14px!important}
@media(max-width:760px){.site-header{padding:22px 23px}.page-shell{padding:0 22px}.discovery{padding:43px 0 30px}.intro{font-size:13px}.search-form{flex-wrap:wrap;gap:4px}.search-form input{width:calc(100% - 46px);flex:auto}.search-form select{margin-left:8px;max-width:none;flex:1;border:0}.search-form .button{min-width:130px}.results-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:22px 14px}.detail-content{grid-template-columns:93px 1fr;gap:18px;padding:20px}.detail-poster-wrap{grid-column:1;grid-row:1}.detail-body{display:contents}.back-button{grid-column:2;align-self:start;margin:0;text-align:left}.detail-body>.eyebrow{grid-column:2;margin:-104px 0 0;align-self:center;padding-top:50px}.detail-body>h2{grid-column:2;margin-top:-60px;align-self:start;font-size:23px}.overview,#series-controls,.watch-controls,.watch-description,.detail-body>.status-text{grid-column:1/-1;margin:0}.watch-controls{margin-top:4px;gap:11px}.watch-controls label{flex:1;min-width:130px}.watch-controls select{width:100%;max-width:100%}.watch-button{width:100%;margin-top:3px}.watch-description{font-size:10px}.site-footer{padding:22px;align-items:flex-start}.header-note{font-size:10px}.player-dialog{width:calc(100% - 20px)}.player-heading{padding:16px}.player-heading h2{font-size:15px}.player-details{padding:15px}.player-bottom{flex-wrap:wrap}.audio-track-label{flex-wrap:wrap}.audio-track-label select{max-width:230px}.empty-state{padding:37px 17px}.result-card .card-title{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:760px){.detail-content{display:block}.detail-poster-wrap{float:left;width:88px;margin:0 18px 18px 0}.detail-body{display:block}.back-button{display:block;margin:0 0 14px}.detail-body>.eyebrow{margin:0 0 8px;padding-top:0}.detail-body>h2{margin:0 0 20px;font-size:23px}.overview{clear:both;margin:0 0 20px}.watch-controls{margin-top:20px}.watch-description{margin-top:12px}}
.video-wrap>.video-js{width:100%;height:100%;font-family:"DM Sans",system-ui,sans-serif;font-size:12px;background:#000}.video-js .vjs-control-bar{background:linear-gradient(transparent,#08120fef);height:3.6em}.video-js .vjs-big-play-button{border:1px solid #b1efc499;background:#11231acc;border-radius:50%;width:2.4em;height:2.4em;line-height:2.4em;margin-left:-1.2em;margin-top:-1.2em;color:var(--accent)}.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus{background:#254536}.video-js .vjs-play-progress,.video-js .vjs-volume-level{background:var(--accent)}.video-js .vjs-load-progress div{background:#79988b}.video-js .vjs-slider{background:#34473f}.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content{background:#111e19f5;border-radius:6px}.video-js .vjs-menu li.vjs-selected{background:var(--accent);color:var(--accent-text)}.video-js .vjs-control{border-radius:0}.video-js .vjs-modal-dialog{background:#0b1117ee}.video-wrap>.player-loading{z-index:2}.video-js.vjs-fullscreen{width:100%;height:100%}@media(max-width:520px){.video-wrap>.video-js{font-size:10px}.video-js .vjs-volume-panel{display:none}}
