:root{--bg:#121317;--bg-low:#0d0e12;--surface:#1f1f24;--surface-low:#1a1b20;--surface-high:#292a2e;--surface-highest:#343439;--on-surface:#e3e2e7;--on-surface-variant:#c9c4d8;--outline:#938ea1;--outline-variant:#484555;--primary:#c9beff;--primary-container:#937dff;--secondary:#8fd8ff;--secondary-container:#00c1fd;--tertiary:#ffb781;--gradient:linear-gradient(135deg, #937dff, #00c1fd);--gradient-text:linear-gradient(90deg, #c9beff, #8fd8ff);--font-heading:"Montserrat", sans-serif;--font-body:"Inter", sans-serif;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-8:64px;--space-10:80px;--sidebar-collapsed:72px;--sidebar-expanded:240px;--topbar-height:72px;--hero-height:85vh;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:24px;--border-radius-full:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--on-surface);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:var(--border-radius-full)}*{scrollbar-width:thin;scrollbar-color:var(--outline-variant) transparent}.bloom{pointer-events:none;z-index:-1;filter:blur(120px);border-radius:50%;position:fixed}.bloom-top-right{background:#c9beff14;width:50vw;height:50vw;top:-10%;right:-10%}.bloom-bottom-left{background:#8fd8ff0d;width:60vw;height:60vw;bottom:-20%;left:-10%}.sidebar{height:100%;width:var(--sidebar-collapsed);padding:var(--space-3) 0;-webkit-backdrop-filter:blur(30px);z-index:100;background:#1f1f2414;border-right:1px solid #ffffff0d;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar:hover{width:var(--sidebar-expanded)}.sidebar-logo{align-items:center;gap:var(--space-2);padding:0 var(--space-2);margin-bottom:var(--space-5);white-space:nowrap;min-height:48px;display:flex;overflow:hidden}.logo-icon{background:var(--gradient);border-radius:var(--border-radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.logo-icon .material-symbols-outlined{color:#fff;font-size:22px}.logo-text{font-family:var(--font-heading);background:var(--gradient-text);-webkit-text-fill-color:transparent;opacity:0;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800;transition:opacity .2s .1s}.sidebar:hover .logo-text{opacity:1}.sidebar-nav-items{padding:0 var(--space-1);flex-direction:column;flex:1;gap:4px;display:flex}.sidebar-bottom{padding:0 var(--space-1);padding-top:var(--space-2);margin-top:var(--space-2);border-top:1px solid #ffffff0d;flex-direction:column;gap:4px;display:flex}.nav-item{align-items:center;gap:var(--space-2);border-radius:var(--border-radius-md);color:var(--on-surface-variant);white-space:nowrap;min-height:48px;padding:12px;transition:all .2s;display:flex;overflow:hidden}.nav-item:hover{color:var(--primary);background:#937dff26}.nav-item.active{color:var(--primary);background:#c9beff1a;box-shadow:0 0 12px #c9beff33}.nav-icon{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;flex-shrink:0;font-size:22px}.nav-item.active .nav-icon{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.nav-label{opacity:0;font-size:15px;font-weight:600;transition:opacity .15s .1s}.sidebar:hover .nav-label{opacity:1}.main-content{margin-left:var(--sidebar-collapsed);min-height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1);position:relative}.topbar{padding:var(--space-3) var(--space-6);z-index:50;height:var(--topbar-height);background:linear-gradient(#121317e6,#0000);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.topbar-brand{font-family:var(--font-heading);background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800}.topbar-actions{align-items:center;gap:var(--space-2);display:flex}.search-bar-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--on-surface-variant);pointer-events:none;font-size:20px;position:absolute;left:12px}.search-input{border-radius:var(--border-radius-full);color:var(--on-surface);font-family:var(--font-body);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff1a;outline:none;width:260px;padding:10px 16px 10px 40px;font-size:14px;transition:all .3s}.search-input::placeholder{color:var(--on-surface-variant)}.search-input:focus{background:#ffffff1a;border-color:#c9beff66;width:320px;box-shadow:0 0 0 3px #c9beff1a}.icon-btn{border-radius:var(--border-radius-full);width:40px;height:40px;color:var(--on-surface-variant);justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{color:var(--primary);background:#ffffff14}.icon-btn .material-symbols-outlined{font-size:22px}.hero{height:var(--hero-height);min-height:560px;padding:0 var(--space-10) var(--space-8);align-items:flex-end;display:flex;position:relative;overflow:hidden}.hero-backdrop{z-index:0;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);transition:background-image .8s;position:absolute;inset:0}.hero-backdrop img{object-fit:cover;opacity:.7;width:100%;height:100%}.hero-vignette{background:linear-gradient(90deg,#121317 0%,#121317b3 40%,#12131700 100%),linear-gradient(#12131700 50%,#121317 100%);position:absolute;inset:0}.hero-content{z-index:10;max-width:640px;position:relative}.hero-meta{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.hero-meta-text{color:var(--on-surface-variant);letter-spacing:.05em;text-transform:uppercase;font-size:13px;font-weight:600}.hero-title{font-family:var(--font-heading);letter-spacing:-.02em;margin-bottom:var(--space-2);color:#fff;font-size:clamp(36px,5vw,60px);font-weight:800;line-height:1.1}.hero-overview{color:#e3e2e7cc;margin-bottom:var(--space-4);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:16px;line-height:1.6;display:-webkit-box;overflow:hidden}.hero-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.btn{border-radius:var(--border-radius-full);font-family:var(--font-heading);white-space:nowrap;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn .material-symbols-outlined{font-size:22px}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 0 30px #937dff59}.btn-primary:hover{transform:scale(1.05);box-shadow:0 0 40px #937dff80}.btn-primary:active{transform:scale(.97)}.btn-ghost{color:var(--on-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26}.btn-ghost:hover{background:#ffffff26;border-color:#ffffff4d}.tag{letter-spacing:.08em;text-transform:uppercase;border-radius:6px;align-items:center;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.tag-primary{color:var(--primary);background:#937dff33;border:1px solid #c9beff4d}.tag-quality{color:var(--on-surface);background:#ffffff1a;border:1px solid #fff3}.category-bar{gap:var(--space-1);padding:var(--space-3) var(--space-6);scrollbar-width:none;z-index:20;display:flex;position:relative;overflow-x:auto}.category-bar::-webkit-scrollbar{display:none}.genre-btn{border-radius:var(--border-radius-full);font-size:13px;font-weight:600;font-family:var(--font-body);color:var(--on-surface-variant);letter-spacing:.02em;background:#ffffff0d;border:1px solid #ffffff14;flex-shrink:0;padding:8px 20px;transition:all .2s}.genre-btn:hover{color:var(--primary);background:#c9beff26;border-color:#c9beff4d}.genre-btn.active{background:var(--gradient);color:#fff;border-color:#0000;box-shadow:0 4px 16px #937dff66}.content-rows{padding:0 var(--space-6) var(--space-8);gap:var(--space-6);flex-direction:column;display:flex}.section-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.section-title{font-family:var(--font-heading);color:var(--on-surface);font-size:20px;font-weight:700}.view-all{color:var(--primary);font-size:13px;font-weight:600;transition:opacity .2s}.view-all:hover{opacity:.75;text-decoration:underline}.movie-row{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}@media (width>=1200px){.movie-row{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.movie-card{border-radius:var(--border-radius-lg);background:var(--surface);cursor:pointer;border:2px solid #0000;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s;position:relative;overflow:hidden}.movie-card:hover,.movie-card.focused{border-color:var(--primary);z-index:10;transform:scale(1.05);box-shadow:0 8px 32px #937dff4d}.movie-card-poster{aspect-ratio:2/3;object-fit:cover;width:100%;transition:transform .4s}.movie-card:hover .movie-card-poster{transform:scale(1.1)}.movie-card-gradient-bar{background:var(--gradient);opacity:0;height:3px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.movie-card:hover .movie-card-gradient-bar{opacity:1}.movie-card-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#292a2eb3;padding:10px 12px}.movie-card-title{color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:13px;font-weight:700;overflow:hidden}.movie-card-meta{color:var(--on-surface-variant);align-items:center;gap:6px;font-size:11px;display:flex}.movie-card-meta .material-symbols-outlined{color:var(--primary);font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;font-size:13px}.load-more-container{padding:var(--space-4) 0;justify-content:center;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:200;opacity:0;pointer-events:none;background:#090a0ecc;justify-content:stretch;align-items:stretch;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:all}.modal-close{top:var(--space-3);right:var(--space-3);z-index:10;border-radius:var(--border-radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #fff3;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:absolute}.modal-close:hover{background:#fff3;transform:scale(1.05)}.modal-close .material-symbols-outlined{font-size:22px}.modal-detail{flex-direction:column;justify-content:flex-end;width:100%;min-height:100vh;display:flex;position:relative}.detail-backdrop{z-index:0;background:var(--bg);position:absolute;inset:0}.detail-backdrop img{object-fit:cover;opacity:.55;width:100%;height:100%}.detail-vignette{z-index:1;background:linear-gradient(90deg,#121317 0%,#12131799 45%,#0000 100%),linear-gradient(#12131700 45%,#121317 100%);position:absolute;inset:0}.detail-content{z-index:5;padding:var(--space-10) var(--space-10) var(--space-8);max-width:760px;position:relative}.detail-tags{gap:var(--space-1);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.detail-title{font-family:var(--font-heading);letter-spacing:-.02em;color:#fff;margin-bottom:var(--space-2);font-size:clamp(32px,5vw,64px);font-weight:800;line-height:1.05}.detail-title .highlight{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.detail-meta{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--on-surface-variant);flex-wrap:wrap;font-size:15px;display:flex}.detail-meta-divider{opacity:.3}.detail-overview{color:#e3e2e7cc;margin-bottom:var(--space-4);max-width:600px;font-size:16px;line-height:1.7}.detail-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.player-shell{background:#000;width:100%;height:100vh;position:relative}.player-close{top:var(--space-2);left:var(--space-2);z-index:300;right:auto}#video-player{border:none;width:100%;height:100%}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--surface-high) 50%, var(--surface) 75%);border-radius:var(--border-radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.movie-card.skeleton-card{aspect-ratio:2/3;pointer-events:none;border:none}.empty-state{padding:var(--space-8);justify-content:center;align-items:center;gap:var(--space-2);color:var(--on-surface-variant);text-align:center;flex-direction:column;grid-column:1/-1;display:flex}.empty-state .material-symbols-outlined{opacity:.4;font-size:48px}.empty-state p{font-size:15px}@media (width<=768px){.sidebar{display:none}.main-content{margin-left:0;padding-bottom:80px}.topbar{padding:var(--space-2) var(--space-2)}.search-input{width:180px}.search-input:focus{width:220px}.hero{padding:0 var(--space-3) var(--space-5)}.category-bar{padding:var(--space-2) var(--space-3)}.content-rows{padding:0 var(--space-3) var(--space-6)}.movie-row{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.detail-content{padding:var(--space-5) var(--space-3) var(--space-5)}.mobile-nav{display:flex}}.mobile-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;height:64px;padding:0 var(--space-2);background:#1f1f24d9;border-top:1px solid #ffffff12;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}