:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0b0d12;color:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px;min-height:100vh;background:radial-gradient(circle at 10% -5%,rgba(88,101,242,.22),transparent 33rem),radial-gradient(circle at 90% 0%,rgba(0,164,220,.14),transparent 28rem),#0b0d12}button,input{font:inherit}button{color:inherit}.boot,.fatal{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;text-align:center;padding:28px}.spinner{width:42px;height:42px;border:4px solid rgba(255,255,255,.15);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:max(18px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) 16px max(22px,env(safe-area-inset-left));background:#0b0d12d6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.topbar h1{margin:2px 0 0;font-size:clamp(1.25rem,3vw,1.9rem)}.eyebrow{color:#8f98aa;font-size:.66rem;font-weight:800;letter-spacing:.14em}.user-pill{max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:9px 13px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:#ffffff0f;font-size:.85rem}main{padding:22px max(22px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left))}.controls{display:grid;gap:14px;margin-bottom:16px}.tabs,.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tab,.filter{border:1px solid rgba(255,255,255,.1);background:#ffffff0d;padding:9px 13px;border-radius:10px;cursor:pointer}.tab.active,.filter.active{background:#5865f2;border-color:#5865f2}.search-wrap{min-width:min(300px,100%);flex:1;display:flex;align-items:center;gap:8px;margin-left:auto;padding:8px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px}.search-wrap input{width:100%;color:#fff;background:transparent;border:0;outline:0}.status{color:#9ca5b6;margin:12px 0 16px;font-size:.88rem}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px 13px}.media-card{border:0;background:none;padding:0;text-align:left;cursor:pointer;min-width:0}.poster-wrap{position:relative;aspect-ratio:2 / 3;overflow:hidden;background:linear-gradient(145deg,#252a36,#141720);border-radius:12px;box-shadow:0 10px 28px #0000003d;transition:transform .15s ease,box-shadow .15s ease}.poster-wrap img{width:100%;height:100%;object-fit:cover;display:block}.poster-wrap.no-poster:before{content:"No poster";position:absolute;inset:0;display:grid;place-items:center;color:#727b8c;font-size:.8rem}.play-badge{position:absolute;right:9px;bottom:9px;width:36px;height:36px;display:grid;place-items:center;padding-left:2px;border-radius:50%;background:#000000b8;opacity:0;transform:scale(.92);transition:.15s ease}.media-card:hover .poster-wrap{transform:translateY(-3px);box-shadow:0 15px 34px #00000059}.media-card:hover .play-badge{opacity:1;transform:scale(1)}.card-copy{display:grid;gap:3px;padding:9px 3px 0;min-width:0}.card-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.91rem}.card-copy span{color:#8d96a8;font-size:.78rem}.skeleton{aspect-ratio:2 / 3;border-radius:12px;background:linear-gradient(100deg,#ffffff0a,#ffffff1a,#ffffff0a);background-size:200% 100%;animation:shimmer 1.1s infinite linear}@keyframes shimmer{to{background-position:-200% 0}}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#000000c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal.hidden{display:none}.modal-panel{position:relative;width:min(1080px,100%);max-height:94vh;overflow:auto;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#10131a;box-shadow:0 28px 80px #0000008c}.close{position:sticky;float:right;top:12px;margin:12px 12px -54px 0;z-index:5;width:36px;height:36px;border:0;border-radius:50%;background:#000000bf;cursor:pointer;font-size:1.4rem}.modal-heading{display:grid;grid-template-columns:150px 1fr;gap:22px;padding:26px}.modal-heading img{width:150px;aspect-ratio:2 / 3;object-fit:cover;border-radius:10px;background:#20242e}.modal-heading h2,.player-title h2{margin:5px 0 10px}.modal-heading p{color:#aab2c1;line-height:1.5;max-width:70ch}.episode-list{display:grid;gap:7px;padding:0 26px 26px}.episode{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:14px;width:100%;padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#ffffff09;text-align:left;cursor:pointer}.episode:hover{background:#ffffff12}.episode img{width:120px;aspect-ratio:16/9;object-fit:cover;border-radius:7px;background:#20242e}.episode div{display:grid;gap:4px;min-width:0}.episode span{color:#8993a5;font-size:.74rem}.episode strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-panel{overflow:hidden}.player-title{padding:22px 60px 15px 22px}.player-panel video{display:block;width:100%;max-height:72vh;background:#000}.player-note{padding:11px 16px 15px;color:#8e97a8;font-size:.78rem;line-height:1.4}.fatal-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#ed4245;font-weight:900;font-size:1.6rem}.fatal p{color:#c2c8d2;max-width:620px}.fatal small{color:#7e8798;max-width:620px}@media(max-width:650px){main{padding-left:14px;padding-right:14px}.topbar{padding-left:14px;padding-right:14px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:14px 9px}.modal-heading{grid-template-columns:90px 1fr;gap:14px;padding:18px}.modal-heading img{width:90px}.modal-heading p{display:none}.episode-list{padding:0 14px 18px}.episode{grid-template-columns:86px 1fr auto;gap:9px}.episode img{width:86px}.search-wrap{order:3;width:100%;flex-basis:100%}}
