:root{--color-base:#0b0b0b;--color-surface:#0f0f0f;--color-surface-elevated:#161616;--color-surface-container:#202020;--color-primary:#ff3e3e;--color-primary-dim:#e50914;--color-secondary:#222;--color-on-surface:#fff;--color-on-surface-variant:#a0a0a0;--color-outline:#333;--color-outline-variant:#222;--color-error:#ff3b30;--color-tertiary:#ffeac0;--font-family:"Inter", system-ui, -apple-system, sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background-color:var(--color-base);color:var(--color-on-surface);-webkit-overflow-scrolling:touch;min-height:100dvh;overflow-x:hidden}.no-scrollbar::-webkit-scrollbar{display:none}.shelf-scroll::-webkit-scrollbar{display:none}.no-scrollbar,.shelf-scroll{-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.shelf-scroll>*{scroll-snap-align:start}.glass-panel{-webkit-backdrop-filter:blur(40px);background:#12121299;border:1px solid #ffffff1a}.glass-panel-dense{-webkit-backdrop-filter:blur(40px);background:#192122cc;border:1px solid #ffffff14}.shimmer{background:linear-gradient(110deg,#121212 25%,#1a1a1a 37%,#121212 50%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer-move}@keyframes shimmer-move{0%{background-position:200% 0}to{background-position:-200% 0}}.img-blur-up{filter:blur(10px);opacity:.6;transition:filter .4s ease-out,opacity .4s ease-out}.img-blur-up.img-loaded{filter:blur();opacity:1}.card-glow{position:relative}.card-glow:after{content:"";filter:blur(20px);z-index:-1;border-radius:inherit;transition:background var(--transition-normal);pointer-events:none;background:#ff3e3e00;position:absolute;inset:-15px}.card-glow:hover:after,.card-glow:focus-within:after{background:#ff3e3e1f}.fade-in{opacity:0;animation:.5s forwards fadeInUp;transform:translateY(12px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.fade-in-delay-1{animation-delay:50ms}.fade-in-delay-2{animation-delay:.1s}.fade-in-delay-3{animation-delay:.15s}.fade-in-delay-4{animation-delay:.2s}.fade-in-delay-5{animation-delay:.25s}.fade-in-delay-6{animation-delay:.3s}.fade-in-delay-7{animation-delay:.35s}.fade-in-delay-8{animation-delay:.4s}.slide-up-enter{opacity:0;transform:translateY(20px)}.slide-up-active{opacity:1;transition:opacity .3s,transform .3s;transform:translateY(0)}.progress-bar{background:var(--color-outline-variant);height:2px;overflow:hidden}.progress-bar-fill{background:var(--color-primary);height:100%;transition:width var(--transition-normal);box-shadow:0 0 8px #ff3e3ecc}.gradient-bottom{background:linear-gradient(#0000,#0b0b0b)}.gradient-top{background:linear-gradient(to bottom, var(--color-base), transparent)}.gradient-hero{background:linear-gradient(#0000 0%,#0b0b0b66 40%,#0b0b0bd9 70%,#0b0b0b 100%)}.btn-primary{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-family:var(--font-family);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:12px;font-weight:700;display:inline-flex}.btn-primary:hover{transform:scale(1.05);box-shadow:0 0 20px #ff3e3e80}.btn-primary:active{transform:scale(.97)}.btn-ghost{border-radius:var(--radius-full);color:var(--color-on-surface);font-family:var(--font-family);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);background:0 0;border:1px solid #fff3;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:12px;font-weight:700;display:inline-flex}.btn-ghost:hover{background:#ffffff0d;border-color:#fff6}.chip{border-radius:var(--radius-full);color:var(--color-on-surface-variant);letter-spacing:.02em;white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);background:#ffffff14;border:1px solid #0000;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.chip:hover{background:#ffffff1f}.chip.active{color:var(--color-primary);background:#ff3e3e26;border-color:#ff3e3e4d}.source-pill{border-radius:var(--radius-full);color:var(--color-on-surface-variant);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff14;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.source-pill:hover{background:#ffffff1a;border-color:#ffffff26}.source-pill.active{color:var(--color-primary);background:#ff3e3e1f;border-color:#ff3e3e66}.toast{bottom:calc(72px + env(safe-area-inset-bottom,0px));border-radius:var(--radius-xl);background:var(--color-surface-container);border:1px solid var(--color-outline-variant);color:var(--color-on-surface);z-index:9999;opacity:0;pointer-events:none;text-align:center;max-width:calc(100vw - 32px);padding:10px 20px;font-size:13px;font-weight:500;transition:opacity .3s,transform .3s;position:fixed;left:50%;transform:translate(-50%)translateY(20px)}@media (width>=768px){.toast{max-width:none;padding:12px 24px;font-size:14px;bottom:100px}}.toast.visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.offline-banner{z-index:10000;color:var(--color-tertiary);text-align:center;background:#ffeac026;border-bottom:1px solid #fec9314d;padding:8px 16px;font-size:13px;font-weight:600;transition:transform .3s;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.offline-banner.visible{transform:translateY(0)}#app-content{opacity:1;transition:opacity .15s}#app-content.page-exit{opacity:0}.aspect-poster{aspect-ratio:2/3}.aspect-backdrop{aspect-ratio:16/9}::selection{color:#fff;background:#ff3e3e4d}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.player-controls{opacity:1;transition:opacity .3s}.player-controls.hidden{opacity:0;pointer-events:none}@media (width<=768px){.desktop-only{display:none!important}}@media (width>=769px){.mobile-only{display:none!important}}.bottom-nav{z-index:50;-webkit-backdrop-filter:blur(24px);padding-bottom:env(safe-area-inset-bottom,0px);height:calc(60px + env(safe-area-inset-bottom,0px));background:#0b0b0beb;border-top:1px solid #ffffff12;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}@media (width>=768px){.bottom-nav{display:none!important}}.bottom-nav-item{color:#a0a0a0cc;letter-spacing:.05em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 4px;font-size:9px;font-weight:700;text-decoration:none;transition:color .2s;display:flex}.bottom-nav-item.active,.bottom-nav-item:active{color:#ff3e3e}.bottom-nav-item .nav-icon{font-size:22px;transition:transform .2s}.bottom-nav-item.active .nav-icon{transform:scale(1.1)}.pb-safe{padding-bottom:env(safe-area-inset-bottom,0px)}.touch-target{min-width:44px;min-height:44px}