@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--bg:#0a0a0a;--bg-secondary:#111;--bg-tertiary:#1a1a1a;--bg-elevated:#222;--border:#ffffff14;--border-hover:#ffffff26;--text-primary:#fff;--text-secondary:#ffffffa6;--text-tertiary:#fff6;--text-muted:#ffffff40;--accent:#e50914;--accent-hover:#ff1a25;--accent-subtle:#e509141a;--accent-border:#e509144d;--gold:#f5c518;--gold-subtle:#f5c5181a;--gold-border:#f5c5184d;--success:#22c55e;--error:#ef4444;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Inter",sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-xl:0 16px 48px #0009;--shadow-glow:0 0 20px #e509144d;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--container-max:1400px;--container-padding:2rem;--header-height:4rem}@media (max-width:768px){:root{--container-padding:1rem;--header-height:3.5rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a{color:inherit;transition:color var(--transition-base);text-decoration:none}button{cursor:pointer;touch-action:manipulation;background:0 0;border:none;font-family:inherit}img,video{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.container{max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary)25%,var(--bg-elevated)50%,var(--bg-tertiary)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.scroll-row{gap:var(--space-3);padding:0 var(--container-padding)var(--space-3);scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;display:flex;overflow-x:auto}.scroll-row::-webkit-scrollbar{display:none}.scroll-row>*{scroll-snap-align:start;flex-shrink:0}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-lg);transition:all var(--transition-base);white-space:nowrap;padding:.625rem 1.25rem;display:inline-flex}.btn-primary{background:var(--accent);color:var(--text-primary)}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-glow)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);background:#ffffff14}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff1f}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-md);display:inline-flex}.badge-accent{background:var(--accent-subtle);color:var(--accent);border:1px solid var(--accent-border)}.badge-gold{background:var(--gold-subtle);color:var(--gold);border:1px solid var(--gold-border)}.genre-pill{padding:var(--space-1)var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);background:var(--accent-subtle);color:var(--accent);border:1px solid var(--accent-border);border-radius:var(--radius-full);align-items:center;display:inline-flex}.media-card{border-radius:var(--radius-lg);background:var(--bg-secondary);cursor:pointer;transition:transform var(--transition-slow),box-shadow var(--transition-slow);position:relative;overflow:hidden}.media-card:hover{box-shadow:var(--shadow-xl);z-index:10;transform:translateY(-4px)scale(1.02)}.media-card__image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow),filter var(--transition-slow)}.media-card:hover .media-card__image{filter:brightness(.6);transform:scale(1.05)}.media-card__overlay{pointer-events:none;background:linear-gradient(#0000 50%,#000000d9 100%);position:absolute;inset:0}.media-card__play{background:var(--accent);border-radius:var(--radius-full);opacity:0;width:44px;height:44px;transition:all var(--transition-base);box-shadow:var(--shadow-glow);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.media-card:hover .media-card__play{opacity:1;transform:translate(-50%,-50%)scale(1)}.media-card__rating{top:var(--space-2);left:var(--space-2);align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--gold);background:#000000b3;display:flex;position:absolute}.media-card__title{padding:var(--space-2)var(--space-3)var(--space-3);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.nav-link{font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2)var(--space-3);border-radius:var(--radius-lg);transition:color var(--transition-base),background var(--transition-base);text-decoration:none;color:var(--text-secondary)!important}.nav-link:hover{background:var(--accent-subtle);color:var(--accent)!important}.dropdown-trigger{font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2)var(--space-3);border-radius:var(--radius-lg);transition:color var(--transition-base),background var(--transition-base);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;text-decoration:none;display:inline-flex;color:var(--text-secondary)!important}.dropdown-trigger:hover{background:var(--accent-subtle);color:var(--accent)!important}.dropdown-all-link{transition:background var(--transition-base),padding-left var(--transition-base)}.dropdown-all-link:hover{background:var(--accent-subtle)!important;padding-left:18px!important}.dropdown-item{transition:color var(--transition-base),padding-left var(--transition-base)}.dropdown-item:before{content:"";background:var(--accent-border);width:4px;height:4px;transition:background var(--transition-base);border-radius:50%;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.dropdown-item:hover{color:var(--accent)!important;padding-left:28px!important}.dropdown-item:hover:before{background:var(--accent)}.footer-link{transition:color var(--transition-base),padding-left var(--transition-base);position:relative}.footer-link:before{content:"";background:var(--gold-border);width:4px;height:4px;transition:background var(--transition-base);border-radius:50%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.footer-link:hover{color:var(--gold)!important;padding-left:20px!important}.footer-link:hover:before{background:var(--gold)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){body{padding-bottom:4rem}.scroll-nav{display:none!important}.filter-sort-grid{grid-template-columns:1fr 1fr!important}.filter-modal{width:100%!important;max-height:85vh!important}.season-btn{min-height:40px!important;padding:10px 16px!important}.btn{min-height:40px}}@media (max-width:480px){.filter-sort-grid{grid-template-columns:1fr!important}.filter-modal{position:fixed;border-radius:var(--radius-xl)var(--radius-xl)0 0!important;max-height:95vh!important;inset:auto 0 0!important;transform:none!important}.filter-modal>div:first-child{margin-bottom:20px!important}}:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-to-content{z-index:9999;background:var(--accent);color:#fff;font-weight:var(--font-bold);border-radius:var(--radius-md);padding:8px 16px;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:16px}.skip-to-content:focus{top:16px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.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}