:root{--bg:#07080b;--panel:#0e1015;--card:#12151b;--line:rgba(255,255,255,.09);--muted:#9da2ad;--red:#e50914;--red2:#ff2631;--gold:#ffb400;--cyan:#20c7ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020304;color:#fff;font-family:'Plus Jakarta Sans',sans-serif}button,input{font:inherit}.app-shell{width:min(1440px,100%);margin:auto;display:flex;min-height:100vh;background:var(--bg);box-shadow:0 0 80px #000}.sidebar{width:230px;position:fixed;inset:0 auto 0 max(calc((100vw - 1440px)/2),0px);background:#080a0e;border-right:1px solid var(--line);padding:22px 14px;z-index:20;overflow:auto}.brand{display:flex;align-items:center;gap:9px;font-size:22px;font-weight:800;padding:4px 8px 25px}.brand>span:last-child span,.mobile-brand>span{color:var(--red2)}.brand-mark{width:36px;height:36px;border-radius:11px;background:var(--red);display:grid;place-items:center;color:white;box-shadow:0 7px 22px #e5091445}.brand-mark i{font-size:16px}.nav{width:100%;border:0;background:none;color:#aeb3bd;padding:12px 13px;border-radius:10px;display:flex;gap:12px;align-items:center;text-align:left;cursor:pointer;margin:2px 0}.nav:hover,.nav.active{background:linear-gradient(90deg,#e50914,#a60811);color:#fff}.side-label{font-size:11px;color:#666d78;text-transform:uppercase;letter-spacing:1.2px;padding:25px 13px 10px}.side-platforms{display:grid;gap:4px}.side-platforms button{border:0;background:none;color:#aeb3bd;text-align:left;padding:8px 13px;border-radius:8px;cursor:pointer}.side-platforms button:hover{background:#151820;color:#fff}.side-bottom{margin-top:25px;border-top:1px solid var(--line);padding:15px 13px}.side-bottom a{color:#9da2ad;text-decoration:none}.main{width:calc(100% - 230px);margin-left:230px;min-width:0;padding-bottom:80px}.topbar{height:70px;display:flex;align-items:center;gap:14px;padding:12px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#07080bee;backdrop-filter:blur(18px);z-index:15}.top-search{flex:1;max-width:600px;margin:auto;display:flex;align-items:center;background:#141821;border:1px solid var(--line);border-radius:14px;height:44px;padding:0 12px;gap:9px}.top-search i{color:#89909d}.top-search input{flex:1;background:none;border:0;outline:0;color:#fff}.top-search button,.icon-btn{border:0;background:none;color:#aeb3bd;cursor:pointer}.top-list{border:1px solid #4b1016;background:#180b0d;color:#fff;border-radius:12px;padding:10px 14px;display:flex;gap:8px;align-items:center;cursor:pointer}.icon-btn{width:42px;height:42px;border-radius:50%;background:#11151c}.mobile-only,.mobile-brand{display:none}.hero{margin:20px 24px 0;aspect-ratio:16/6.5;min-height:330px;border:1px solid #252a34;border-radius:18px;overflow:hidden;position:relative;background:#10131a}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .45s}.hero-slide.active{opacity:1}.hero-slide img{width:100%;height:100%;object-fit:cover}.hero-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050607 3%,rgba(5,6,7,.82) 32%,rgba(5,6,7,.18) 72%,rgba(5,6,7,.4))}.hero-copy{position:absolute;z-index:2;left:5%;top:50%;transform:translateY(-50%);max-width:48%}.hero-copy .tag{display:inline-block;background:var(--red);padding:7px 12px;border-radius:8px;font-weight:800;font-size:12px}.hero-copy h1{font-size:clamp(30px,4vw,58px);line-height:1;margin:15px 0 10px}.hero-copy p{color:#c5c9d1;line-height:1.6;font-size:14px;max-width:560px}.hero-meta{color:#ddd;font-size:13px}.hero-actions{display:flex;gap:10px;margin-top:18px}.primary,.secondary{border:0;border-radius:11px;padding:11px 18px;cursor:pointer;font-weight:700}.primary{background:var(--red);color:#fff}.secondary{background:#1b1f27;color:#fff;border:1px solid var(--line)}.platform-wrap,.promo-section,.section{margin:24px}.section-head,.browse-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-head h2,.section h2{font-size:18px;margin:0}.section-head h2 i,.section h2 i{color:var(--red);margin-right:8px}.section-head button{border:0;background:none;color:#ff3943;font-weight:700;cursor:pointer}.platform-row{display:flex;gap:12px;overflow:auto;scrollbar-width:none;padding-bottom:4px}.platform-row::-webkit-scrollbar{display:none}.platform{min-width:135px;height:70px;border-radius:14px;background:#14171e;border:1px solid #292e39;display:grid;place-items:center;cursor:pointer;transition:.2s}.platform:hover,.platform.active{border-color:var(--red);transform:translateY(-2px)}.platform strong{font-size:14px}.promo{display:block;position:relative;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#111}.promo img{width:100%;display:block;aspect-ratio:7/1.65;object-fit:cover}.promo span{position:absolute;inset:auto 18px 14px auto;background:#e50914;color:#fff;padding:7px 12px;border-radius:8px;font-size:12px;font-weight:700}.movie-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.movie-card{min-width:0;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;transition:.2s}.movie-card:hover{transform:translateY(-4px);border-color:#3d424e}.poster{aspect-ratio:2/3;position:relative;background:#161a20}.poster img{width:100%;height:100%;object-fit:cover}.rating{position:absolute;top:7px;right:7px;background:#090b0ecc;padding:4px 6px;border-radius:6px;font-size:10px;color:#fff}.rating i{color:var(--gold)}.card-body{padding:9px}.card-body h3{font-size:12px;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{font-size:10px;color:#8f96a2}.card-actions{display:flex;justify-content:space-between;margin-top:8px}.save{border:0;background:none;color:#9da2ad;cursor:pointer}.save.saved{color:var(--red2)}.row-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(145px,1fr);overflow-x:auto;gap:12px;scrollbar-width:none}.row-scroll::-webkit-scrollbar{display:none}.browse-view{margin:24px}.hidden{display:none!important}.browse-head h1{font-size:24px;margin:0}.view-toggle button{border:0;background:#141820;color:#aeb3bd;padding:8px 10px;cursor:pointer}.view-toggle button.active{color:#fff;background:var(--red)}.load-more{display:block;margin:20px auto;border:1px solid var(--line);background:#151820;color:#fff;padding:10px 18px;border-radius:10px;cursor:pointer}.drawer{position:fixed;inset:0;background:#000b;z-index:100;display:grid;place-items:center;padding:15px}.drawer-card{width:min(820px,100%);max-height:90vh;overflow:auto;background:#0e1015;border:1px solid var(--line);border-radius:18px;position:relative}.close{position:absolute;right:12px;top:12px;z-index:2;border:0;background:#111820;color:#fff;border-radius:50%;width:40px;height:40px;cursor:pointer}.details-back{width:100%;aspect-ratio:16/7;object-fit:cover}.details-content{padding:20px}.details-content h1{margin:0 0 8px}.details-content p{color:#b2b7c1;line-height:1.7}.mobile-nav{display:none}.empty{padding:60px;text-align:center;color:#888}.skeleton{height:220px;background:linear-gradient(90deg,#11141a,#1b1f26,#11141a);background-size:200% 100%;animation:sh 1.2s infinite}@keyframes sh{to{background-position:-200% 0}}#toast{position:fixed;left:50%;bottom:85px;transform:translateX(-50%);background:#fff;color:#111;padding:10px 15px;border-radius:10px;z-index:200;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1}.list-view .movie-card{display:grid;grid-template-columns:100px 1fr}.list-view .poster{aspect-ratio:auto;height:145px}.list-view .card-body{padding:15px}
@media(max-width:1000px){.sidebar{display:none}.main{width:100%;margin:0}.mobile-only,.mobile-brand{display:block}.mobile-brand{font-weight:800;white-space:nowrap}.topbar{padding:10px 12px}.top-search{max-width:none}.top-list span{display:none}.top-list{padding:10px}.hero{margin:12px 12px 0;min-height:260px}.hero-copy{max-width:64%;left:4%}.hero-copy h1{font-size:30px}.platform-wrap,.promo-section,.section,.browse-view{margin:20px 12px}.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-nav{position:fixed;display:flex;bottom:0;left:0;right:0;height:64px;background:#0b0d12f5;border-top:1px solid var(--line);z-index:50;justify-content:space-around}.mobile-nav button{border:0;background:none;color:#777e8b;font-size:10px;display:grid;place-items:center;gap:2px;min-width:60px}.mobile-nav button i{font-size:18px}.mobile-nav button.active{color:#ff2731}}
@media(max-width:600px){.topbar{height:62px}.top-search{height:40px}.hero{aspect-ratio:16/11;min-height:0;border-radius:16px}.hero-slide:after{background:linear-gradient(90deg,#050607aa,#05060733),linear-gradient(0deg,#050607 0%,transparent 45%)}.hero-copy{left:16px;right:16px;top:auto;bottom:18px;transform:none;max-width:none}.hero-copy p{display:none}.hero-copy h1{font-size:27px;margin:9px 0}.hero-actions{margin-top:10px}.hero-actions .secondary{display:none}.platform{min-width:125px;height:66px}.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.card-body{padding:7px}.card-body h3{font-size:10px}.card-meta{font-size:8px}.rating{font-size:8px}.promo img{aspect-ratio:2.5/1}.section-head h2{font-size:16px}.top-search input{font-size:12px}.top-search button{display:none}}