@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#0d0d0f;--bg-secondary:#15161a;--bg-tertiary:#1c1d22;--bg-card:#1a1b20;--bg-card-hover:#22232a;--bg-input:#1e1f25;--bg-glass:#ffffff0a;--text-primary:#f0f0f2;--text-secondary:#a0a3ab;--text-muted:#6b6e78;--text-accent:#7c8cf8;--accent:#6366f1;--accent-hover:#818cf8;--accent-glow:#6366f140;--accent-subtle:#6366f114;--gold:#f59e0b;--gold-glow:#f59e0b33;--green:#22c55e;--green-subtle:#22c55e1a;--red:#ef4444;--red-subtle:#ef44441a;--sky:#38bdf8;--sky-subtle:#38bdf81a;--border:#ffffff0f;--border-hover:#ffffff1f;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 30px #00000080;--shadow-glow:0 0 20px var(--accent-glow);--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}img{max-width:100%;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select{outline:none;font-family:inherit}.container{max-width:1280px;margin:0 auto;padding:0 24px}.page{min-height:calc(100vh - 64px);padding:32px 0 80px}.navbar{border-bottom:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(16px)saturate(180%);background:#15161ad9;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.navbar:after{content:"";background:linear-gradient(90deg, transparent, var(--accent) 30%, #a855f7 70%, transparent);opacity:.5;height:1px;position:absolute;bottom:-1px;left:0;right:0}.navbar-brand{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.25rem;font-weight:700;display:flex}.navbar-brand .icon{filter:drop-shadow(0 0 6px #6366f166);font-size:1.5rem}.navbar-links{gap:4px;display:flex}.navbar-links a{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-base);padding:8px 16px;font-size:.875rem;font-weight:500;position:relative}.navbar-links a:hover,.navbar-links a.active{color:var(--text-primary);background:var(--accent-subtle)}.navbar-links a.active{color:var(--accent);box-shadow:0 0 12px #6366f126}.navbar-user{align-items:center;gap:12px;display:flex}.navbar-user span{color:var(--text-secondary);font-size:.875rem}.btn-logout{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;padding:6px 14px;font-size:.8125rem}.btn-logout:hover{border-color:var(--red);color:var(--red);background:var(--red-subtle)}.login-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f11f 0%,#0000 70%);width:600px;height:600px;animation:6s ease-in-out infinite ambientPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ambientPulse{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.7;transform:translate(-50%,-50%)scale(1.15)}}.login-card{border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg), 0 0 60px #6366f114;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1;background:#15161ae6;padding:40px;animation:.6s cubic-bezier(.16,1,.3,1) cardEntrance;position:relative}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.login-card h1{text-align:center;background:linear-gradient(135deg, var(--text-primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:1.75rem;font-weight:800}.login-card p{color:var(--text-secondary);text-align:center;margin-bottom:32px;font-size:.875rem}.login-card .form-group{margin-bottom:20px}.login-card .error{color:var(--red);text-align:center;background:var(--red-subtle);border-radius:var(--radius-sm);margin-bottom:16px;padding:10px;font-size:.8125rem}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:500}.form-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);transition:all var(--transition-fast);padding:10px 14px;font-size:.9375rem}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder{color:var(--text-muted)}.form-select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);transition:all var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b6e78' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:10px 32px 10px 14px;font-size:.9375rem}.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.btn{border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.btn-sm{padding:6px 14px;font-size:.8125rem}.btn-gold{background:linear-gradient(135deg, var(--gold), #d97706);color:#1a1b20}.btn-gold:hover{box-shadow:0 0 20px var(--gold-glow);transform:translateY(-1px)}.btn-green{background:var(--green-subtle);color:var(--green);border:1px solid #22c55e33}.btn-green:hover{background:#22c55e26}.btn-green.active{background:var(--green);color:#fff}.btn-sky{background:var(--sky-subtle);color:var(--sky);border:1px solid #38bdf833}.btn-sky:hover{background:#38bdf826}.btn-sky.active{background:var(--sky);color:#0d0d0f}.btn-red{background:var(--red-subtle);color:var(--red);border:1px solid #ef444433}.btn-red:hover{background:#ef444426}.search-header{margin-bottom:32px}.search-header h1{letter-spacing:-.03em;background:linear-gradient(135deg, var(--text-primary) 30%, var(--accent) 70%, #a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:2.25rem;font-weight:800}.search-bar{gap:12px;margin-bottom:16px;display:flex}.search-bar .form-input{border-radius:var(--radius-md);flex:1;padding:12px 18px;font-size:1rem}.filters-toggle{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);align-items:center;gap:6px;padding:4px 0;font-size:.8125rem;display:inline-flex}.filters-toggle:hover{color:var(--accent)}.filters-panel{border:1px solid var(--border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);background:#15161acc;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) slideDown;display:grid;box-shadow:0 8px 32px #0003}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.searchable-select{position:relative}.searchable-select-trigger{text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}.searchable-select-dropdown{z-index:50;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:hidden}.searchable-select-search{border:none;border-bottom:1px solid var(--border);background:var(--bg-primary);width:100%;color:var(--text-primary);outline:none;padding:10px 12px;font-size:.875rem}.searchable-select-search::placeholder{color:var(--text-muted)}.searchable-select-options{scrollbar-width:thin;scrollbar-color:var(--border) transparent;max-height:200px;overflow-y:auto}.searchable-select-option{cursor:pointer;color:var(--text-secondary);transition:background var(--transition-fast);padding:8px 12px;font-size:.8125rem}.searchable-select-option:hover{background:var(--bg-glass);color:var(--text-primary)}.searchable-select-option.selected{background:var(--accent-subtle);color:var(--accent);font-weight:600}.searchable-select-code{color:var(--text-muted);font-size:.75rem}.sort-bar{color:var(--text-secondary);align-items:center;gap:10px;margin-bottom:16px;font-size:.875rem;display:flex}.sort-select{width:auto;min-width:160px}.results-grid{grid-template-columns:repeat(5,1fr);gap:20px;display:grid}.movie-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);animation:.4s cubic-bezier(.16,1,.3,1) both cardFadeIn;position:relative;overflow:hidden}.movie-card:first-child{animation-delay:0s}.movie-card:nth-child(2){animation-delay:40ms}.movie-card:nth-child(3){animation-delay:80ms}.movie-card:nth-child(4){animation-delay:.12s}.movie-card:nth-child(5){animation-delay:.16s}.movie-card:nth-child(n+6):nth-child(-n+10){animation-delay:.2s}.movie-card:nth-child(n+11):nth-child(-n+15){animation-delay:.28s}.movie-card:nth-child(n+16):nth-child(-n+20){animation-delay:.34s}.movie-card:nth-child(n+21){animation-delay:.4s}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.movie-card:hover{background:var(--bg-card-hover);border-color:#6366f166;transform:translateY(-6px);box-shadow:0 8px 30px #6366f126,0 0 0 1px #6366f11a}.movie-card-poster{aspect-ratio:2/3;background:var(--bg-tertiary);position:relative;overflow:hidden}.movie-card-poster:after{content:"";pointer-events:none;opacity:0;height:40%;transition:opacity var(--transition-base);background:linear-gradient(#0000,#0000004d);position:absolute;bottom:0;left:0;right:0}.movie-card:hover .movie-card-poster:after{opacity:1}.movie-card-poster img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.movie-card:hover .movie-card-poster img{transform:scale(1.05)}.movie-card-poster .no-poster{height:100%;color:var(--text-muted);background:linear-gradient(145deg,#1c1d22 0%,#252630 50%,#1c1d22 100%);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:2.5rem;display:flex;position:relative;overflow:hidden}.movie-card-poster .no-poster:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 18px,#ffffff04 18px 20px);position:absolute;inset:0}.movie-card-rating{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-sm);color:var(--gold);background:#000000bf;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:8px;right:8px}.movie-card-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-sm);color:#fff;white-space:nowrap;background:#000c;padding:4px 8px;font-size:.6875rem;font-weight:600;position:absolute;bottom:8px;left:8px}.movie-card-badge--rated{color:var(--gold)}.movie-card-badge--watched{color:#60a5fa}.movie-card-badge--skipped{color:#94a3b8}.movie-card--rated{opacity:.7;transition:opacity var(--transition-fast)}.movie-card--rated:hover{opacity:1}.search-options{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.hide-rated-toggle{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:.8125rem;display:flex}.hide-rated-toggle input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.movie-card-info{padding:14px}.movie-card-title{-webkit-line-clamp:2;line-clamp:2;transition:color var(--transition-fast);-webkit-box-orient:vertical;margin-bottom:6px;font-size:.875rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.movie-card:hover .movie-card-title{color:var(--accent-hover)}.movie-card-meta{color:var(--text-muted);align-items:center;gap:8px;font-size:.75rem;display:flex}.movie-card-votes{color:var(--text-muted);font-size:.6875rem}.movie-detail{grid-template-columns:320px 1fr;gap:40px;margin-top:24px;display:grid}.movie-detail-left{flex-direction:column;gap:20px;display:flex}.movie-detail-poster{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:visible}.movie-detail-poster>img{aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius-lg);width:100%}.trailer-container{margin-top:4px}.trailer-embed{border-radius:var(--radius-md);height:0;box-shadow:var(--shadow-md);padding-bottom:56.25%;position:relative;overflow:hidden}.trailer-embed iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.imdb-link{border-radius:var(--radius-xl);color:#f5c518;transition:all var(--transition-fast);background:#f5c5181a;border:1px solid #f5c51840;align-items:center;gap:6px;margin-bottom:16px;padding:6px 14px;font-size:.8125rem;font-weight:600;display:inline-flex}.imdb-link:hover{color:#f5c518;background:#f5c51833}.metascore{font-weight:700}.metascore--good{color:#6c3;background:#66cc331a;border-color:#66cc334d}.metascore--mixed{color:#fc3;background:#ffcc331a;border-color:#ffcc334d}.metascore--bad{color:red;background:#ff00001a;border-color:#ff00004d}.cast-row{scrollbar-width:thin;scrollbar-color:var(--border) transparent;gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.cast-row::-webkit-scrollbar{height:6px}.cast-row::-webkit-scrollbar-track{background:0 0}.cast-row::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.cast-card{text-align:center;flex:0 0 100px}.cast-photo{object-fit:cover;border:2px solid var(--border);width:80px;height:80px;transition:border-color var(--transition-fast);border-radius:50%;margin:0 auto 8px}.cast-card:hover .cast-photo{border-color:var(--accent)}.cast-photo-placeholder{background:var(--bg-tertiary);width:80px;height:80px;color:var(--text-muted);border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 8px;font-size:2rem;display:flex}.cast-name{color:var(--text-primary);font-size:.75rem;font-weight:600;line-height:1.3}.cast-character{color:var(--text-muted);margin-top:2px;font-size:.6875rem}.movie-detail-poster .no-poster-lg{aspect-ratio:2/3;border-radius:var(--radius-lg);background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 35%,#a855f7 65%,#7c3aed 100%);flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;display:flex;position:relative;overflow:hidden}.no-poster-film-strip{pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 20px,#ffffff08 20px 22px);position:absolute;inset:0}.no-poster-initials{letter-spacing:.08em;color:#fff3;text-transform:uppercase;z-index:1;text-shadow:0 2px 20px #00000026;font-size:4.5rem;font-weight:900;line-height:1}.no-poster-clapperboard{z-index:1;filter:drop-shadow(0 2px 8px #0000004d);font-size:2.5rem}.no-poster-year{color:#fff9;z-index:1;letter-spacing:.15em;border-radius:var(--radius-xl);background:#0003;padding:4px 14px;font-size:.875rem;font-weight:700}.movie-detail-left .trailer-container{margin-top:4px;margin-bottom:0}.movie-detail-info h1{letter-spacing:-.03em;margin-bottom:12px;font-size:2.25rem;font-weight:800;line-height:1.2}.movie-detail-meta{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.meta-badge{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-xl);color:var(--text-secondary);transition:all var(--transition-fast);padding:5px 12px;font-size:.8125rem;font-weight:500}.meta-badge--rating{color:var(--gold);background:#f59e0b1f;border-color:#f59e0b59;font-weight:700}.meta-badge--metascore{font-weight:700}.meta-badge--year{color:var(--sky);background:#38bdf814;border-color:#38bdf840}.meta-badge--runtime{color:var(--text-secondary)}.meta-badge--type{color:var(--text-muted);text-transform:capitalize}.meta-badge--content-rating{color:var(--text-primary);letter-spacing:.03em;background:#ffffff0f;border-color:#fff3;font-weight:700}.meta-badge--votes{color:var(--text-muted);font-size:.75rem}.movie-detail-genres{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.genre-tag{border-radius:var(--radius-xl);color:var(--text-primary);transition:all var(--transition-fast);background:#ffffff12;border:1px solid #ffffff1f;padding:6px 14px;font-size:.8125rem;font-weight:600}.genre-tag:hover{color:var(--accent-hover);background:#6366f11f;border-color:#6366f14d}.movie-detail-section{margin-bottom:24px}.movie-detail-section h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px;font-size:.8125rem;font-weight:600}.movie-detail-section p{color:var(--text-secondary);line-height:1.7}.rating-controls{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:14px;padding:20px;display:flex}.rating-controls h3{letter-spacing:-.01em;margin-bottom:0;font-size:.9375rem;font-weight:700}.rating-stars-row{align-items:center;gap:2px;display:flex}.rating-star{width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1.4rem;line-height:1;transition:all .12s;display:flex}.rating-star:hover{transform:scale(1.2)}.rating-star.filled{color:var(--gold);filter:drop-shadow(0 0 6px #f59e0b66)}.rating-number{color:var(--gold);min-width:40px;margin-left:8px;font-size:1rem;font-weight:700}.rating-actions{flex-wrap:wrap;gap:8px;display:flex}.btn-watchlist{color:#c084fc;background:#a855f71a;border:1px solid #a855f740}.btn-watchlist:hover{background:#a855f733}.rating-success{background:var(--green-subtle);border-radius:var(--radius-sm);color:var(--green);border:1px solid #22c55e33;padding:10px 16px;font-size:.8125rem;font-weight:500;animation:.25s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dashboard-header{margin-bottom:32px}.dashboard-header h1{letter-spacing:-.03em;background:linear-gradient(135deg, var(--text-primary) 30%, var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2.25rem;font-weight:800}.dashboard-header p{color:var(--text-secondary)}.dashboard-tabs{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border);gap:4px;width:fit-content;margin-bottom:24px;padding:4px;display:flex}.dashboard-tab{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-base);background:0 0;padding:10px 20px;font-size:.875rem;font-weight:500}.dashboard-tab:hover{color:var(--text-primary);background:#ffffff0a}.dashboard-tab.active{background:linear-gradient(135deg, var(--accent), #7c3aed);color:#fff;box-shadow:0 2px 12px #6366f14d}.dashboard-tab .count{background:#ffffff26;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:8px;padding:0 6px;font-size:.6875rem;font-weight:700;display:inline-flex}.rating-list{flex-direction:column;gap:8px;display:flex}.rating-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;align-items:center;gap:14px;padding:14px 18px;animation:.3s cubic-bezier(.16,1,.3,1) both itemSlideIn;display:flex}@keyframes itemSlideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.rating-item-thumb{flex-shrink:0}.rating-item-poster{object-fit:cover;border-radius:var(--radius-sm);width:40px;height:60px}.rating-item-poster-placeholder{background:var(--bg-tertiary);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:40px;height:60px;font-size:1.25rem;display:flex}.rating-item-info{flex:1;min-width:0}.rating-item-actions{flex-shrink:0}.rating-item:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.rating-item-title{font-size:.9375rem;font-weight:600}.rating-item-date{color:var(--text-muted);font-size:.75rem}.rating-item-score{background:var(--gold-glow);border-radius:var(--radius-xl);color:var(--gold);align-items:center;gap:4px;padding:4px 12px;font-size:.875rem;font-weight:700;display:flex}.rating-item-state{border-radius:var(--radius-xl);text-transform:uppercase;letter-spacing:.05em;padding:4px 12px;font-size:.75rem;font-weight:600}.rating-item-state.watched{background:var(--green-subtle);color:var(--green)}.rating-item-state.skipped{background:var(--sky-subtle);color:var(--sky)}.rating-item-state.watchlist{color:#c084fc;background:#a855f71a}.dashboard-error{margin-bottom:24px}.dashboard-error .error{color:var(--red);background:var(--red-subtle);border-radius:var(--radius-sm);padding:10px 16px;font-size:.875rem}.btn-search-redirect{margin-top:16px}.search-error{margin-bottom:24px}.search-error .error{color:var(--red);background:var(--red-subtle);border-radius:var(--radius-sm);padding:10px 16px;font-size:.875rem}.loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:80px 0;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-right-color:#6366f166;border-radius:50%;width:44px;height:44px;margin-bottom:16px;animation:.8s linear infinite spin;box-shadow:0 0 16px #6366f126}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, #ffffff0d 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.empty-state{text-align:center;color:var(--text-muted);padding:80px 0;animation:.5s cubic-bezier(.16,1,.3,1) cardEntrance}.empty-state .icon{opacity:.6;filter:drop-shadow(0 4px 12px #f59e0b33);margin-bottom:16px;font-size:3.5rem}.empty-state h3{color:var(--text-secondary);margin-bottom:8px;font-size:1.25rem;font-weight:700}.empty-state p{max-width:400px;margin:0 auto;font-size:.875rem;line-height:1.6}.pagination{flex-direction:column;align-items:center;gap:12px;margin-top:40px;display:flex}.pagination-count{color:var(--text-muted);font-size:.8125rem}.error-boundary{text-align:center;padding:80px 20px}.error-boundary-icon{margin-bottom:16px;font-size:3rem}.error-boundary h2{margin-bottom:12px;font-size:1.5rem;font-weight:700}.error-boundary-message{color:var(--text-muted);max-width:480px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:.9375rem}.error-boundary-actions{justify-content:center;gap:12px;display:flex}.back-btn{color:var(--text-secondary);background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:8px 14px;font-size:.875rem;display:inline-flex}.back-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-subtle);transform:translate(-2px)}.scroll-top-btn{background:linear-gradient(135deg, var(--accent), #7c3aed);color:#fff;cursor:pointer;width:44px;height:44px;transition:all var(--transition-base);z-index:90;opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:fixed;bottom:32px;right:32px;transform:translateY(16px);box-shadow:0 4px 20px #6366f14d}.scroll-top-btn.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-top-btn:hover{transform:translateY(-3px);box-shadow:0 6px 24px #6366f166}@media (width<=1200px){.results-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=960px){.results-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.movie-detail{grid-template-columns:1fr;gap:24px}.movie-detail-left,.movie-detail-poster{max-width:300px;margin:0 auto}.movie-detail-info h1{font-size:1.75rem}.results-grid{grid-template-columns:repeat(2,1fr);gap:12px}.search-bar{flex-direction:column}.filters-panel{grid-template-columns:1fr}.navbar{padding:0 16px}.navbar-links a{padding:8px 10px;font-size:.8125rem}}@media (width<=480px){.results-grid{grid-template-columns:1fr}}