:root{--bg-deep:#0c0805;--bg-mid:#1a0e08;--bg-glow:#7a3a18;--bg-glow-soft:#c46e324d;--surface-1:#15100b;--surface-2:#1f1812;--surface-3:#2c211a;--surface-elev:#36281f;--bg-primary:var(--bg-deep);--bg-secondary:var(--bg-mid);--bg-tertiary:var(--surface-3);--bg-card:var(--surface-1);--bg-card-hover:var(--surface-2);--bg-elevated:var(--surface-elev);--bg-glass:#1f1812d1;--bg-glass-light:#36281f9e;--accent:#d4a843;--accent-soft:#d4a84329;--accent-glow:#d4a84366;--accent-deep:#b8862e;--accent-primary:var(--accent);--accent-secondary:#e8c468;--accent-warm:var(--accent-deep);--accent-glow-strong:#d4a8438c;--text-1:#fff5e6f5;--text-2:#fff5e6a8;--text-3:#fff5e66b;--text-4:#fff5e63d;--text-primary:var(--text-1);--text-secondary:var(--text-2);--text-tertiary:var(--text-3);--text-accent:var(--accent);--border:#ffe6c812;--border-strong:#ffe6c829;--border-glow:#d4a84352;--border-subtle:var(--border);--border-default:var(--border-strong);--border-accent:var(--border-glow);--success:#4ecb88;--warning:#f0b24a;--danger:#ff6f6f;--danger-soft:#ff6f6f24;--status-watched:var(--success);--status-watchlist:#60a5fa;--status-not-interested:var(--danger);--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 24px #0006;--shadow-lg:0 24px 64px #0000008c;--shadow-xl:0 32px 80px #000000a6;--shadow-glow:none;--shadow-poster:0 14px 32px #0009, 0 0 0 1px #ffe6c80d;--glow-accent:none;--gradient-accent:linear-gradient(135deg, #d4a843, #e8c468, #b8862e);--gradient-dark:linear-gradient(180deg, #0c080500 0%, #0c0805cc 50%, #0c0805 100%);--gradient-card:linear-gradient(145deg, var(--surface-1), var(--bg-mid));--gradient-hero:linear-gradient(180deg, transparent 0%, var(--bg-deep) 100%);--gradient-glow:radial-gradient(ellipse 80% 50% at 50% 0%, var(--bg-glow-soft) 0%, transparent 60%);--font-sans:"Spectral", Georgia, "Times New Roman", serif;--font-display:"Fraunces", Georgia, serif;--font-body:var(--font-sans);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:48px;--sp-9:64px;--sp-10:96px;--space-xs:var(--sp-1);--space-sm:var(--sp-2);--space-md:var(--sp-4);--space-lg:var(--sp-6);--space-xl:var(--sp-7);--space-2xl:var(--sp-8);--space-3xl:var(--sp-9);--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--radius-sm:var(--r-sm);--radius-md:var(--r-md);--radius-lg:var(--r-lg);--radius-xl:var(--r-xl);--radius-full:var(--r-pill);--transition:.18s cubic-bezier(.4, 0, .2, 1);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:var(--transition);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--nav-height:4rem;--bottom-nav-height:4.5rem;--max-content-width:1200px;--content-padding:1rem;--z-base:1;--z-dropdown:10;--z-sticky:20;--z-modal:50;--z-toast:100;--z-overlay:200;--radius-poster:2px;--editorial-rule:#d4a84340;--editorial-tilt-a:.6deg;--editorial-tilt-b:-.8deg}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);min-height:100dvh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:700;line-height:1.2}h1{font-size:clamp(1.75rem,4vw,2.5rem)}h2{font-size:clamp(1.375rem,3vw,1.875rem)}h3{font-size:clamp(1.125rem,2.5vw,1.5rem)}h4{font-size:1.125rem}p{color:var(--text-secondary);line-height:1.7}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-secondary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.container{width:100%;max-width:var(--max-content-width);padding:0 var(--content-padding);margin:0 auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.grain-overlay{z-index:var(--z-overlay);pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");position:fixed;inset:0}h1 em,h2 em,.editorial-em{color:var(--accent);font-style:italic}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.glass-card:hover{background:var(--bg-glass-light);border-color:var(--border-default);box-shadow:var(--shadow-md)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;min-height:44px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;line-height:1;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-accent);color:var(--bg-deep);box-shadow:var(--shadow-glow)}.btn-primary:hover{box-shadow:var(--shadow-glow), 0 4px 16px var(--accent-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--border-accent)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-watched{color:var(--status-watched);background:#4ade8026;border:1px solid #4ade804d}.btn-watched:hover{background:#4ade8040}.btn-watchlist{color:var(--status-watchlist);background:#60a5fa26;border:1px solid #60a5fa4d}.btn-watchlist:hover{background:#60a5fa40}.btn-not-interested{color:var(--status-not-interested);background:#f8717126;border:1px solid #f871714d}.btn-not-interested:hover{background:#f8717140}.btn-sm{min-height:36px;padding:.375rem .75rem;font-size:.8125rem}.btn-lg{padding:.875rem 1.75rem;font-size:1rem}.btn-icon{border-radius:var(--radius-full);width:44px;height:44px;padding:.625rem}.input{width:100%;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none;min-height:44px;padding:.75rem 1rem;font-size:1rem}.input::placeholder{color:var(--text-tertiary)}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.poster-card{border-radius:var(--radius-md);aspect-ratio:2/3;box-shadow:var(--shadow-poster);transition:all var(--transition-normal);cursor:pointer;position:relative;overflow:hidden}.poster-card:hover{box-shadow:var(--shadow-xl), var(--shadow-glow);transform:translateY(-4px)scale(1.02)}.poster-card img{object-fit:cover;width:100%;height:100%}.poster-card .overlay{background:var(--gradient-dark);opacity:0;transition:opacity var(--transition-normal);padding:var(--space-md);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.poster-card:hover .overlay{opacity:1}.rating-badge{background:var(--accent-glow-strong);border:1px solid var(--accent-primary);border-radius:var(--radius-sm);font-family:var(--font-display);color:var(--accent-primary);align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.875rem;font-weight:700;display:inline-flex}.rating-badge.large{padding:.375rem .75rem;font-size:1.125rem}.status-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge.watched{color:var(--status-watched);background:#4ade8026}.status-badge.want-to-watch{color:var(--status-watchlist);background:#60a5fa26}.status-badge.not-interested{color:var(--status-not-interested);background:#f8717126}.tag{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;padding:.25rem .75rem;font-size:.8125rem;display:inline-flex}.tag:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-default)}.tag.active{background:var(--accent-glow);border-color:var(--accent-primary);color:var(--accent-primary)}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-lg);justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.empty-state .icon{opacity:.4;font-size:3rem}.empty-state h3{color:var(--text-secondary)}.empty-state p{color:var(--text-tertiary);max-width:300px}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-elevated) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.page{min-height:100dvh;padding-bottom:calc(var(--bottom-nav-height) + var(--space-lg))}.main-content{min-height:100dvh}@media (min-width:768px){.main-content{margin-left:240px}}.page-header{padding:var(--space-lg) 0 var(--space-md)}.page-header h1{margin-bottom:var(--space-xs)}.page-header p{font-size:.9375rem}.movie-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));display:grid}.collection-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.movie-list{gap:var(--space-sm);flex-direction:column;display:flex}.section{margin-bottom:var(--space-2xl)}.section-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.section-title{align-items:center;gap:var(--space-xs,6px);font-family:var(--font-display);letter-spacing:3.5px;text-transform:uppercase;color:var(--text-3);font-size:.6875rem;font-weight:700;display:flex}.section-title:after{content:"";border-top:1px solid var(--editorial-rule);width:56px;margin-left:var(--space-sm)}.scroll-row{gap:var(--space-md);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-sm);scrollbar-width:none;display:flex;overflow-x:auto}.scroll-row::-webkit-scrollbar{display:none}@media (min-width:768px){.scroll-row{padding-top:10px}.scroll-row>:nth-child(4n+2){transform:translateY(6px) rotate(var(--editorial-tilt-a))}.scroll-row>:nth-child(4n){transform:translateY(4px) rotate(var(--editorial-tilt-b))}}@media (prefers-reduced-motion:reduce){.scroll-row>*{transform:none!important}}.scroll-row>*{scroll-snap-align:start;flex-shrink:0}.rank-number{font-family:var(--font-display);color:var(--text-tertiary);text-align:center;min-width:2.5rem;font-size:1.5rem;font-weight:900}.rank-number.top-3{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-overlay);background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-xl);padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + var(--space-xl));width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-handle{background:var(--text-tertiary);border-radius:var(--radius-full);width:32px;height:4px;margin:0 auto var(--space-lg)}.toast{bottom:calc(var(--bottom-nav-height) + var(--space-md));background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--text-primary);z-index:var(--z-toast);padding:.75rem 1.25rem;font-size:.875rem;position:fixed;left:50%;transform:translate(-50%)}@media (min-width:640px){:root{--content-padding:1.5rem}.movie-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.modal-content{border-radius:var(--radius-xl);margin-bottom:var(--space-xl)}}@media (min-width:768px){:root{--content-padding:2rem;--bottom-nav-height:0rem}.movie-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (min-width:1024px){.movie-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-slide-up{animation:slideUp var(--transition-slow) ease-out}
.BottomNav-module__JpMf2G__nav{height:var(--bottom-nav-height);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);z-index:var(--z-sticky);padding-bottom:env(safe-area-inset-bottom);background:#0a0a0feb;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.BottomNav-module__JpMf2G__navItem{color:var(--text-tertiary);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;min-width:56px;padding:.375rem .75rem;text-decoration:none;display:flex;position:relative}.BottomNav-module__JpMf2G__navItem:hover{color:var(--text-secondary)}.BottomNav-module__JpMf2G__navItem.BottomNav-module__JpMf2G__active{color:var(--accent-primary)}.BottomNav-module__JpMf2G__icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.BottomNav-module__JpMf2G__label{letter-spacing:.3px;font-size:.625rem;font-weight:600;font-family:var(--font-body)}.BottomNav-module__JpMf2G__indicator{background:var(--accent-primary);border-radius:0 0 var(--radius-full) var(--radius-full);width:20px;height:2px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}@media (min-width:768px){.BottomNav-module__JpMf2G__nav{display:none}}