@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#f7f3ee;font-synthesis:none;background:#101214;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:#101214;margin:0}button{font:inherit;color:inherit;cursor:pointer;border:0}.app{background:#101214;min-height:100vh}.header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#101214ee;border-bottom:1px solid #292c2e;justify-content:space-between;align-items:center;height:68px;padding:0 clamp(18px,5vw,74px);display:flex;position:sticky;top:0}.brand{letter-spacing:-1px;font-family:Space Grotesk;font-size:24px;font-weight:700}.brand span{color:#f36b4d}.header nav{gap:30px;margin-left:80px;display:flex}.header a{color:#999b9c;font-size:13px}.header a.active{color:#fff}.header-actions{gap:8px;display:flex}.header-actions button{background:#1b1e20;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.eyebrow{letter-spacing:2px;color:#ed765b;margin:0 0 11px;font-size:10px;font-weight:700}.catalog-hero{background:radial-gradient(circle at 85% 12%,#382422 0,#0000 42%);justify-content:space-between;align-items:end;max-width:1320px;min-height:245px;margin:auto;padding:74px clamp(20px,5vw,60px) 45px;display:flex}.catalog-hero h1{letter-spacing:-4px;margin:0;font-family:Space Grotesk;font-size:clamp(48px,7vw,82px);line-height:1}.catalog-hero p:not(.eyebrow){color:#9b9c9d;margin:18px 0 0}.catalog-count{color:#949798;align-items:baseline;gap:8px;display:flex}.catalog-count strong{color:#f2eee9;font-family:Space Grotesk;font-size:42px}.catalog-section,.player-section{max-width:1320px;margin:0 auto;padding:34px clamp(20px,5vw,60px)}.catalog-toolbar,.section-head{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.catalog-toolbar h2,.section h2,.player-section h2{letter-spacing:-1px;margin:0;font-family:Space Grotesk;font-size:28px}.link-btn{color:#aaa;background:0 0;align-items:center;gap:5px;font-size:13px;display:flex}.poster-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 14px;display:grid}.series-card{text-align:left;background:0 0;border-radius:8px;min-width:0;padding:0;transition:transform .2s}.series-card:hover,.series-card.active{transform:translateY(-4px)}.series-cover{aspect-ratio:2/3;background:#272a2c;border:1px solid #383b3d;border-radius:6px;position:relative;overflow:hidden;box-shadow:0 8px 20px #0003}.series-cover img{object-fit:cover;width:100%;height:100%;display:block}.cover-fallback{background:linear-gradient(145deg,#63372f,#202427);place-items:center;height:100%;display:grid}.cover-fallback span{color:#ffffff48;font-family:Space Grotesk;font-size:58px}.cover-badge{color:#eee;background:#111b;border-radius:3px;padding:4px 6px;font-size:10px;position:absolute;top:9px;left:9px}.cover-play{opacity:0;background:#ef7659;border-radius:50%;place-items:center;width:34px;height:34px;transition:all .2s;display:grid;position:absolute;bottom:9px;right:9px;transform:scale(.85)}.series-card:hover .cover-play,.series-card.active .cover-play{opacity:1;transform:scale(1)}.series-info{padding:9px 2px 0}.series-info h3{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;line-height:1.35;overflow:hidden}.series-info p{color:#ef7659;margin:6px 0 3px;font-size:11px}.series-info span{color:#85898a;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.4;display:block;overflow:hidden}.empty-state{text-align:center;color:#85898a;border:1px dashed #353839;border-radius:8px;padding:80px 20px}.status{color:#9d9696;font-size:13px}.status i{background:#66d49a;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.player-shell{background:#171819;border:1px solid #302f30;border-radius:10px;grid-template-columns:1fr 250px;display:grid;overflow:hidden}.video-wrap{aspect-ratio:16/9;background:#050506;position:relative}.video-wrap video{width:100%;height:100%;display:block}.video-overlay{pointer-events:none;background:linear-gradient(#0009,#0000 30% 62%,#000c);position:absolute;inset:0}.video-top,.video-bottom{justify-content:space-between;align-items:center;display:flex;position:absolute;left:18px;right:18px}.video-top{top:16px}.video-top button,.video-bottom button{pointer-events:auto;background:#0008;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.video-bottom{font-size:13px;bottom:16px}.center-play{pointer-events:auto;background:#f07558;border-radius:50%;place-items:center;width:65px;height:65px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.episodes{background:#171819;max-height:490px;padding:20px;overflow:auto}.episodes-head{justify-content:space-between;align-items:end;margin-bottom:17px;display:flex}.episodes h3{margin:0;font-family:Space Grotesk;font-size:25px}.episodes-head>span{color:#8f8989;font-size:12px}.episode-list{gap:7px;display:grid}.episode-list button{text-align:left;color:#aaa;background:#242728;border-radius:6px;align-items:center;gap:12px;padding:11px;font-size:13px;display:flex}.episode-list button span{color:#716a6a;font-family:Space Grotesk}.episode-list button.selected{color:#fff;background:#e9684e}.episode-list button.selected span{color:#fff}.loading{color:#888;place-items:center;height:100%;display:grid}footer{color:#777;border-top:1px solid #292c2e;align-items:center;gap:24px;max-width:1320px;margin:auto;padding:50px clamp(20px,5vw,60px);font-size:13px;display:flex}footer span:last-child{margin-left:auto}@media (width<=1050px){.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=760px){.header{height:60px;padding:0 16px}.header nav{display:none}.catalog-hero{min-height:190px;padding:48px 18px 30px}.catalog-hero h1{font-size:54px}.catalog-count strong{font-size:30px}.catalog-section,.player-section{padding:26px 16px}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.series-info h3{font-size:13px}.series-info span{font-size:10px}.catalog-toolbar h2,.player-section h2{font-size:23px}.player-shell{grid-template-columns:1fr}.episodes{max-height:275px}.video-wrap{aspect-ratio:9/13;max-height:650px}footer{flex-wrap:wrap;padding:38px 16px}footer span:last-child{width:100%;margin-left:0}}
