:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-dark-deep:#080415;--bg-dark-card:#110a248c;--bg-dark-nav:#160c2db3;--text-primary:#f5f3f7;--text-secondary:#a39cb4;--neon-pink:#ff007f;--neon-pink-glow:#ff007f66;--neon-cyan:#00f3ff;--neon-cyan-glow:#00f3ff66;--neon-purple:#8a2be2;--neon-purple-glow:#8a2be266;--neon-green:#39ff14;--neon-green-glow:#39ff1466;--neon-red:#ff3131;--neon-red-glow:#ff313166;color:var(--text-primary);background:radial-gradient(circle at 50% 0%, #1c0f38 0%, var(--bg-dark-deep) 70%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;width:100%;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background-color:var(--bg-dark-deep);min-width:320px;min-height:100vh;margin:0;padding:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:.05em;text-transform:uppercase;font-family:Orbitron,system-ui,sans-serif;font-weight:700}h1{text-align:center;color:#fff;text-shadow:0 0 5px #fffc, 0 0 10px var(--neon-pink), 0 0 20px var(--neon-pink), 0 0 40px var(--neon-pink-glow);margin-top:1rem;margin-bottom:2rem;font-size:2.8rem;line-height:1.2;animation:2s infinite alternate neon-pulse}@keyframes neon-pulse{0%{text-shadow:0 0 5px #fffc, 0 0 10px var(--neon-pink), 0 0 20px var(--neon-pink), 0 0 40px var(--neon-pink-glow)}to{text-shadow:0 0 7px #ffffffe6, 0 0 15px var(--neon-pink), 0 0 30px var(--neon-pink), 0 0 60px var(--neon-pink-glow), 0 0 80px var(--neon-pink-glow)}}a{color:var(--neon-cyan);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500;transition:color .3s}a:hover{color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink-glow)}button{text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:.6em 1.5em;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}button:hover{border-color:var(--neon-pink);box-shadow:0 0 15px var(--neon-pink-glow);background-color:#ff007f1a;transform:translateY(-2px)}button:active{transform:translateY(0)}button:focus,button:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark-deep)}::-webkit-scrollbar-thumb{background:var(--neon-purple);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neon-pink);box-shadow:0 0 8px var(--neon-pink-glow)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background-color:#080415b3;justify-content:center;align-items:flex-start;width:100%;height:100%;padding:2rem 1rem;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.modal-content{border:2px solid var(--neon-cyan);width:90%;max-width:500px;color:var(--text-primary);background-color:#110a24f2;border-radius:24px;margin:auto;padding:2.5rem;animation:.3s cubic-bezier(.165,.84,.44,1) slideUp;position:relative;box-shadow:0 10px 40px #00f3ff33,inset 0 0 20px #00f3ff1a}.modal-close-button{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1.8rem;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close-button:hover{color:var(--neon-pink);box-shadow:0 0 10px var(--neon-pink-glow);background-color:#ff007f0d;border-color:#ff007f4d}.modal-content h2{color:#fff;text-shadow:0 0 10px var(--neon-cyan-glow);text-align:center;margin-top:0;margin-bottom:1.5rem;font-size:1.5rem}.modal-content form{flex-direction:column;gap:1.25rem;display:flex}.modal-content label{letter-spacing:.05em;text-transform:uppercase;color:var(--neon-pink);text-shadow:0 0 5px var(--neon-pink-glow);margin-bottom:.4rem;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700;display:block}.modal-content input[type=text],.modal-content input[type=number],.modal-content input[type=url],.modal-content textarea{width:100%;color:var(--text-primary);background-color:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:.75rem 1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;transition:all .3s}.modal-content input:focus,.modal-content textarea:focus{border-color:var(--neon-cyan);box-shadow:0 0 12px var(--neon-cyan-glow);background-color:#00f3ff05;outline:none}.modal-content textarea{resize:vertical;min-height:100px}.modal-content button[type=submit]{background:linear-gradient(135deg, var(--neon-cyan) 0%, #0084ff 100%);color:#080415;text-shadow:none;border:1px solid #fff3;border-radius:14px;margin-top:.75rem;padding:.8rem;font-size:.95rem;font-weight:700;box-shadow:0 4px 15px #00f3ff4d}.modal-content button[type=submit]:hover{box-shadow:0 0 20px var(--neon-cyan-glow);background:linear-gradient(135deg,#33f7ff 0%,#339dff 100%);border-color:#fff;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pwd-overlay{-webkit-backdrop-filter:blur(15px);z-index:2000;background-color:#080415d9;justify-content:center;align-items:center;width:100%;height:100%;animation:.4s fadeIn;display:flex;position:fixed;top:0;left:0}.pwd-content{border:2px solid var(--neon-pink);text-align:center;width:90%;max-width:450px;color:var(--text-primary);background-color:#110a24f5;border-radius:24px;padding:2.5rem;animation:2s infinite alternate pwdPulseBorder,.35s cubic-bezier(.165,.84,.44,1) slideUp;position:relative;box-shadow:0 0 30px #ff007f40,inset 0 0 15px #ff007f1a}.pwd-alert-banner{flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.pwd-alert-icon{font-size:2.5rem;animation:1.5s infinite pwdFlash}.pwd-alert-banner h3{color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink-glow);letter-spacing:.1em;margin:0;font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:800}.pwd-description{color:var(--text-secondary);margin-bottom:2rem;font-size:.9rem;line-height:1.5}.pwd-input-group{width:100%;margin-bottom:1rem;position:relative}.pwd-input-group input{width:100%;color:var(--text-primary);letter-spacing:.1em;background-color:#ffffff08;border:1px solid #ff007f4d;border-radius:12px;padding:.8rem 4rem .8rem 1rem;font-family:Courier New,Courier,monospace;font-size:1.1rem;transition:all .3s}.pwd-input-group input:focus{border-color:var(--neon-pink);box-shadow:0 0 12px var(--neon-pink-glow);background-color:#ff007f05;outline:none}.pwd-toggle-visibility{color:var(--text-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.25rem .6rem;font-family:Orbitron,sans-serif;font-size:.7rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.pwd-toggle-visibility:hover{color:#fff;border-color:var(--neon-pink);background:#ff007f1a}.pwd-input-group input::-ms-reveal{display:none!important}.pwd-input-group input::-ms-clear{display:none!important}.pwd-error-message{color:var(--neon-red);text-shadow:0 0 5px var(--neon-red-glow);text-align:left;margin-top:.5rem;margin-bottom:1.5rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem}.pwd-submit-button{letter-spacing:.05em;background:linear-gradient(135deg, var(--neon-pink) 0%, #8200ff 100%);color:#fff;cursor:pointer;text-transform:uppercase;border:1px solid #fff3;border-radius:14px;width:100%;padding:.9rem;font-family:Orbitron,sans-serif;font-size:.95rem;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #ff007f4d}.pwd-submit-button:hover{box-shadow:0 0 20px var(--neon-pink-glow);background:linear-gradient(135deg,#f39 0%,#9433ff 100%);border-color:#fff;transform:translateY(-2px)}@keyframes pwdPulseBorder{0%{border-color:var(--neon-pink);box-shadow:0 0 20px #ff007f40,inset 0 0 10px #ff007f1a}to{border-color:var(--neon-red);box-shadow:0 0 40px #ff313173,inset 0 0 20px #ff313133}}@keyframes pwdFlash{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}#root{width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.app-container{flex-direction:column;gap:2rem;display:flex}.mobile-only{display:none!important}.main-header{background:var(--bg-dark-nav);-webkit-backdrop-filter:blur(16px);border:1px solid #ff007f26;border-radius:24px;width:100%;transition:all .4s;box-shadow:0 8px 32px #0006,0 0 15px #ff007f0d}.sticky-header{z-index:100;margin-bottom:2rem;position:sticky;top:1rem}.header-top-row{justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem 2rem;display:flex}.header-title{text-shadow:0 0 10px var(--neon-pink-glow);letter-spacing:.05em;text-transform:uppercase;color:#fff;flex-shrink:0;margin:0;font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:700;line-height:1}.header-actions{flex-shrink:0;align-items:center;gap:1rem;display:flex}.search-bar-container{flex-grow:1;max-width:400px;margin:0 2rem;position:relative}.search-input{width:100%;color:var(--text-primary);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;padding:.6rem 1.2rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;transition:all .3s}.search-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 12px var(--neon-cyan-glow);background:#00f3ff05;outline:none}.nav-menu{opacity:0;border-top:1px solid #0000;justify-content:space-between;align-items:center;width:100%;max-height:0;padding:0;transition:all .35s cubic-bezier(.165,.84,.44,1);display:flex;overflow:hidden}.nav-menu.open{opacity:1;border-top:1px solid #ffffff0d}.nav-menu.open.desktop-expanded{max-height:80px;padding:1rem 2rem}.desktop-controls{flex-grow:1;align-items:center;gap:1.25rem;display:flex}.sort-trigger-button{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background-color:#8a2be21a;border:1px solid #8a2be24d;border-radius:16px;padding:.6rem 1.5rem;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:600;transition:all .3s}.sort-trigger-button:hover,.sort-trigger-button.active{border-color:var(--neon-purple);box-shadow:0 0 15px var(--neon-purple-glow);background-color:#8a2be233;transform:translateY(-2px)}.sort-trigger-button.active{border-color:var(--neon-purple);box-shadow:0 0 12px var(--neon-purple-glow);background-color:#8a2be240}.sort-section{align-items:center;gap:1.5rem;width:100%;display:flex}.sort-section h2{color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan-glow);letter-spacing:.1em;text-transform:uppercase;margin:0;font-family:Orbitron,sans-serif;font-size:.9rem}.hamburger-button{cursor:pointer;z-index:10;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;padding:0;display:none}.hamburger-button span{background-color:var(--text-primary);border-radius:2px;width:100%;height:2px;transition:all .3s}.hamburger-button:hover span{background-color:var(--neon-pink);box-shadow:0 0 5px var(--neon-pink-glow)}.hamburger-button.open span:first-child{transform:translateY(8px)rotate(45deg)}.hamburger-button.open span:nth-child(2){opacity:0}.hamburger-button.open span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.sort-container{flex-wrap:wrap;flex-grow:1;align-items:center;gap:.75rem;display:flex}.sort-button{color:var(--text-primary);background-color:#8a2be21a;border:1px solid #8a2be24d;border-radius:16px;padding:.5rem 1.2rem;font-size:.8rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.sort-button:hover,.sort-button.active{border-color:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan-glow);background-color:#00f3ff26;transform:translateY(-1px)}.sort-button.active{border-color:var(--neon-cyan);box-shadow:0 0 12px var(--neon-cyan-glow);background-color:#00f3ff40;font-weight:700}.reverse-button{margin-left:auto;font-weight:600;transition:all .3s}.add-movie-button{background:linear-gradient(135deg, var(--neon-pink) 0%, #8200ff 100%);color:#fff;border:1px solid #fff3;border-radius:16px;margin-left:auto;padding:.6rem 1.5rem;font-size:.85rem;box-shadow:0 4px 15px #ff007f4d}.add-movie-button:hover{border-color:var(--neon-cyan);box-shadow:0 0 20px var(--neon-pink-glow), 0 0 10px var(--neon-cyan-glow);background:linear-gradient(135deg,#f39 0%,#9433ff 100%);transform:translateY(-2px)}.movie-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2.5rem;width:100%;padding:1rem 0;display:grid}.no-movies-title{text-align:center;color:var(--text-secondary);text-shadow:0 0 10px #8a2be233;margin-top:3rem;font-size:1.5rem}.movie-card{background:var(--bg-dark-card);-webkit-backdrop-filter:blur(16px);border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;height:100%;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.movie-card:hover{border-color:#ff007f66;transform:translateY(-8px);box-shadow:0 15px 35px #0006,0 0 20px #ff007f26}.movie-poster-container{background-color:#0b071e;width:100%;height:380px;position:relative;overflow:hidden}.movie-poster{object-fit:cover;width:100%;height:100%}.movie-poster-overlay{pointer-events:none;background:linear-gradient(#08041500 60%,#080415f2 100%);position:absolute;inset:0}.movie-badge-list{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.movie-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:.2rem .6rem;font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:700}.movie-badge.year{color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan-glow);background-color:#00f3ff1a;border:1px solid #00f3ff4d}.movie-badge.type{color:#d1b3ff;background-color:#8a2be226;border:1px solid #8a2be24d}.movie-info{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.movie-card h3{color:#fff;text-transform:none;letter-spacing:0;margin:0 0 .5rem;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:1.25rem;font-weight:700;line-height:1.3}.movie-description{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin:0 0 1.5rem;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.movie-actions{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding-top:1rem;display:flex}.votes{gap:.5rem;display:flex}.thumbs-button{color:var(--text-primary);text-transform:none;background-color:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;padding:.4rem .9rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;display:inline-flex}.thumbs-button:hover{transform:translateY(-2px)}.thumbs-button.liked{border-color:var(--neon-green);color:var(--neon-green);box-shadow:0 0 10px var(--neon-green-glow);text-shadow:0 0 5px var(--neon-green-glow);background-color:#39ff141a}.thumbs-button.liked:hover{background-color:#39ff1426}.thumbs-button.disliked{border-color:var(--neon-red);color:var(--neon-red);box-shadow:0 0 10px var(--neon-red-glow);text-shadow:0 0 5px var(--neon-red-glow);background-color:#ff31311a}.thumbs-button.disliked:hover{background-color:#ff313126}.delete-button{color:#ffb3b3;background-color:#ff31310d;border:1px solid #ff313133;border-radius:12px;padding:.4rem .9rem;font-size:.75rem}.delete-button:hover{border-color:var(--neon-red);box-shadow:0 0 10px var(--neon-red-glow);color:#fff;background-color:#ff313133;transform:translateY(-2px)}.watch-movie-button{text-align:center;text-transform:uppercase;letter-spacing:.05em;width:100%;color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan-glow);background-color:#00f3ff0d;border:1px solid #00f3ff4d;border-radius:12px;margin-bottom:1rem;padding:.6rem 1.2rem;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;box-shadow:0 4px 12px #00f3ff1a}.watch-movie-button:hover{border-color:var(--neon-cyan);box-shadow:0 0 15px var(--neon-cyan-glow), inset 0 0 8px #00f3ff33;background-color:#00f3ff26;transform:translateY(-2px)}.watch-trailer-button{text-align:center;text-transform:uppercase;letter-spacing:.05em;width:100%;color:var(--neon-pink);text-shadow:0 0 5px var(--neon-pink-glow);background-color:#ff007f0d;border:1px solid #ff007f4d;border-radius:12px;margin-bottom:1rem;padding:.6rem 1.2rem;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;box-shadow:0 4px 12px #ff007f1a}.watch-trailer-button:hover{border-color:var(--neon-pink);box-shadow:0 0 15px var(--neon-pink-glow), inset 0 0 8px #ff007f33;background-color:#ff007f26;transform:translateY(-2px)}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:block!important}#root{padding:0 0 1.5rem}.app-container{gap:1rem}.movie-grid{padding:1.5rem}.main-header{border-top:none;border-left:none;border-right:none;border-radius:0}.sticky-header{margin-bottom:1.5rem;position:sticky;top:0}.header-top-row{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem}.header-title{text-align:left;font-size:1.4rem}.hamburger-button{display:flex}.nav-menu{opacity:0;border-top:1px solid #0000;flex-direction:column;align-items:stretch;gap:1.25rem;width:100%;max-height:0;padding:0;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;overflow:hidden}.nav-menu.open.mobile-expanded{opacity:1;border-top:1px solid #ffffff0d;max-height:350px;padding:1.25rem}.sort-section{flex-direction:column;align-items:flex-start;gap:.75rem;width:100%}.sort-container{grid-template-columns:repeat(2,1fr);gap:.5rem;width:100%;display:grid}.sort-button{text-align:center;width:100%;padding:.6rem}.reverse-button{margin-left:0}.search-bar-container{width:100%;max-width:100%;margin:0}.sort-trigger-button{text-align:center;border-radius:14px;width:100%;padding:.75rem;font-size:.85rem}.add-movie-button{text-align:center;border-radius:14px;justify-content:center;width:100%;margin-left:0;padding:.75rem;font-size:.85rem}}