:root{--bg:#08090c;--panel:#101218;--panel2:#151821;--text:#f7f7fa;--muted:#9da4af;--line:rgba(255,255,255,.09);--accent:#ff3b62;--r:18px;--max:1500px}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.topbar{height:72px;position:fixed;z-index:80;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,5vw);background:linear-gradient(to bottom,rgba(8,9,12,.92),rgba(8,9,12,.55),transparent);backdrop-filter:blur(5px)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:850;letter-spacing:.16em}.brand-mark{display:inline-flex;align-items:flex-end;gap:3px;width:28px;height:28px}.brand-mark i{display:block;width:7px;border-radius:5px;background:linear-gradient(180deg,#ff6d81,#ff3159)}.brand-mark i:nth-child(1){height:19px}.brand-mark i:nth-child(2){height:27px}.brand-mark i:nth-child(3){height:14px}.desktop-nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:28px;font-size:13px;color:#aaa}.desktop-nav a{padding:8px 0}.desktop-nav a.active,.desktop-nav a:hover{color:white}.top-actions{display:flex;align-items:center;gap:10px}.search-btn{font-size:24px;width:38px;height:38px;display:grid;place-items:center}.avatar-mini{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#222631;border:1px solid var(--line);font-size:12px;font-weight:800}.account-menu{display:flex;align-items:center;gap:9px}.admin-link{font-size:11px;background:#20242d;padding:7px 10px;border-radius:999px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:12px 17px;font-weight:750;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn-light{background:#fff;color:#090a0d}.btn-dark,.btn-ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px)}.btn-accent{background:linear-gradient(135deg,#ff3159,#ff653f);color:#fff}.btn.compact{padding:9px 13px;font-size:12px}.wide{width:100%}.flash{position:fixed;z-index:100;top:84px;left:50%;transform:translateX(-50%);padding:11px 16px;border-radius:12px;box-shadow:0 15px 50px #0008}.flash.success{background:#173725;color:#bcf5ce}.flash.error{background:#4a1821;color:#ffc1cc}.kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.13em;font-weight:800;color:#f1f1f1}.kicker i{width:7px;height:7px;border-radius:50%;background:var(--accent,#ff3b62);box-shadow:0 0 18px var(--accent,#ff3b62)}.hero{min-height:82vh;position:relative;display:flex;align-items:flex-end;background-image:var(--hero);background-size:cover;background-position:center 22%;padding:120px max(24px,6vw) 88px}.hero-shade,.series-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,12,.97) 0%,rgba(8,9,12,.72) 40%,rgba(8,9,12,.12) 75%),linear-gradient(0deg,#08090c 0%,transparent 45%)}.hero-content,.series-summary{position:relative;z-index:2;width:min(690px,72vw)}.hero h1,.series-summary h1{font-size:clamp(52px,7vw,96px);line-height:.9;letter-spacing:-.055em;margin:20px 0 18px}.hero-content>p,.series-summary>p{font-size:17px;line-height:1.6;color:#c1c5cc;max-width:600px}.hero-meta{display:flex;align-items:center;gap:12px;margin:22px 0;color:#d8dbe0;font-size:13px}.hero-meta span:first-child{border:1px solid #ffffff36;padding:3px 7px;border-radius:5px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.empty-hero{min-height:65vh;display:flex;align-items:center;padding:120px max(24px,6vw) 70px;background:radial-gradient(circle at 75% 25%,#46182d,transparent 38%),radial-gradient(circle at 20% 20%,#231942,transparent 32%)}.empty-hero>div{max-width:700px}.empty-hero h1{font-size:clamp(44px,6vw,78px);letter-spacing:-.05em;line-height:.96}.empty-hero p{color:var(--muted);font-size:18px}.content-section{max-width:var(--max);margin:0 auto;padding:10px max(18px,4vw) 48px}.section-title{display:flex;justify-content:space-between;align-items:end;margin:0 0 16px}.section-title h2{font-size:23px;letter-spacing:-.025em;margin:0}.section-title a,.section-title>span{font-size:12px;color:#a8adb6}.cards-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,1fr);grid-template-rows:1fr;gap:12px;overflow-x:auto;padding:4px 2px 15px;scrollbar-width:none}.cards-row::-webkit-scrollbar{display:none}.series-card{position:relative;aspect-ratio:2/3;border-radius:15px;overflow:hidden;background:#141720;min-width:0;border:1px solid rgba(255,255,255,.06);transition:.2s}.series-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.18)}.series-card img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s}.series-card:hover img{transform:scale(1.025)}.card-gradient{position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.92))}.card-badge{position:absolute;left:10px;top:10px;font-size:9px;font-weight:800;letter-spacing:.1em;background:#08090caa;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);padding:5px 7px;border-radius:999px}.card-info{position:absolute;left:13px;right:13px;bottom:14px}.card-info small{font-size:9px;letter-spacing:.1em;color:#e7e8eb}.card-info h3{font-size:18px;line-height:1.08;letter-spacing:-.025em;margin:5px 0 4px}.card-info p{font-size:11px;color:#aeb4bd;margin:0}.card-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff22}.card-progress i{display:block;height:100%;background:var(--accent)}.site-footer{max-width:var(--max);margin:25px auto 0;padding:44px max(24px,4vw) 90px;border-top:1px solid var(--line);color:#8f959e}.site-footer>div{display:flex;align-items:center;gap:10px;color:#fff}.site-footer p{font-size:13px}.site-footer small{font-size:11px}.mobile-nav{display:none}
/* Series */.series-detail{padding-bottom:80px}.series-hero{min-height:72vh;position:relative;background-image:var(--hero);background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:120px max(24px,6vw) 70px}.series-summary{max-width:700px}.episodes-section{max-width:1100px;margin:0 auto;padding:30px 24px}.episode-grid{display:flex;flex-direction:column}.episode-row{display:grid;grid-template-columns:170px 1fr 34px;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.episode-thumb{aspect-ratio:16/9;border-radius:11px;overflow:hidden;background:linear-gradient(135deg,#222735,#101217);display:grid;place-items:center;position:relative}.episode-thumb img{width:100%;height:100%;object-fit:cover}.episode-thumb>span{font-size:35px;color:#4a5262;font-weight:800}.episode-thumb b{position:absolute;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#0008;font-size:12px}.episode-copy small{color:#949ba6;font-size:10px;letter-spacing:.08em}.episode-copy h3{margin:5px 0;font-size:18px}.episode-copy p{margin:0;color:#9da4af;font-size:13px;line-height:1.4}.episode-access{color:#a9afb8;text-align:right}
/* Search / library */.explore-page,.library-page{max-width:var(--max);margin:auto;padding:130px max(20px,5vw) 100px}.page-heading{max-width:780px;margin-bottom:26px}.page-heading h1{font-size:clamp(42px,5vw,70px);letter-spacing:-.05em;margin:14px 0 8px}.page-heading p{color:var(--muted)}.search-form{display:flex;gap:8px;max-width:680px;margin:0 0 20px}.search-form input{flex:1;background:#12141a;border:1px solid var(--line);color:#fff;border-radius:12px;padding:13px 15px;outline:none}.search-form input:focus{border-color:#ffffff3d}.search-form button{border:0;border-radius:12px;background:#fff;padding:0 18px;font-weight:750}.category-chips{display:flex;gap:8px;overflow:auto;padding-bottom:18px}.category-chips a{flex:none;padding:8px 12px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:#aaa}.category-chips a.active{background:#fff;color:#08090c}.poster-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.empty-state{border:1px solid var(--line);border-radius:20px;padding:55px 24px;text-align:center;background:#0e1015}.empty-state p{color:var(--muted)}
/* Auth/profile */.auth-page{background:radial-gradient(circle at 20% 5%,#321229,transparent 34%),#08090c}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:110px 18px 60px}.auth-card{width:min(460px,100%);background:#101218;border:1px solid var(--line);border-radius:24px;padding:30px}.brand.solo{margin-bottom:30px}.auth-card h1{font-size:36px;letter-spacing:-.04em;margin:0 0 10px}.auth-card>p{color:var(--muted);line-height:1.5;font-size:14px}.auth-card form{display:flex;flex-direction:column;gap:13px;margin-top:25px}.auth-card label,.profile-form label{font-size:11px;color:#a8aeba;display:flex;flex-direction:column;gap:7px}.auth-card input,.profile-form input{background:#090b0f;border:1px solid #262a34;color:#fff;border-radius:11px;padding:13px 14px;outline:none}.auth-card input:focus,.profile-form input:focus{border-color:#ff4d6e}.auth-bottom{text-align:center;color:#888;font-size:12px;margin-top:20px}.auth-bottom a{color:#fff}.form-error{background:#401720;color:#ffbdc8;padding:10px 12px;border-radius:10px;font-size:12px}.account-page{min-height:100vh;padding:130px 20px 100px;display:flex;justify-content:center}.account-card{width:min(650px,100%)}.profile-head{display:flex;align-items:center;gap:18px;padding-bottom:26px;border-bottom:1px solid var(--line)}.profile-avatar{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#242833;font-weight:900;font-size:26px}.profile-head small{font-size:9px;letter-spacing:.14em;color:#ff7188}.profile-head h1{margin:3px 0 1px}.profile-head p{margin:0;color:var(--muted);font-size:13px}.profile-form{padding:25px 0;display:flex;gap:12px;align-items:end}.profile-form label{flex:1}.account-links{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.account-links a{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line)}.account-links a:last-child{border:0}.logout-form{margin-top:22px}.text-danger{background:none;border:0;color:#ff7389;padding:0}
/* Watch */.watch-page{background:#000;overflow:hidden}.watch-shell{height:100dvh;display:flex;flex-direction:column;align-items:center;position:relative}.video-stage{height:calc(100dvh - 52px);aspect-ratio:9/16;max-width:100vw;position:relative;background:#08090c;overflow:hidden}.video-stage video{width:100%;height:100%;object-fit:cover;display:block}.watch-top{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:20;width:min(calc((100dvh - 52px)*.5625),100vw);padding:18px 15px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;background:linear-gradient(#000b,transparent)}.watch-top>div{text-align:center;display:flex;flex-direction:column}.watch-top small{font-size:8px;letter-spacing:.14em;color:#ddd}.watch-top strong{font-size:12px}.watch-back,.watch-more{width:36px;height:36px;border-radius:50%;background:#0006;border:1px solid #ffffff20;color:#fff;display:grid;place-items:center}.watch-more{font-size:18px}.tap-layer{position:absolute;inset:0;display:grid;place-items:center;z-index:5}.big-play{width:66px;height:66px;border-radius:50%;border:1px solid #ffffff30;background:#0007;color:#fff;font-size:25px;backdrop-filter:blur(8px);transition:.2s}.tap-layer.playing .big-play{opacity:0;pointer-events:none}.watch-controls{position:absolute;left:0;right:0;bottom:0;z-index:13;padding:85px 14px 12px;background:linear-gradient(transparent,#000c);opacity:0;transition:.2s}.video-stage:hover .watch-controls{opacity:1}.progress-track{height:4px;background:#ffffff35;border-radius:4px;cursor:pointer}.progress-track i{display:block;height:100%;width:0;background:#fff;border-radius:4px}.control-row{display:flex;align-items:center;gap:10px;margin-top:10px}.control-row button{background:transparent;border:0;color:#fff;font-size:16px}.control-row span{font-size:10px;color:#ccc;flex:1}.watch-copy{position:absolute;z-index:12;left:17px;right:72px;bottom:55px;text-shadow:0 2px 10px #000}.watch-copy small{font-size:9px;letter-spacing:.12em}.watch-copy h1{font-size:25px;line-height:1.05;margin:6px 0}.watch-copy p{font-size:12px;line-height:1.4;color:#ddd;margin:0}.watch-actions{position:absolute;z-index:12;right:10px;bottom:52px;width:54px;display:flex;flex-direction:column;align-items:center;gap:5px}.round-action{width:43px;height:43px;border-radius:50%;background:#0007;border:1px solid #ffffff26;color:#fff;font-size:18px;backdrop-filter:blur(8px)}.watch-actions span{font-size:8px;margin-bottom:7px}.episode-dots{height:52px;width:min(calc((100dvh - 52px)*.5625),100vw);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;font-size:10px;background:#08090c}.episode-dots a:last-child{text-align:right}.episode-dots b{font-size:10px}.locked-screen,.no-video{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:radial-gradient(circle at 50% 35%,#43162b,#090a0d 48%);z-index:4}.locked-screen>* ,.no-video>*{max-width:310px}.lock-big{font-size:36px}.locked-screen small{letter-spacing:.14em;color:#aaa;margin-top:13px}.locked-screen h2,.no-video h2{font-size:30px;letter-spacing:-.035em;margin:8px 0}.locked-screen p,.no-video p{font-size:13px;color:#aaa;line-height:1.5}.locked-screen .btn{margin-top:10px}.locked-screen .text-link{font-size:11px;color:#bbb;margin-top:15px}
@media(max-width:1000px){.poster-grid{grid-template-columns:repeat(4,1fr)}.cards-row{grid-auto-columns:minmax(160px,28%)}.desktop-nav{display:none}}
@media(max-width:700px){.topbar{height:60px;padding:0 16px}.brand-word{font-size:12px}.top-actions .search-btn,.admin-link{display:none}.hero{min-height:72vh;padding:95px 18px 62px;background-position:62% center}.hero-shade{background:linear-gradient(0deg,#08090c 0%,rgba(8,9,12,.62) 50%,rgba(8,9,12,.12)),linear-gradient(90deg,rgba(8,9,12,.35),transparent)}.hero-content,.series-summary{width:100%}.hero h1,.series-summary h1{font-size:50px}.hero-content>p,.series-summary>p{font-size:14px}.hero-meta{font-size:11px;flex-wrap:wrap}.content-section{padding:5px 15px 35px}.section-title h2{font-size:20px}.cards-row{grid-auto-columns:44%;gap:9px}.series-card{border-radius:12px}.card-info h3{font-size:16px}.mobile-nav{display:flex;position:fixed;z-index:70;bottom:0;left:0;right:0;height:66px;padding-bottom:env(safe-area-inset-bottom);background:#0c0e13ee;border-top:1px solid var(--line);backdrop-filter:blur(14px);justify-content:space-around}.mobile-nav a{width:25%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#888;font-size:9px}.mobile-nav a b{font-size:18px;font-weight:400}.mobile-nav a.active{color:#fff}.site-footer{padding-bottom:100px}.series-hero{min-height:65vh;padding:100px 18px 45px;background-position:62% center}.series-hero-shade{background:linear-gradient(0deg,#08090c 0%,rgba(8,9,12,.72) 55%,rgba(8,9,12,.15))}.episodes-section{padding:22px 15px}.episode-row{grid-template-columns:115px 1fr 18px;gap:12px}.episode-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.explore-page,.library-page{padding:95px 15px 90px}.page-heading h1{font-size:42px}.poster-grid{grid-template-columns:repeat(2,1fr);gap:10px}.search-form{position:relative}.search-form button{padding:0 13px}.profile-form{flex-direction:column;align-items:stretch}.watch-page{overscroll-behavior:none}.video-stage{height:calc(100dvh - 48px);width:100vw;aspect-ratio:auto}.watch-top{width:100vw;padding-top:max(14px,env(safe-area-inset-top))}.episode-dots{width:100vw;height:48px}.watch-controls{display:none}.watch-copy{bottom:45px}.watch-actions{bottom:42px}}
.password-card{padding:24px 0;border-top:1px solid var(--line)}.password-card h2{font-size:16px;margin:0 0 14px}.password-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.password-form label{font-size:10px;color:#999;display:flex;flex-direction:column;gap:7px}.password-form input{background:#090b0f;border:1px solid #262a34;color:#fff;border-radius:11px;padding:11px 12px}@media(max-width:700px){.password-form{grid-template-columns:1fr}.password-form .btn{width:100%}}