@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600&family=DM+Sans:wght@400;500;600&display=swap";.ledflix-logo-wrapper{-webkit-user-select:none;user-select:none;align-items:center;gap:10px;text-decoration:none;transition:transform .25s;display:inline-flex}.ledflix-logo-wrapper:hover{transform:scale(1.03)}.ledflix-logo-icon{filter:drop-shadow(0 0 10px #e5091473);flex-shrink:0;transition:filter .3s,transform .3s;display:block}.ledflix-logo-wrapper:hover .ledflix-logo-icon{filter:drop-shadow(0 0 18px #ff3838cc);transform:rotate(-3deg)}.logo-size-sm .ledflix-logo-icon{width:28px;height:28px}.logo-size-sm .ledflix-brand-title{font-size:1.15rem}.logo-size-md .ledflix-logo-icon{width:38px;height:38px}.logo-size-md .ledflix-brand-title{font-size:1.45rem}.logo-size-lg .ledflix-logo-icon{width:52px;height:52px}.logo-size-lg .ledflix-brand-title{font-size:1.9rem}.logo-size-xl .ledflix-logo-icon{width:72px;height:72px}.logo-size-xl .ledflix-brand-title{font-size:2.6rem}.ledflix-text-group{flex-direction:column;line-height:1;display:flex}.ledflix-brand-title{letter-spacing:-.02em;align-items:center;font-family:Sora,sans-serif;font-weight:800;display:flex}.text-led{color:#ff2a2a;text-shadow:0 0 20px #ff2a2a66}.text-flix{color:#fff}.ledflix-slogan{color:#94a3b8;letter-spacing:.05em;margin-top:4px;font-family:DM Sans,sans-serif;font-size:.68rem;font-weight:600}.navbar-header{z-index:1000;transition:var(--transition-normal);padding:0 24px;font-family:DM Sans,sans-serif;position:fixed;top:0;left:0;right:0}.navbar-header.transparent-header{background:linear-gradient(#0a0c14b3 0%,#0000 100%)}.navbar-header.scrolled.glass-effect{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);background:#0a0c14eb;box-shadow:0 4px 30px #0000004d}.navbar-container{justify-content:space-between;align-items:center;max-width:1400px;height:64px;margin:0 auto;display:flex}.navbar-logo{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-icon{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--primary), #d4891a);color:#0a0c14;letter-spacing:.02em;width:36px;height:36px;box-shadow:0 0 20px var(--primary-glow), 0 2px 8px #0006;transition:var(--transition-normal);justify-content:center;align-items:center;font-family:Sora,sans-serif;font-size:.85rem;font-weight:700;display:flex}.navbar-logo:hover .logo-icon{box-shadow:0 0 28px var(--primary-glow), 0 0 60px #f5a62333;transform:scale(1.05)}.logo-text{letter-spacing:.08em;background:linear-gradient(135deg, #fff 30%, var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Sora,sans-serif;font-size:1.35rem;font-weight:700}.navbar-links{align-items:center;gap:4px;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--radius-sm);white-space:nowrap;transition:var(--transition-fast);align-items:center;gap:6px;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.nav-link:hover{color:var(--text-main);background:#ffffff0f}.nav-link.active{color:var(--primary)}.nav-link.active:after{content:"";background:var(--primary);height:2px;box-shadow:0 0 8px var(--primary-glow);border-radius:1px;position:absolute;bottom:2px;left:14px;right:14px}.nav-link .chevron{opacity:.5;transition:transform .25s}.nav-link .chevron.rotate{opacity:1;transform:rotate(180deg)}.dropdown-wrapper{z-index:1010;position:relative}.dropdown-trigger-btn{cursor:pointer;background:0 0;border:none}.dropdown-menu{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(28px);z-index:1050;background:#0e1019fa;border:1px solid #ffffff1f;min-width:520px;padding:10px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 20px 60px #000c,0 0 0 1px #f5a6231a}.dropdown-menu.grid-3 .dropdown-grid-scroll{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.dropdown-menu.grid-2 .dropdown-grid-scroll{grid-template-columns:repeat(2,1fr);gap:2px;display:grid}.dropdown-menu-header{color:var(--text-main);justify-content:space-between;align-items:center;margin-bottom:4px;padding:8px 12px;font-family:Sora,sans-serif;font-size:.82rem;font-weight:600;display:flex}.count-tag{color:var(--primary);background:#f5a6231f;border-radius:99px;padding:2px 10px;font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:600}.dropdown-grid-scroll{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;max-height:320px;overflow-y:auto}.dropdown-grid-scroll::-webkit-scrollbar{width:4px}.dropdown-grid-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.dropdown-item{color:var(--text-secondary);border-radius:var(--radius-sm);transition:var(--transition-fast);align-items:center;gap:8px;padding:9px 12px;font-size:.84rem;font-weight:500;text-decoration:none;display:flex}.dropdown-item:hover{color:var(--primary);background:#f5a6231a}.item-bullet{background:var(--text-muted);width:4px;height:4px;transition:var(--transition-fast);border-radius:50%;flex-shrink:0}.dropdown-item:hover .item-bullet{background:var(--primary);box-shadow:0 0 6px var(--primary-glow)}.dropdown-empty{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:24px;font-size:.85rem}.navbar-actions{align-items:center;gap:10px;display:flex}.search-wrapper{position:relative}.search-form{border:1px solid var(--border-color);transition:var(--transition-normal);background:#ffffff0f;border-radius:99px;align-items:center;display:flex;overflow:hidden}.search-form:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow), 0 0 20px #f5a62326;background:#ffffff14}.search-input{width:220px;color:var(--text-main);background:0 0;border:none;outline:none;padding:8px 6px 8px 16px;font-family:DM Sans,sans-serif;font-size:.85rem}.search-input::placeholder{color:var(--text-muted)}.search-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-btn:hover{color:var(--primary);background:#f5a6231a}.search-results-dropdown{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(28px);z-index:1050;background:#0e1019fa;border:1px solid #ffffff1f;width:360px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 60px #000c,0 0 0 1px #f5a6231a}.search-result-item{border-radius:var(--radius-sm);transition:var(--transition-fast);align-items:center;gap:12px;padding:8px 10px;text-decoration:none;display:flex}.search-result-item:hover{background:#f5a62314}.search-item-thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:40px;height:56px}.search-item-info{flex:1;min-width:0}.search-item-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;overflow:hidden}.search-item-sub{color:var(--text-muted);margin-top:2px;font-size:.75rem}.search-view-all{text-align:center;color:var(--primary);border-radius:var(--radius-sm);border-top:1px solid var(--border-color);transition:var(--transition-fast);margin-top:4px;padding:10px;font-size:.82rem;font-weight:600;text-decoration:none;display:block}.search-view-all:hover{background:#f5a62314}.btn-crawl-quick{border:1.5px solid var(--primary);color:var(--primary);cursor:pointer;white-space:nowrap;transition:var(--transition-normal);background:0 0;border-radius:99px;align-items:center;gap:6px;padding:7px 16px;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:600;display:inline-flex}.btn-crawl-quick:hover:not(:disabled){box-shadow:0 0 16px var(--primary-glow);background:#f5a6231f}.btn-crawl-quick:disabled{opacity:.5;cursor:not-allowed}.btn-crawl-quick .spin{animation:1s linear infinite spin-anim}.crawl-text{font-family:DM Sans,sans-serif}.user-menu-wrapper{position:relative}.user-avatar-btn{cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:99px;align-items:center;gap:8px;padding:4px 8px 4px 4px;display:flex}.user-avatar-btn:hover{background:#ffffff0f}.avatar-circle{background:linear-gradient(135deg, var(--primary), #d4891a);color:#0a0c14;width:34px;height:34px;box-shadow:0 0 12px var(--primary-glow);border-radius:50%;justify-content:center;align-items:center;font-family:Sora,sans-serif;font-size:.82rem;font-weight:700;display:flex}.username-text{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-family:DM Sans,sans-serif;font-size:.84rem;font-weight:500;overflow:hidden}.user-dropdown-menu{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(28px);z-index:1050;background:#0e1019fa;border:1px solid #ffffff1f;width:280px;padding:12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 60px #000c,0 0 0 1px #f5a6231a}.user-info-header{padding:6px 8px 12px}.header-name{color:var(--text-main);font-family:Sora,sans-serif;font-size:.95rem;font-weight:600}.header-email{color:var(--text-muted);margin-top:2px;font-size:.78rem}.header-role-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--primary);background:#f5a6231f;border-radius:99px;margin-top:8px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-block}.menu-divider{border:none;border-top:1px solid var(--border-color);margin:6px 0}.user-menu-item{width:100%;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:500;text-decoration:none;display:flex}.user-menu-item:hover{color:var(--text-main);background:#ffffff0f}.user-menu-item.admin-item-link{color:var(--primary)}.user-menu-item.logout{color:var(--accent-coral)}.user-menu-item.logout:hover{background:#e8645a1a}.login-btn{align-items:center;gap:6px;font-family:DM Sans,sans-serif;font-size:.84rem;font-weight:600;text-decoration:none;display:inline-flex}.mobile-toggle{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-main);cursor:pointer;transition:var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:none}.mobile-toggle:hover{border-color:var(--primary);color:var(--primary);background:#ffffff0f}.mobile-drawer{-webkit-backdrop-filter:blur(28px);z-index:1050;background:#0e1019fa;border-bottom:1px solid #ffffff1f;padding:16px 24px 24px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 20px 60px #000c}.mobile-nav{flex-direction:column;gap:4px;display:flex}.mobile-nav a,.mobile-nav button{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:var(--transition-fast);background:0 0;border:none;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:.92rem;font-weight:500;text-decoration:none;display:block}.mobile-nav a:hover,.mobile-nav button:hover{color:var(--text-main);background:#ffffff0f}.mobile-logout{border-top:1px solid var(--border-color);margin-top:8px;color:var(--accent-coral)!important;padding-top:16px!important}.mobile-section{margin-top:4px}.mobile-section-toggle{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 16px;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:500;transition:color .15s;display:flex}.mobile-section-toggle:hover{color:var(--text-main)}.mobile-section-toggle svg:last-child{margin-left:auto;transition:transform .2s}.rotate-180{transform:rotate(180deg)}.mobile-section-list{flex-direction:column;gap:2px;max-height:260px;padding-left:24px;animation:.2s ease-out fadeIn;display:flex;overflow-y:auto}.mobile-section-list a{color:var(--text-muted);padding:8px 12px;font-size:.82rem}.mobile-section-list a:hover{color:var(--accent);background:var(--accent-subtle)}.crawl-toast{z-index:9999;border-radius:var(--radius-md);border:1px solid var(--primary);border-left:3px solid var(--primary);background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);color:var(--text-main);box-shadow:0 8px 32px #0006, 0 0 16px var(--primary-glow);max-width:400px;padding:14px 22px;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:500;position:fixed;bottom:24px;right:24px}.glass-effect{-webkit-backdrop-filter:blur(16px)}.animate-fade-in{animation:.4s ease-out fadeIn}.animate-dropdown{transform-origin:top;animation:.22s ease-out dropIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes dropIn{0%{opacity:0;transform:translate(-50%)translateY(-6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1024px){.navbar-links{display:none}.search-input{width:160px}.btn-crawl-quick .crawl-text,.username-text{display:none}.mobile-toggle{display:flex}.mobile-drawer{display:block}}@media (width<=768px){.navbar-header{padding:0 16px}.navbar-container{height:56px}.logo-text{font-size:1.15rem}.logo-icon{width:32px;height:32px;font-size:.75rem}.search-input{width:120px;font-size:.8rem}.btn-crawl-quick{padding:6px 10px}.crawl-toast{max-width:none;font-size:.82rem;bottom:12px;left:12px;right:12px}.search-results-dropdown{width:calc(100vw - 32px);right:-60px}}.footer{background:var(--bg-elevated);border-top:1px solid var(--border);font-family:var(--font-body);color:var(--text-secondary);padding-top:var(--space-3xl);position:relative}.footer-main{gap:var(--space-2xl);max-width:var(--container-max);padding-inline:var(--space-xl);padding-bottom:var(--space-2xl);grid-template-columns:1.5fr 1fr 1fr 1fr;margin-inline:auto;display:grid}@media (width<=1024px){.footer-main{gap:var(--space-xl);grid-template-columns:1fr 1fr}}@media (width<=640px){.footer-main{gap:var(--space-xl);text-align:center;grid-template-columns:1fr}}.footer-brand{gap:var(--space-md);flex-direction:column;display:flex}.footer-logo{font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--fw-semibold);color:var(--text-primary);letter-spacing:-.02em;line-height:1.1}.footer-logo span{color:var(--accent)}.footer-description{font-size:var(--text-small);line-height:var(--lh-small);color:var(--text-muted);max-width:320px}@media (width<=640px){.footer-description{max-width:none}}.footer-column{gap:var(--space-md);flex-direction:column;display:flex}.footer-column-title{font-family:var(--font-display);font-size:var(--text-small);font-weight:var(--fw-semibold);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--text-primary);margin-bottom:var(--space-xs)}.footer-link{font-size:var(--text-small);color:var(--text-muted);transition:color var(--transition-fast), transform var(--transition-fast);align-items:center;gap:var(--space-xs);width:fit-content;display:inline-flex}.footer-link-disabled{font-size:var(--text-small);color:var(--text-muted);opacity:.5;cursor:not-allowed;align-items:center;gap:var(--space-xs);display:inline-flex}.footer-link:hover{color:var(--accent);transform:translate(3px)}@media (width<=640px){.footer-link{justify-content:center}.footer-link:hover{transform:translateY(-1px)}}.footer-contact-item{align-items:flex-start;gap:var(--space-sm);font-size:var(--text-small);color:var(--text-muted);display:flex}.footer-contact-icon{width:16px;height:16px;color:var(--accent);opacity:.7;flex-shrink:0}@media (width<=640px){.footer-contact-item{justify-content:center}}.footer-socials{gap:var(--space-sm);margin-top:var(--space-xs);display:flex}@media (width<=640px){.footer-socials{justify-content:center}}.footer-social-link{border-radius:var(--radius-md);border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);transition:all var(--transition-base);background:#ffffff0d;justify-content:center;align-items:center;display:inline-flex}.footer-social-link:hover{background:var(--accent-subtle);color:var(--accent);border-color:#f5a62340;transform:translateY(-2px)}.footer-back-to-top{top:-20px;right:calc((100vw - min(var(--container-max), 100%)) / 2 + var(--space-xl));border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border-hover);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:inline-flex;position:absolute}.footer-back-to-top:hover{background:var(--accent);color:var(--bg);box-shadow:var(--shadow-glow);border-color:#0000;transform:translateY(-2px)}@media (width<=768px){.footer-back-to-top{right:var(--space-md)}}.footer-bottom{border-top:1px solid var(--border);padding:var(--space-lg) var(--space-xl);max-width:var(--container-max);justify-content:space-between;align-items:center;gap:var(--space-md);margin-inline:auto;display:flex}.footer-copyright{font-size:var(--text-caption);color:var(--text-muted)}.footer-bottom-links{gap:var(--space-lg);display:flex}.footer-bottom-link{font-size:var(--text-caption);color:var(--text-muted);transition:color var(--transition-fast)}.footer-bottom-link:hover{color:var(--text-secondary)}@media (width<=640px){.footer-bottom{text-align:center;padding:var(--space-md) var(--space-xl);flex-direction:column}.footer-bottom-links{flex-wrap:wrap;justify-content:center}}.error-boundary-wrapper{justify-content:center;align-items:center;min-height:60vh;padding:40px 20px;display:flex}.error-boundary-card{text-align:center;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-card);width:100%;max-width:520px;padding:40px 32px}.error-icon-box{color:#eb5757;background:#eb57571f;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.error-boundary-card h2{color:var(--text-primary);margin-bottom:12px;font-family:Sora,sans-serif;font-size:1.4rem;font-weight:700}.error-boundary-card p{color:var(--text-secondary);margin-bottom:20px;font-size:.95rem;line-height:1.6}.error-details{text-align:left;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:#0000004d;margin-bottom:24px;padding:10px 14px;font-size:.82rem}.error-details code{color:#eb5757;word-break:break-all;margin-top:8px;display:block}.error-actions{justify-content:center;gap:12px;display:flex}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:.5rem;max-width:380px;display:flex;position:fixed;top:1.25rem;right:1.25rem}.toast{border-radius:var(--radius-md);font-family:var(--font-body);color:var(--text-primary);background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);pointer-events:auto;align-items:center;gap:.6rem;padding:.7rem 1rem;font-size:.85rem;animation:.3s ease-out toastSlideIn;display:flex;box-shadow:0 8px 32px #0006,0 0 16px #0003}.toast.removing{animation:.2s ease-in forwards toastSlideOut}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-message{flex:1;line-height:1.4}.toast-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:2px;transition:all .15s;display:flex}.toast-close:hover{color:var(--text-secondary);background:#ffffff0f}.toast-success{border-left:3px solid #34d399}.toast-success .toast-icon{color:#34d399}.toast-error{border-left:3px solid var(--coral)}.toast-error .toast-icon{color:var(--coral)}.toast-warning{border-left:3px solid #fbbf24}.toast-warning .toast-icon{color:#fbbf24}.toast-info{border-left:3px solid var(--accent)}.toast-info .toast-icon{color:var(--accent)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (width<=480px){.toast-container{max-width:none;left:.75rem;right:.75rem}.toast{padding:.6rem .85rem;font-size:.82rem}}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;padding-top:0}.scroll-to-top-wrapper{display:contents}:root{--bg:#0a0c14;--bg-elevated:#0e1019;--surface:#12151f;--surface-hover:#181c28;--surface-active:#1e2233;--accent:#f5a623;--accent-hover:#ffb84d;--accent-glow:#f5a62366;--accent-subtle:#f5a6231f;--coral:#e8645a;--coral-hover:#f07b72;--coral-subtle:#e8645a26;--text-primary:#f0f0f0;--text-secondary:#8b92a5;--text-muted:#5a6178;--border:#ffffff14;--border-hover:#ffffff24;--success:#34d399;--warning:#fbbf24;--danger:#ef4444;--overlay:#0a0c14d9;--overlay-light:#0a0c148c;--font-display:"Sora", sans-serif;--font-body:"DM Sans", sans-serif;--text-display:3.5rem;--text-h1:2.5rem;--text-h2:1.75rem;--text-h3:1.375rem;--text-body:1rem;--text-small:.875rem;--text-caption:.75rem;--lh-tight:1.1;--lh-body:1.6;--lh-small:1.5;--ls-caps:.08em;--ls-heading:-.02em;--ls-body:0;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-spring:.3s cubic-bezier(.34, 1.56, .64, 1);--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow:0 0 20px var(--accent-glow);--container-max:1440px;--header-height:64px;--sidebar-width:240px;--font-mono:"JetBrains Mono", "Fira Code", monospace;--primary:var(--accent);--primary-hover:var(--accent-hover);--primary-glow:var(--accent-glow);--bg-main:var(--bg);--bg-card:var(--surface);--bg-card-hover:var(--surface-hover);--bg-glass:#12151fbf;--border-color:var(--border);--text-main:var(--text-primary);--accent-coral:var(--coral);--accent-gold:gold;--transition-normal:var(--transition-base);--text-dark:#6b7280}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--fw-regular);line-height:var(--lh-body);letter-spacing:var(--ls-body);color:var(--text-primary);background-color:var(--bg);min-height:100vh;overflow-x:hidden}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}button{font-family:var(--font-body);cursor:pointer;color:inherit;font-size:inherit;background:0 0;border:none}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}input,textarea,select{font-family:var(--font-body);font-size:var(--text-body);color:var(--text-primary);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}*{scrollbar-width:thin;scrollbar-color:var(--text-muted) var(--bg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--fw-semibold);line-height:var(--lh-tight);color:var(--text-primary)}h1{font-size:var(--text-h1);letter-spacing:var(--ls-heading)}h2{font-size:var(--text-h2);letter-spacing:var(--ls-heading)}h3{font-size:var(--text-h3)}.text-display{font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--fw-semibold);line-height:var(--lh-tight);letter-spacing:var(--ls-heading)}.text-gradient{background:linear-gradient(135deg, var(--accent), var(--accent-hover));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-caps{font-family:var(--font-display);font-size:var(--text-small);font-weight:var(--fw-medium);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--text-muted)}.container{width:100%;max-width:var(--container-max);padding-inline:var(--space-xl);margin-inline:auto}@media (width<=768px){.container{padding-inline:var(--space-md)}}.glass-effect{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);background:#12151fbf}.glass-effect-strong{-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-hover);border-radius:var(--radius-lg);background:#12151fe6}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-weight:var(--fw-medium);font-size:var(--text-small);letter-spacing:var(--ls-caps);text-transform:uppercase;border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;padding:.625rem 1.25rem;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--accent);color:var(--bg);box-shadow:0 2px 8px var(--accent-glow)}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.btn-primary:active{box-shadow:0 1px 4px var(--accent-glow);transform:translateY(0)}.btn-glass{color:var(--text-primary);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);background:#ffffff0f}.btn-glass:hover{border-color:var(--border-hover);background:#ffffff1f}.btn-outline{color:var(--text-primary);border:1px solid var(--border-hover);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-sm{font-size:var(--text-caption);border-radius:var(--radius-sm);padding:.375rem .75rem}.btn-lg{font-size:var(--text-body);border-radius:var(--radius-lg);padding:.875rem 2rem}.btn-full{width:100%}.badge{font-family:var(--font-display);font-size:var(--text-caption);font-weight:var(--fw-medium);letter-spacing:var(--ls-caps);text-transform:uppercase;border-radius:var(--radius-sm);white-space:nowrap;align-items:center;padding:.125rem .5rem;line-height:1.6;display:inline-flex}.badge-primary{background:var(--accent-subtle);color:var(--accent)}.badge-gold{background:var(--accent-subtle);color:var(--accent-hover);border:1px solid #f5a62340}.badge-glass{color:var(--text-secondary);border:1px solid var(--border);background:#ffffff0f}.badge-coral{background:var(--coral-subtle);color:var(--coral)}.badge-success{color:var(--success);background:#34d3991f}.badge-warning{color:var(--warning);background:#fbbf241f}.badge-danger{color:var(--danger);background:#ef44441f}.section-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.section-title{font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--fw-semibold);color:var(--text-primary);letter-spacing:var(--ls-heading)}.section-link{font-family:var(--font-display);font-size:var(--text-small);font-weight:var(--fw-medium);color:var(--text-muted);letter-spacing:var(--ls-caps);text-transform:uppercase;transition:color var(--transition-fast)}.section-link:hover{color:var(--accent)}.movie-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}@media (width<=768px){.movie-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (width<=480px){.movie-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mt-4{margin-top:var(--space-lg)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.mb-4{margin-bottom:var(--space-lg)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.empty-state{padding:var(--space-3xl) var(--space-xl);text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-title{font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--fw-semibold);color:var(--text-secondary);margin-bottom:var(--space-sm)}.empty-state-text{font-size:var(--text-small);max-width:400px}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.spinner-sm{border-width:2px;width:18px;height:18px}.spinner-lg{border-width:4px;width:48px;height:48px}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--surface-hover) 50%, var(--surface) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.overlay{background:var(--overlay);z-index:100;animation:fadeIn var(--transition-base);position:fixed;inset:0}.divider{background:var(--border);height:1px;margin:var(--space-xl) 0;border:none}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (width<=768px){:root{--text-display:2.5rem;--text-h1:2rem;--text-h2:1.5rem;--text-h3:1.125rem}}@media (width<=480px){:root{--text-display:2rem;--text-h1:1.75rem;--text-h2:1.25rem}}