:root{--bg:#07111f;--bg2:#0b1728;--panel:#101f33;--panel2:#14263d;--text:#f7fbff;--muted:#9fb0c5;--accent:#3b82f6;--accent2:#60a5fa;--line:rgba(255,255,255,.1);--shadow:0 24px 80px rgba(0,0,0,.35);--radius:16px}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% -10%,rgba(37,99,235,.16),transparent 35%),var(--bg)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}main{min-height:calc(100vh - 80px)}.muted{color:var(--muted)}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.17em;color:var(--accent2);margin-bottom:10px}.topbar{position:fixed;z-index:50;left:0;right:0;top:0;height:72px;display:flex;align-items:center;gap:28px;padding:0 clamp(18px,4vw,64px);background:linear-gradient(180deg,rgba(4,9,17,.9),rgba(4,9,17,0));transition:.25s}.topbar.scrolled{background:rgba(5,13,24,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:9px;font-size:1.08rem;font-weight:900;letter-spacing:.035em;white-space:nowrap}.brand>span:last-child>span{color:var(--accent2)}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:linear-gradient(135deg,var(--accent2),#2563eb);box-shadow:0 8px 24px rgba(59,130,246,.32);color:white}.main-nav{display:flex;gap:22px;font-size:.93rem;font-weight:650}.main-nav a,.logout-link{color:#cbd6e4;transition:.2s}.main-nav a:hover,.logout-link:hover{color:#fff}.nav-search{margin-left:auto}.nav-search input{width:190px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#fff;padding:9px 14px;outline:none}.nav-search input:focus{border-color:rgba(96,165,250,.65);width:230px}.account-menu{display:flex;align-items:center;gap:8px;font-size:.86rem}.avatar-dot{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#1d4ed8;font-weight:800}.account-name{font-weight:700}.logout-link{margin-left:5px}.hero{min-height:72vh;display:flex;align-items:flex-end;padding:150px clamp(22px,6vw,90px) 90px;background-size:cover;background-position:center;position:relative}.hero-content{max-width:680px;position:relative;z-index:2}.hero h1{font-size:clamp(2.7rem,6vw,5.7rem);line-height:.92;margin:0 0 20px;letter-spacing:-.055em;text-shadow:0 4px 30px rgba(0,0,0,.35)}.hero p{font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.65;color:#d6e0ed;max-width:650px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#d2dce9;font-weight:650}.hero-meta span{opacity:.45}.hero-actions{display:flex;gap:10px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:12px 19px;font-weight:800;cursor:pointer;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:#fff;color:#07111f}.btn-primary:hover{background:#dcecff}.btn-secondary,.btn-glass{background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px)}.btn-wide{width:100%;padding:14px}.content-shell{padding:0 clamp(18px,4vw,64px) 30px}.home-rows{margin-top:-28px;position:relative;z-index:4}.media-row{margin:0 0 38px}.row-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px}.row-heading h2{font-size:1.3rem;margin:0}.row-more{color:var(--muted);font-size:.9rem}.card-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(148px,14vw);gap:13px;overflow-x:auto;overscroll-behavior-inline:contain;padding:2px 2px 14px;scrollbar-width:thin}.media-card{min-width:0;transition:.2s}.media-card:hover{transform:translateY(-5px)}.media-art{aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#152942,#0b1626);position:relative;box-shadow:0 12px 30px rgba(0,0,0,.25)}.media-art img{width:100%;height:100%;object-fit:cover;display:block}.image-missing:before{content:"S";position:absolute;inset:0;display:grid;place-items:center;font-size:3rem;font-weight:900;color:rgba(255,255,255,.14)}.card-play{position:absolute;inset:auto 10px 10px auto;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#07111f;opacity:0;transform:scale(.85);transition:.2s;font-size:.8rem}.media-card:hover .card-play{opacity:1;transform:scale(1)}.media-name{font-weight:750;font-size:.92rem;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-meta{font-size:.78rem;color:var(--muted);margin-top:3px}.progress-track{position:absolute;bottom:0;left:0;right:0;height:4px;background:rgba(255,255,255,.3)}.progress-track span{display:block;height:100%;background:var(--accent2)}.page-shell{padding:120px clamp(18px,4vw,64px) 50px}.page-shell.narrow{max-width:900px;margin:auto}.page-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.page-heading h1{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.04em;margin:0}.poster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:26px 14px}.big-search{display:flex;max-width:720px;gap:10px;margin:20px 0 35px}.big-search input{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:11px;color:#fff;padding:14px 16px;outline:none}.details-loading,.loading-state,.empty-state{min-height:220px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted)}.spinner{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.18);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state{margin:120px auto;max-width:550px;text-align:center;padding:34px;border:1px solid rgba(248,113,113,.24);background:rgba(127,29,29,.13);border-radius:var(--radius)}.error-state strong{font-size:1.25rem}.error-state p{color:#fecaca}.detail-hero{min-height:78vh;padding:175px clamp(22px,6vw,90px) 90px;display:flex;align-items:flex-end;background-size:cover;background-position:center}.detail-copy{max-width:760px}.detail-copy h1{font-size:clamp(2.7rem,6vw,5.6rem);line-height:.95;letter-spacing:-.05em;margin:0 0 18px}.detail-overview{font-size:1.05rem;line-height:1.7;color:#d7e1ee}.detail-facts{margin-top:28px;display:grid;gap:7px;color:#d7e1ee;font-size:.9rem}.detail-facts span{display:inline-block;min-width:64px;color:#7f93aa}.episodes-section{padding:0 clamp(18px,6vw,90px) 60px}.episodes-section select{background:var(--panel);color:#fff;border:1px solid var(--line);padding:9px 36px 9px 12px;border-radius:8px}.episode-list{display:grid;gap:11px}.episode-card{display:grid;grid-template-columns:minmax(190px,320px) 1fr;gap:20px;padding:12px;border-radius:14px;transition:.18s}.episode-card:hover{background:rgba(255,255,255,.055)}.episode-art{position:relative;aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:var(--panel)}.episode-art img{width:100%;height:100%;object-fit:cover}.episode-play{position:absolute;inset:0;display:grid;place-items:center;font-size:1.7rem;text-shadow:0 4px 15px #000}.episode-copy{align-self:center}.episode-top{display:flex;justify-content:space-between;gap:10px}.episode-top span{color:var(--muted);font-size:.85rem;white-space:nowrap}.episode-copy p{color:var(--muted);font-size:.9rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.episode-cta{color:var(--accent2);font-size:.82rem;font-weight:800}.login-page main{min-height:100vh}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr}.login-art{position:relative;display:flex;align-items:center;padding:clamp(30px,7vw,100px);overflow:hidden;background:radial-gradient(circle at 25% 25%,rgba(59,130,246,.4),transparent 25%),linear-gradient(135deg,#091a31,#050b14)}.login-art:after{content:"";position:absolute;width:570px;height:570px;border:1px solid rgba(96,165,250,.12);border-radius:50%;right:-220px;bottom:-240px;box-shadow:0 0 0 80px rgba(96,165,250,.035),0 0 0 160px rgba(96,165,250,.018)}.login-copy{position:relative;z-index:2}.login-brand{margin-bottom:50px}.login-copy h1{font-size:clamp(3rem,7vw,6.8rem);line-height:.88;letter-spacing:-.065em;margin:0 0 30px}.login-copy p{font-size:1.1rem;color:#b8c6d8}.login-panel{display:grid;place-items:center;padding:30px;background:#08121f}.login-card{width:min(420px,100%);padding:34px}.login-card h2{font-size:2rem;letter-spacing:-.035em;margin:0 0 8px}.login-card>p{margin-bottom:28px;line-height:1.5}.login-card label{display:grid;gap:8px;font-size:.85rem;font-weight:750;margin:16px 0}.login-card input{width:100%;background:#0f1d30;border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:10px;padding:13px 14px;outline:none}.login-card input:focus{border-color:var(--accent2);box-shadow:0 0 0 3px rgba(59,130,246,.13)}.form-error{background:rgba(127,29,29,.22);border:1px solid rgba(248,113,113,.3);color:#fecaca;padding:11px 12px;border-radius:9px;font-size:.86rem;margin:13px 0}.watch-page{background:#000}.watch-page main{min-height:100vh}.watch-page .site-footer{display:none}.player-app{height:100vh;display:flex;flex-direction:column;background:#000}.player-topbar{height:76px;display:flex;align-items:center;gap:14px;padding:0 24px;background:linear-gradient(180deg,#050505,transparent);position:absolute;top:0;left:0;right:0;z-index:4}.icon-btn{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.35);color:#fff;font-size:1.3rem;cursor:pointer}.player-title{font-weight:800}.video-wrap{width:100%;height:100%;display:grid;place-items:center;position:relative}.video-wrap video{width:100%;height:100%;object-fit:contain;background:#000}.player-overlay{position:absolute;inset:0;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;background:#000;color:#dbeafe}.player-overlay[hidden]{display:none!important}.error-overlay{padding:30px;text-align:center}.error-overlay strong{font-size:1.4rem}.error-overlay span{color:#fca5a5}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(18px,4vw,64px);border-top:1px solid var(--line);font-size:.8rem}.brand-small{font-weight:900}.diagnostic-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 20px}.diag-row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line)}.diag-row:last-child{border-bottom:0}.ok{color:#86efac}.bad{color:#fca5a5}.skeleton-hero{background:linear-gradient(100deg,#0b1728 20%,#12253e 40%,#0b1728 60%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:900px){.topbar{gap:14px;height:64px}.main-nav{display:none}.account-name,.logout-link{display:none}.nav-search input{width:130px}.nav-search input:focus{width:150px}.hero{min-height:67vh;padding-bottom:65px}.card-rail{grid-auto-columns:minmax(135px,34vw)}.login-shell{grid-template-columns:1fr}.login-art{min-height:44vh;padding:40px 28px}.login-copy h1{font-size:clamp(3.4rem,14vw,5.8rem)}.login-copy p{display:none}.login-brand{margin-bottom:34px}.login-panel{min-height:56vh}.login-card{padding:26px 8px}.episode-card{grid-template-columns:145px 1fr}.episode-copy p{display:none}}@media(max-width:560px){.brand>span:last-child{font-size:.92rem}.nav-search{display:none}.account-menu{margin-left:auto}.hero{min-height:72vh;padding:130px 20px 55px}.hero h1{font-size:3.1rem}.hero p{-webkit-line-clamp:2}.hero-actions{flex-wrap:wrap}.content-shell{padding-left:14px;padding-right:14px}.home-rows{margin-top:-12px}.card-rail{grid-auto-columns:39vw}.page-shell{padding:92px 14px 40px}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 10px}.detail-hero{min-height:72vh;padding:140px 20px 55px}.detail-copy h1{font-size:3rem}.episodes-section{padding:0 10px 40px}.episode-card{grid-template-columns:125px 1fr;gap:12px;padding:8px}.episode-top{display:block}.episode-top strong{font-size:.86rem}.episode-top span{display:block;margin-top:5px}.site-footer{display:block;text-align:center}.site-footer>div+div{margin-top:7px}.big-search{flex-direction:column}}

/* 0.1.1 player diagnostics */
.player-tech { display:block; opacity:.72; max-width:760px; margin-top:.35rem; overflow-wrap:anywhere; }
.player-error-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1rem; }