*{box-sizing:border-box}html{background:var(--background,#08090c);color-scheme:dark}body{margin:0;background:var(--background,#08090c);color:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.inline{display:inline}.site-header{position:sticky;top:0;z-index:50;height:70px;padding:0 clamp(20px,4vw,70px);display:flex;align-items:center;justify-content:space-between;background:rgba(8,9,12,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.brand{display:flex;align-items:center;font-weight:900;font-size:1.25rem;letter-spacing:-.03em}.brand img{max-height:38px;max-width:180px}.site-header nav{display:flex;align-items:center;gap:22px;font-size:.94rem}.site-header nav>a:hover,.link-button:hover{color:var(--primary)}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:12px 18px;background:var(--primary);color:white;font-weight:800;cursor:pointer}.button:hover{filter:brightness(1.12)}.button.secondary{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14)}.button.small{padding:8px 12px;font-size:.88rem}.button.full{width:100%}.button:disabled{opacity:.45;cursor:not-allowed}.link-button{border:0;background:none;color:inherit;padding:0;cursor:pointer}.danger{color:#ff6b6b!important}.hero{min-height:72vh;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:90px clamp(22px,7vw,120px)}.hero-content{max-width:680px}.eyebrow{display:inline-block;color:var(--primary);font-weight:900;text-transform:uppercase;letter-spacing:.15em;font-size:.72rem}.hero h1,.detail-hero h1{font-size:clamp(2.8rem,7vw,6rem);line-height:.95;letter-spacing:-.065em;margin:15px 0 22px}.hero p{font-size:1.15rem;color:#d1d3d8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.empty-hero{min-height:44vh;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at center,rgba(229,9,20,.18),transparent 50%)}.empty-hero h1{font-size:4rem;margin:0}.catalog-wrap{padding:38px clamp(20px,4vw,70px) 70px}.rail{margin-bottom:48px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.section-heading h2{font-size:1.45rem;margin:0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:22px 16px}.content-card{min-width:0}.poster{position:relative;aspect-ratio:2/3;border-radius:10px;overflow:hidden;background:#151820;box-shadow:0 18px 40px rgba(0,0,0,.22)}.poster img{width:100%;height:100%;object-fit:cover;transition:.25s}.content-card:hover .poster img{transform:scale(1.045)}.poster-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:4rem;font-weight:900;background:linear-gradient(145deg,#242832,#111319)}.play-badge{position:absolute;right:10px;bottom:10px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--primary);box-shadow:0 6px 20px rgba(0,0,0,.4)}.content-card strong{display:block;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-card>span{font-size:.82rem;color:#8f949f}.detail-hero{min-height:calc(100vh - 70px);background-size:cover;background-position:center;display:flex;align-items:center;padding:70px clamp(20px,7vw,120px)}.detail-grid{display:grid;grid-template-columns:minmax(180px,280px) minmax(0,720px);gap:50px;align-items:center}.detail-poster img{aspect-ratio:2/3;object-fit:cover;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.5)}.meta{color:#aeb2ba;font-weight:700}.synopsis{font-size:1.08rem;color:#d2d5db}.status-pill{padding:10px 14px;border-radius:99px;background:rgba(255,255,255,.12)}.episode-list{display:grid;gap:8px}.episode-list a{display:grid;grid-template-columns:110px 1fr auto;gap:15px;align-items:center;padding:17px 20px;background:#12141a;border:1px solid #22252e;border-radius:9px}.episode-list span,.episode-list em{color:#9297a1;font-style:normal}.player-page{max-width:1500px;margin:auto;padding:22px}.player-top{display:flex;align-items:center;gap:22px;margin-bottom:18px}.player-top h1{font-size:1.1rem;margin:0}.video-frame{position:relative;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.auth-page{min-height:calc(100vh - 120px);display:grid;place-items:center;padding:40px 20px;background:radial-gradient(circle at 50% 20%,rgba(229,9,20,.14),transparent 40%)}.panel{background:#111319;border:1px solid #242730;border-radius:12px;box-shadow:0 25px 70px rgba(0,0,0,.18)}.form-card{width:min(440px,100%);padding:30px}.form-card h1{margin-top:0}.form-card label,.form-section label,.upload-panel>label{display:block;margin:16px 0 7px;color:#c8cbd2;font-weight:700;font-size:.9rem}input,select,textarea{width:100%;border:1px solid #30343d;border-radius:8px;background:#090b0f;color:#fff;padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.check{display:flex!important;align-items:center;gap:9px}.check input{width:auto}.error,.flash.error{color:#ffb4b4;background:#47191d;border:1px solid #8e3038;padding:12px;border-radius:8px}.site-footer{padding:35px;text-align:center;color:#6f7480;border-top:1px solid #1d2027}.admin-body{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.admin-sidebar{position:sticky;top:0;height:100vh;padding:26px 18px;background:#090a0e;border-right:1px solid #20232b}.admin-sidebar>span{display:block;margin:28px 8px 12px;color:#666c76;font-size:.68rem;letter-spacing:.15em}.admin-sidebar nav{display:grid;gap:5px}.admin-sidebar nav a{padding:10px 12px;border-radius:7px;color:#c5c8cf}.admin-sidebar nav a:hover{background:#181b22;color:#fff}.admin-main{min-width:0}.admin-header{height:70px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:#0e1015;border-bottom:1px solid #24262e;font-size:1.15rem;font-weight:900}.admin-content{padding:30px;max-width:1500px}.flash{padding:13px 16px;border-radius:8px;margin-bottom:20px}.flash.success{background:#123b28;border:1px solid #246c4b;color:#bff5d6}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.stats>div{padding:23px;background:#111319;border:1px solid #252831;border-radius:11px}.stats strong{display:block;font-size:2.1rem}.stats span{color:#8e939d}.panel-heading,.toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 20px}.panel-heading h2{margin:0;font-size:1.1rem}.toolbar{padding:0 0 20px}.toolbar form{display:flex;gap:8px}.toolbar input{width:320px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid #242730;white-space:nowrap}th{color:#858b96;font-size:.73rem;text-transform:uppercase;letter-spacing:.07em}td small{display:block;color:#6f7480}.row-actions{display:flex;gap:13px;align-items:center}.status{display:inline-flex;padding:4px 9px;border-radius:99px;background:#252933;color:#cbd0d8;font-size:.74rem;font-weight:900;text-transform:uppercase}.status-ready{background:#113d28;color:#8af2bc}.status-processing,.status-uploading,.status-waiting_upload{background:#433711;color:#ffe38a}.status-failed{background:#491a20;color:#ffabb4}.form-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);gap:22px}.form-section{padding:22px}.form-section h2{font-size:1rem;margin:0 0 16px}.form-section h2:not(:first-child){margin-top:28px}.two,.three{display:grid;gap:12px}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.image-preview{margin-top:10px;border-radius:7px;max-height:180px;object-fit:cover}.poster-preview{max-width:120px;max-height:180px}.form-actions{display:flex;gap:10px;margin-top:22px}.upload-panel{max-width:850px;padding:28px}.video-state{display:flex;align-items:center;gap:12px;padding:14px 0}.video-state code{color:#818691}.drop-zone{display:grid!important;place-items:center;text-align:center;min-height:220px;border:2px dashed #3a3e48;border-radius:12px;background:#0b0d11;cursor:pointer}.drop-zone input{width:auto;margin-bottom:15px}.drop-zone span{color:#797f89}.progress-shell{height:15px;background:#252831;border-radius:99px;overflow:hidden;margin-top:20px}.progress-bar{height:100%;width:0;background:var(--primary);transition:width .15s}.upload-panel .actions{margin-bottom:20px}
@media(max-width:900px){.site-header nav>a:not(.button){display:none}.hero{min-height:62vh}.detail-grid{grid-template-columns:1fr}.detail-poster{display:none}.admin-body{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto}.admin-sidebar nav{display:flex;overflow:auto}.admin-main{min-width:0}.stats{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.admin-content{padding:18px}.three{grid-template-columns:1fr}.episode-list a{grid-template-columns:1fr auto}.episode-list a span{display:none}}@media(max-width:560px){.site-header{height:62px}.hero h1,.detail-hero h1{font-size:2.8rem}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 11px}.stats{grid-template-columns:1fr}.two{grid-template-columns:1fr}.toolbar{align-items:stretch;gap:12px;flex-direction:column}.toolbar form,.toolbar input{width:100%}}