:root,[data-theme=night]{--color-bg-primary: #0a0a0a;--color-bg-secondary: #1a1a1a;--color-bg-tertiary: #2a2a2a;--color-text-primary: #e5e5e5;--color-text-secondary: #a3a3a3;--color-text-muted: #737373;--color-accent-primary: #f97316;--color-accent-secondary: #fb923c;--color-border-primary: #404040;--color-success: #4ade80;--color-danger: #f87171;--color-text-on-accent: #ffffff;--color-star-filled: #facc15}[data-theme=endgame]{--color-bg-primary: #100c2a;--color-bg-secondary: #1c1642;--color-bg-tertiary: #2c246b;--color-text-primary: #e9d5ff;--color-text-secondary: #c084fc;--color-text-muted: #9333ea;--color-accent-primary: #a855f7;--color-accent-secondary: #c084fc;--color-border-primary: #581c87;--color-success: #4ade80;--color-danger: #f87171;--color-text-on-accent: #ffffff;--color-star-filled: #f0abfc}[data-theme=smiling-friends]{--color-bg-primary: #fef08a;--color-bg-secondary: #fde047;--color-bg-tertiary: #facc15;--color-text-primary: #1e1b4b;--color-text-secondary: #4338ca;--color-text-muted: #6d28d9;--color-accent-primary: #ec4899;--color-accent-secondary: #f472b6;--color-border-primary: #eab308;--color-success: #22c55e;--color-danger: #ef4444;--color-text-on-accent: #ffffff;--color-star-filled: #f97316}[data-theme=it]{--color-bg-primary: #000000;--color-bg-secondary: #1a1a1a;--color-bg-tertiary: #2a0a0a;--color-text-primary: #ffffff;--color-text-secondary: #d1d5db;--color-text-muted: #9ca3af;--color-accent-primary: #ef4444;--color-accent-secondary: #b91c1c;--color-border-primary: #ef4444;--color-success: #22c55e;--color-danger: #ef4444;--color-text-on-accent: #ffffff;--color-star-filled: #ef4444}.nav-pill{background-color:#80808033;border-radius:9999px;padding:.5rem 1rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;min-height:48px}.btn-active{background-color:var(--color-accent-primary)!important;color:var(--color-text-on-accent)!important}.theme-btn:hover,#avatar-picker-user1-btn:hover,#avatar-picker-user2-btn:hover{border-color:var(--color-accent-primary);opacity:.8}.avatar-gradient-1{background-image:linear-gradient(to right,#ff8177,#ff867a 0%,#ff8c7f 21%,#f99185 52%,#cf556c 78%,#b12a5b)}.avatar-gradient-2{background-image:linear-gradient(to right,#fa709a,#fee140)}.avatar-gradient-3{background-image:linear-gradient(to top,#30cfd0,#330867)}.avatar-gradient-4{background-image:linear-gradient(to top,#a18cd1,#fbc2eb)}.avatar-gradient-5{background-image:linear-gradient(120deg,#f093fb,#f5576c)}.avatar-gradient-6{background-image:linear-gradient(to right,#43e97b,#38f9d7)}.notification-card{background-color:var(--color-bg-tertiary);border-radius:.5rem;padding:1rem;border-left:5px solid transparent;transition:all .2s ease-in-out}.notification-card.unread{border-left-color:var(--color-accent-primary)}.notification-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.notification-card .dot{width:10px;height:10px;border-radius:50%;margin-right:1rem;flex-shrink:0}.notification-card .dot.feature{background-color:#3b82f6}.notification-card .dot.update{background-color:#10b981}.notification-card .dot.announcement{background-color:#f97316}.notification-card .arrow{transition:transform .2s ease-in-out}.notification-card.expanded .arrow{transform:rotate(90deg)}.notification-card .summary,.notification-card .description{display:none;padding-left:20px;margin-top:10px}.notification-card.expanded .summary{display:block}@keyframes pulse-glow{0%{box-shadow:0 0 15px 5px var(--color-accent-primary)}50%{box-shadow:0 0 25px 15px var(--color-accent-secondary)}to{box-shadow:0 0 15px 5px var(--color-accent-primary)}}@keyframes super-pulse-glow{0%{box-shadow:0 0 20px 10px #f0f}25%{box-shadow:0 0 30px 15px #0ff}50%{box-shadow:0 0 20px 10px #ff0}75%{box-shadow:0 0 30px 15px red}to{box-shadow:0 0 20px 10px #f0f}}.favorite-glow{animation:pulse-glow 2s infinite}.super-favorite-glow{animation:super-pulse-glow 3s infinite}@keyframes rainbow-glow-anim{0%{box-shadow:0 0 15px 5px red}14%{box-shadow:0 0 15px 5px #ff7f00}28%{box-shadow:0 0 15px 5px #ff0}42%{box-shadow:0 0 15px 5px #0f0}57%{box-shadow:0 0 15px 5px #00f}71%{box-shadow:0 0 15px 5px indigo}85%{box-shadow:0 0 15px 5px #9400d3}to{box-shadow:0 0 15px 5px red}}.rainbow-glow{animation:rainbow-glow-anim 3s linear infinite}.endgame-theme{background:linear-gradient(#100c2af2,#100c2af2);border:2px solid #ffc107;box-shadow:0 0 30px #ffc107,0 0 60px #ff9800 inset;position:relative}.endgame-theme:before{content:"";position:absolute;inset:0;background-color:#fff;opacity:0;animation:white-flash-fade 4s forwards;z-index:10;pointer-events:none}.endgame-theme #modal-overview{background:linear-gradient(90deg,#ffc107,#ff9800,#f44336,#9c27b0,#3f51b5,#00bcd4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:glow 2s ease-in-out infinite alternate;background-size:200% 200%}@keyframes glow{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes white-flash-fade{0%{opacity:1}10%{opacity:1}to{opacity:0}}@keyframes walk-across{0%{left:-100px}to{left:100%}}#iron-man-walker.walk{animation:walk-across 10s linear infinite}.endgame-gradient{background:linear-gradient(to top,#100c2a,transparent)}@media(max-width:768px){body{background-attachment:scroll;background-size:cover;background-position:center top;overflow-x:hidden}.nav-pill{padding:.5rem .75rem}#movie-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.movie-modal-content{width:95%;max-height:90vh}#modal-backdrop-image{height:12rem}.p-6{padding:1rem}.grid-cols-1.md\\:grid-cols-2{grid-template-columns:1fr}.rating-stars-container{flex-wrap:wrap}.rating-stars-container .stars{flex-shrink:0}.rating-input-manual{width:100%;margin-top:.5rem;margin-left:0}}@media(max-width:480px){.flex-col.sm\\:flex-row{flex-direction:column}.nav-pill span{display:none}}#search-bar{padding:.75rem 1.5rem;font-size:1.125rem;border:2px solid transparent;transition:border-color .3s ease-in-out}#search-bar:focus{outline:none;border-color:var(--color-accent-primary)}.rating-stars-container{display:flex;align-items:center}.rating-stars-container .stars{display:inline-flex;color:var(--color-text-muted);cursor:pointer}.rating-star{position:relative;font-size:1.5rem;transition:color .2s}.rating-star.filled,.rating-star.half-filled:before{color:var(--color-star-filled)}.rating-star.half-filled:before{content:"";position:absolute;left:0;width:50%;overflow:hidden}.stars:hover .rating-star{color:var(--color-star-filled)}.rating-star:hover~.rating-star{color:var(--color-text-muted)}.movie-card.watched:after{content:"WATCHED";position:absolute;top:1rem;right:-2.5rem;background-color:var(--color-success);color:var(--color-text-on-accent);padding:.25rem 2rem;font-size:.75rem;font-weight:700;transform:rotate(45deg);transform-origin:center;box-shadow:0 2px 5px #0003}@keyframes shake{0%{transform:translate(.5px,.5px) rotate(0)}25%{transform:translate(-.5px,-.5px) rotate(-.1deg)}50%{transform:translate(.5px,.5px) rotate(.1deg)}75%{transform:translate(-.5px,-.5px) rotate(0)}to{transform:translate(.5px,-.5px) rotate(-.1deg)}}.shake{animation:shake .8s infinite}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.episode-carousel::-webkit-scrollbar{display:none}.episode-carousel{-ms-overflow-style:none;scrollbar-width:none}.star-rating-widget{position:relative}.star-container{position:relative;font-size:1.5rem;cursor:pointer}.star-half{position:absolute;top:0;bottom:0;width:50%;z-index:10}.star-half.left{left:0}.star-half.right{right:0}.star-icon{position:relative;z-index:1;transition:color .2s}@media(max-width:640px){.star-container{font-size:1.25rem}.rating-input-manual{width:3.5rem}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in .3s ease-out forwards}.mood-modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.mood-modal{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:48rem;max-height:90vh;overflow-y:auto;position:relative;border:1px solid var(--color-border-primary)}.mood-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(min-width:640px){.mood-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:768px){.mood-grid{grid-template-columns:repeat(5,1fr)}}.mood-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border-radius:.5rem;cursor:pointer;transition:background-color .2s,transform .2s;border:2px solid transparent}.mood-option:hover{background-color:var(--color-bg-tertiary);transform:scale(1.05)}.mood-option.selected{background-color:var(--color-bg-tertiary);border-color:var(--color-accent-primary)}.mood-option img{width:4rem;height:4rem;-o-object-fit:contain;object-fit:contain;transition:transform .2s,filter .3s}.mood-grid.grayscale img{filter:grayscale(100%)!important}.mood-grid:not(.grayscale) img{filter:none!important}.mood-option:hover img{transform:scale(1.1)}.mood-label{font-size:.75rem;color:var(--color-text-muted);text-transform:capitalize}.mood-option:hover .mood-label,.mood-option.selected .mood-label{color:var(--color-text-primary)}.user-select-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border-radius:9999px;background-color:var(--color-bg-tertiary);color:var(--color-text-primary);transition:all .2s;border:2px solid transparent}.user-select-btn:hover{background-color:var(--color-bg-primary)}.user-select-btn.selected{background-color:var(--color-bg-primary);border-color:var(--color-accent-primary)}.user-avatar-preview{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.user1-avatar-preview{background:linear-gradient(to bottom right,#a855f7,#ec4899)}.user2-avatar-preview{background:linear-gradient(to bottom right,#3b82f6,#06b6d4)}.flair-badge{transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s;box-shadow:0 2px 4px #0003;display:inline-flex;align-items:center;gap:.25rem;border:1px solid rgba(255,255,255,.2);text-shadow:0 1px 2px rgba(0,0,0,.5)}.flair-badge:hover{transform:scale(1.1);z-index:10;box-shadow:0 4px 8px #0000004d}@media(hover:none){.movie-card img{transform:none!important}}@media(hover:hover){.movie-card:hover img{transform:scale(1.05)}}