@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#090b12;--panel:#10131c;--panel2:#151925;--text:#f5f6f8;--muted:#8c92a2;--accent:#b4f36b;--line:rgba(255,255,255,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px}button,input{font:inherit}.app-shell{min-height:100vh}.sidebar{width:248px;position:fixed;inset:0 auto 0 0;padding:28px 18px 18px;background:#0c0e15;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;color:white;text-decoration:none;font-family:Manrope,sans-serif;font-size:22px;font-weight:800;letter-spacing:-1px;padding:0 10px 48px}.brand-light{font-weight:500;color:#bac0cc}.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--accent);color:#12180d;display:grid;place-items:center;font-size:23px}.side-label,.section-kicker{font-size:10px;letter-spacing:1.6px;color:#707787;font-weight:700}.side-label{padding:0 12px 12px}.side-nav{display:grid;gap:6px}.side-link{height:45px;padding:0 12px;display:flex;align-items:center;gap:13px;text-decoration:none;color:#9399a8;border-radius:10px;font-weight:500;transition:.2s}.side-link i{font-size:17px}.side-link:hover,.side-link.active{background:#1a1f2b;color:#fff}.side-link.active{box-shadow:inset 2px 0 var(--accent)}.sidebar-bottom{margin-top:auto}.nas-status{display:flex;align-items:center;gap:10px;padding:13px 10px;margin-bottom:12px;border:1px solid var(--line);border-radius:11px;background:#11151e}.status-dot{width:8px;height:8px;border-radius:50%;background:#edba61;box-shadow:0 0 12px #edba6170;flex:none}.nas-status strong,.nas-status small,.profile-copy strong,.profile-copy small{display:block}.nas-status strong,.profile-copy strong{font-size:12px;font-weight:600}.nas-status small,.profile-copy small{font-size:10px;color:#82899a;margin-top:3px}.profile-button{width:100%;display:flex;align-items:center;gap:10px;padding:9px 5px;border:0;background:none;color:white;text-align:left}.avatar{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff1c;border-radius:50%;color:#d8f2bf;background:linear-gradient(135deg,#344d3a,#1d2630);font-weight:700}.profile-copy{flex:1}.profile-button>i{color:#73798a}.main-content{margin-left:248px;max-width:1600px;padding:0 46px 24px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.breadcrumb-text{display:flex;align-items:center;gap:11px;color:#858b99;font-size:12px}.breadcrumb-text i{font-size:10px}.breadcrumb-text strong{color:#e8eaf0;font-weight:500}.top-actions{display:flex;align-items:center;gap:14px}.search-box{height:38px;width:280px;display:flex;align-items:center;gap:10px;padding:0 11px;border:1px solid #242936;border-radius:9px;background:#11141c;color:#8e94a3}.search-box>i{font-size:14px}.search-box input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:white;font-size:12px}.search-box input::placeholder{color:#7f8594}.search-box kbd{font-size:10px;color:#72798a;background:#1d222d;border:1px solid #2c3240;border-radius:4px;padding:2px 5px}.icon-button,.avatar-top{position:relative;border:1px solid #242936;background:#11141c;color:#aab0bd;width:38px;height:38px;border-radius:10px;display:grid;place-items:center}.icon-button i{font-size:16px}.notification-dot{position:absolute;width:5px;height:5px;top:8px;right:9px;border-radius:50%;background:var(--accent)}.avatar-top{border-radius:50%;width:34px;height:34px;font-size:12px}.mobile-menu{display:none;border:0;background:transparent;color:white;font-size:25px}.hero-panel{min-height:390px;margin-top:25px;border:1px solid #ffffff0c;border-radius:17px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 78% 50%,#343c32 0,#1d2525 18%,#13191d 39%,#11141c 68%,#10131a 100%);padding:48px 54px;display:flex;align-items:center}.hero-glow{position:absolute;width:420px;height:420px;border-radius:50%;right:14%;top:-110px;background:radial-gradient(circle,#b4f36b1f,transparent 68%);filter:blur(10px)}.hero-copy{position:relative;z-index:2;max-width:480px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:1.7px;color:#c2c7cf}.eyebrow-line{width:20px;height:1px;background:var(--accent)}.hero-copy h1{font-family:Manrope,sans-serif;font-size:clamp(35px,4vw,54px);line-height:1.06;letter-spacing:-2.5px;margin:18px 0 13px;font-weight:700}.hero-copy h1 em{font-style:normal;color:var(--accent)}.hero-copy>p{max-width:380px;color:#a8aebb;line-height:1.65;font-size:13px}.hero-buttons{display:flex;gap:10px;margin-top:24px}.hero-buttons .btn{font-size:12px;font-weight:700;border-radius:8px;padding:10px 16px}.hero-play{color:#141a10;background:#f3f5f0;border-color:#f3f5f0}.hero-play:hover{background:var(--accent);border-color:var(--accent)}.hero-play i{font-size:16px;vertical-align:-2px}.hero-info{border-color:#ffffff40;color:#f4f5f7}.hero-info:hover{background:#ffffff12}.hero-info i{margin-right:4px}.hero-meta{display:flex;gap:18px;margin-top:25px;color:#a2a9b5;font-size:10px}.hero-meta span{display:flex;align-items:center;gap:6px}.hero-meta i{color:var(--accent)}.hero-art{position:absolute;right:5%;top:0;bottom:0;width:47%;overflow:hidden;display:grid;place-items:center}.hero-orbit{position:absolute;width:330px;height:330px;border:1px solid #d4f3ae25;border-radius:50%;transform:rotate(-22deg) scaleY(.35)}.orbit-two{width:420px;height:420px;transform:rotate(23deg) scaleY(.34);border-color:#c4dfbd16}.planet-main{position:absolute;width:220px;height:220px;border-radius:50%;right:23%;top:12%;background:radial-gradient(circle at 32% 30%,#d7e6a2 0,#839769 15%,#506558 34%,#293943 58%,#17232c 76%);box-shadow:inset -20px -15px 38px #080c15,0 0 70px #b4f36b22}.planet-main:after{content:'';position:absolute;inset:32% -21%;height:18%;border:8px solid #c8dbad70;border-left-color:#a1b48530;border-right-color:#eff9c7a1;border-radius:50%;transform:rotate(-21deg);filter:drop-shadow(0 2px 8px #d9edb955)}.planet-small{position:absolute;width:42px;height:42px;border-radius:50%;right:13%;top:65%;background:radial-gradient(circle at 34% 32%,#f3d6a0,#a46f55 35%,#322d39 75%);box-shadow:0 0 28px #c78d6b40}.hero-art-title{position:absolute;right:12%;bottom:17%;font:800 23px/1.05 Manrope,sans-serif;letter-spacing:2px;text-align:right;color:#f1f2e9;text-shadow:0 2px 18px #05070c}.hero-art-title span{color:#c4df9b}.hero-art-tag{position:absolute;right:12%;bottom:11%;color:#aab69a;font-size:8px;letter-spacing:2.4px}.hero-pagination{position:absolute;left:54px;bottom:17px;display:flex;gap:5px}.hero-pagination span{width:5px;height:5px;border-radius:10px;background:#ffffff38}.hero-pagination .page-active{width:22px;background:var(--accent)}.content-section{margin-top:43px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:17px}.section-kicker{margin:0 0 5px;font-size:9px;letter-spacing:1.4px;color:#757c8c}.section-heading h2{font:700 21px Manrope,sans-serif;letter-spacing:-.6px;margin:0}.heading-count{font:500 10px 'DM Sans',sans-serif;color:#767e8d;vertical-align:middle;margin-left:5px}.text-link{color:#c7ccd5;text-decoration:none;font-size:11px}.text-link:hover{color:var(--accent)}.text-link i{color:var(--accent);margin-left:5px}.continue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.continue-card{position:relative;display:grid;grid-template-columns:42% 1fr;min-height:151px;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#121620}.continue-art{position:relative;overflow:hidden;min-height:151px;display:flex;align-items:end;padding:14px;background:linear-gradient(135deg,#1d3936,#13201e 55%,#151925)}.continue-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#05080cc9,transparent 65%)}.art-orb{position:absolute;width:115px;height:115px;border-radius:50%;top:3px;left:25%;background:radial-gradient(circle at 35% 28%,#c4d4a1,#477b72 28%,#223950 67%,#0c1118);box-shadow:0 0 36px #9ad7b21a}.art-label,.art-subtitle{position:relative;z-index:1;font:800 13px Manrope,sans-serif;letter-spacing:1.2px}.art-subtitle{position:absolute;bottom:14px;right:12px;font:600 7px 'DM Sans',sans-serif;letter-spacing:1.4px;color:#b2c5ad}.art-2 .continue-art{background:linear-gradient(135deg,#513a45,#292431 60%,#171923)}.art-2 .art-orb{background:radial-gradient(circle at 34% 29%,#e7c7a9,#a56b59 27%,#553747 65%,#211b27)}.art-3 .continue-art{background:linear-gradient(135deg,#293a54,#171f33 60%,#111721)}.art-4 .continue-art{background:linear-gradient(135deg,#21505d,#172d3b 60%,#111721)}.art-5 .continue-art{background:linear-gradient(135deg,#5a4728,#272d2a 60%,#121720)}.art-6 .continue-art{background:linear-gradient(135deg,#513c5d,#28243b 60%,#121720)}.continue-details{padding:17px 17px 12px;min-width:0;align-self:center}.continue-details h3,.movie-caption h3{font:600 12px Manrope,sans-serif;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.continue-details p,.movie-caption p{margin:0;color:#858c9b;font-size:10px}.more-button{border:0;background:transparent;color:#8f96a5;padding:0 2px}.progress-track{height:3px;background:#303540;border-radius:5px;margin-top:17px;overflow:hidden}.progress-track span{height:100%;display:block;background:var(--accent);border-radius:5px}.progress-caption{display:flex;justify-content:space-between;color:#7f8795;font-size:9px;margin-top:7px}.progress-caption span:last-child{color:#c0c6cf}.progress-caption i{color:var(--accent);margin-left:3px}.play-floating{position:absolute;left:calc(21% - 19px);top:calc(50% - 19px);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#f3f5f0;color:#14190f;border:0;z-index:3;opacity:0;transform:scale(.9);transition:.2s}.continue-card:hover .play-floating{opacity:1;transform:scale(1)}.play-floating i{font-size:22px}.library-section{margin-top:48px}.filter-tabs{display:flex;gap:4px;padding:4px;border-radius:8px;background:#11141b}.filter-tab{border:0;border-radius:6px;background:transparent;color:#8a91a0;font-size:10px;padding:7px 11px;white-space:nowrap}.filter-tab.active{color:#eff1f4;background:#242a36}.movie-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px}.poster{height:224px;position:relative;overflow:hidden;border-radius:11px;background:linear-gradient(150deg,#56717a,#213644 55%,#111720);isolation:isolate;transition:transform .22s,box-shadow .22s}.movie-card:hover .poster{transform:translateY(-4px);box-shadow:0 12px 35px #0008}.poster:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 35% 28%,#b5cc8f8a,transparent 22%),linear-gradient(180deg,transparent 34%,#0a0d15 100%)}.poster:after{content:'';position:absolute;inset:0;z-index:-1;opacity:.45;background:linear-gradient(120deg,transparent 32%,#d6e5c916 33%,transparent 34%)}.art-2.poster{background:linear-gradient(150deg,#9d6855,#513444 50%,#161722)}.art-2.poster:before{background:radial-gradient(ellipse at 62% 25%,#f0c09394,transparent 22%),linear-gradient(180deg,transparent 34%,#0a0d15 100%)}.art-3.poster{background:linear-gradient(150deg,#475e8a,#202d49 57%,#101620)}.art-3.poster:before{background:radial-gradient(ellipse at 28% 29%,#9ac2e58a,transparent 22%),linear-gradient(180deg,transparent 34%,#0a0d15 100%)}.art-4.poster{background:linear-gradient(150deg,#3c9190,#18495a 57%,#101620)}.art-4.poster:before{background:radial-gradient(ellipse at 55% 27%,#a4e3ca9c,transparent 22%),linear-gradient(180deg,transparent 34%,#0a0d15 100%)}.art-5.poster{background:linear-gradient(150deg,#ab8043,#52442e 57%,#111721)}.art-5.poster:before{background:radial-gradient(ellipse at 45% 28%,#f3dc9b9c,transparent 22%),linear-gradient(180deg,transparent 34%,#0a0d15 100%)}.art-6.poster{background:linear-gradient(150deg,#8e7296,#42364f 57%,#101620)}.art-6.poster:before{background:radial-gradient(ellipse at 65% 25%,#efc3c39c,transparent 22%),linear-gradient(180deg,transparent 34%,#0a0d15 100%)}.poster-shape{position:absolute;width:125px;height:125px;border-radius:50%;top:34px;left:calc(50% - 62px);border:1px solid #e1efc62e;background:radial-gradient(circle at 35% 28%,#e2f0bb50,#d5efd00b 60%,transparent 70%);box-shadow:0 0 32px #bdedac14}.poster-badge{position:absolute;left:10px;top:10px;padding:4px 7px;border:1px solid #ffffff28;border-radius:5px;background:#0d111a9c;color:#e9edf0;font-size:8px;font-weight:700;z-index:2}.poster-copy{position:absolute;left:12px;right:10px;bottom:13px;display:grid;gap:4px}.poster-copy small{font-size:7px;letter-spacing:1.5px;color:#c8d8ba}.poster-copy strong{font:700 14px/1.12 Manrope,sans-serif;letter-spacing:-.3px}.poster-copy>span{font-size:9px;color:#a7afbd}.poster-hover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;background:#070a12b8;opacity:0;transition:opacity .2s}.movie-card:hover .poster-hover{opacity:1}.poster-hover button{width:34px;height:34px;border:1px solid #ffffff52;border-radius:50%;display:grid;place-items:center;background:#ffffff13;color:white}.poster-hover button:hover{background:var(--accent);border-color:var(--accent);color:#11170d}.poster-hover .poster-play{width:44px;height:44px;background:#f4f6ef;color:#11170d;border-color:#f4f6ef}.poster-play i{font-size:21px}.poster-save i,.poster-more i{font-size:14px}.movie-caption{display:flex;justify-content:space-between;align-items:start;gap:5px;padding:10px 2px}.movie-caption h3{font-size:10px;margin-bottom:4px}.movie-caption p{font-size:9px}.movie-caption p span{padding:0 2px;color:#5e6574}.quality-tag{color:#9aa2ae;font-size:8px;font-weight:700;border:1px solid #303643;border-radius:4px;padding:2px 4px}.empty-state{padding:55px 10px;text-align:center;color:#8a91a0}.empty-state i,.empty-state strong,.empty-state span{display:block}.empty-state i{font-size:27px;color:#b4f36b;margin-bottom:8px}.empty-state strong{color:#e5e8ee}.empty-state span{font-size:11px;margin-top:4px}.app-footer{display:flex;justify-content:space-between;gap:15px;padding-top:22px;margin-top:34px;border-top:1px solid var(--line);font-size:9px;color:#727989}.footer-dot{font-size:6px;color:var(--accent);vertical-align:2px;padding:0 4px}.app-toast{background:#1b222b;color:#e5eaf0;border:1px solid #ffffff1a}.app-toast .toast-body{display:flex;align-items:center;gap:10px;font-size:12px}.app-toast .toast-body>i{color:var(--accent)}.detail-modal .modal-content{position:relative;overflow:hidden;border:1px solid #ffffff20;border-radius:16px;background:#151923;color:white}.modal-close{position:absolute;z-index:4;right:14px;top:14px;width:34px;height:34px;border:1px solid #ffffff35;border-radius:50%;background:#1118;color:white}.modal-art{height:220px;position:relative;display:flex;align-items:end;padding:25px;background:radial-gradient(circle at 70% 25%,#81985c,#293e3b 32%,#131924 74%)}.modal-art:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#151923)}.modal-art-title{position:relative;z-index:1;font:800 22px Manrope,sans-serif;letter-spacing:1px}.modal-body{padding:21px 26px 27px}.modal-body h2{font:700 24px Manrope,sans-serif}.modal-body>p:not(.section-kicker){max-width:550px;color:#a2a9b7;line-height:1.6}.modal-body .btn{font-size:11px}.modal-body .btn-light{color:#10150c;font-weight:700}.modal-body .btn-outline-light{border-color:#ffffff46}.modal-hidden{display:none!important}
@media(max-width:1250px){.main-content{padding:0 30px 22px}.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.poster{height:240px}.hero-art{right:0;width:45%}.continue-grid{gap:11px}.continue-card{grid-template-columns:38% 1fr}}
@media(max-width:950px){.sidebar{width:210px}.main-content{margin-left:210px;padding:0 22px 20px}.hero-panel{padding:38px 35px;min-height:360px}.hero-art{opacity:.75;right:-8%;width:50%}.hero-copy{max-width:420px}.hero-copy h1{font-size:43px}.continue-grid{grid-template-columns:1fr}.continue-card{grid-template-columns:34% 1fr}.play-floating{left:calc(17% - 19px)}.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.poster{height:250px}.filter-tab{padding:7px 8px}}
@media(max-width:680px){.sidebar{transform:translateX(-105%);transition:transform .25s;width:260px;box-shadow:15px 0 50px #0008}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0;padding:0 16px 18px}.topbar{height:66px}.mobile-menu{display:block}.breadcrumb-text{flex:1}.top-actions{gap:8px}.search-box{width:38px;padding:0 10px;border-color:transparent;background:transparent}.search-box input,.search-box kbd{display:none}.search-box:focus-within{position:absolute;left:54px;right:104px;width:auto;z-index:10;border-color:#313746;background:#151923}.search-box:focus-within input{display:block}.avatar-top{display:none}.hero-panel{min-height:490px;padding:32px 24px;align-items:start}.hero-copy{max-width:100%;padding-top:4px}.hero-copy h1{font-size:43px}.hero-copy>p{max-width:290px}.hero-art{right:-13%;top:40%;bottom:0;width:88%;opacity:.72}.planet-main{right:25%;top:2%;width:180px;height:180px}.planet-small{right:13%;top:53%}.hero-art-title{font-size:18px;right:17%;bottom:19%}.hero-art-tag{right:17%;bottom:13%}.hero-pagination{left:24px;bottom:16px}.content-section{margin-top:35px}.section-heading{align-items:end}.section-heading h2{font-size:19px}.continue-card{grid-template-columns:37% 1fr;min-height:140px}.continue-art{min-height:140px;padding:11px}.continue-details{padding:12px}.continue-details h3{font-size:11px}.progress-track{margin-top:13px}.play-floating{opacity:1;left:calc(18.5% - 18px);width:36px;height:36px}.filter-tabs{max-width:65%;overflow-x:auto}.filter-tab{font-size:9px;padding:7px 8px}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px}.poster{height:235px}.poster-copy strong{font-size:13px}.poster-hover{opacity:1;inset:auto 7px 8px auto;background:none;gap:4px}.poster-hover button{width:28px;height:28px;background:#080b12b8}.poster-hover .poster-play{width:31px;height:31px}.poster-hover .poster-play i{font-size:17px}.movie-caption h3{font-size:10px}.app-footer{flex-direction:column;gap:5px}.detail-modal .modal-dialog{margin:12px}.modal-art{height:180px}}