body{background:#000;color:#fff;font-family:Kode Mono,monospace}.signin-wrapper{position:relative;width:100vw;height:100vh;background:url(/images/intune-background.PNG) no-repeat 50%/cover;display:flex;justify-content:center;align-items:flex-start;overflow:hidden;padding-top:65vh;text-align:center}.signin-content{max-width:400px;margin:0 auto}.signin-button{font:400 1.2rem Kode Mono,monospace;padding:1rem 2.5rem;background:transparent;border:2px solid var(--accent,#00ff9d);border-radius:8px;color:var(--accent,#00ff9d);position:relative;overflow:hidden;margin-bottom:2rem;transition:all .3s ease}.signin-button:before{content:"";position:absolute;inset:0;left:-100%;background:linear-gradient(90deg,transparent,rgba(0,255,157,.1),transparent);transition:left .5s ease}.signin-button:hover:before{left:100%}.signin-button:hover{--accent:#f51fbc;box-shadow:0 0 30px rgba(245,31,188,.3);transform:translateY(-2px)}.button-cursor{animation:blink 1s infinite;margin-left:.2rem}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.signin-tagline{font-size:.9rem;color:hsla(0,0%,100%,.6);letter-spacing:2px}.playlistFormContainer,.resultsSection{background:hsla(0,0%,4%,.85);border-radius:16px;padding:25px;margin-bottom:30px;color:#fff;font-family:inherit}.playlistFormContainer{max-width:700px;margin:40px auto;text-align:center;box-shadow:0 0 25px rgba(99,226,255,.25)}.favorites-results{box-shadow:0 0 20px rgba(249,0,208,.2)}.favorites-results,.public-results{background:hsla(0,0%,4%,.85);border-radius:16px;padding:25px;margin-bottom:30px}.public-results{box-shadow:0 0 20px rgba(0,255,157,.2)}.myplaylist-section{background:hsla(0,0%,4%,.85);border-radius:16px;padding:25px;margin-bottom:30px;box-shadow:0 0 20px rgba(255,165,0,.2)}.favorites-grid,.myplaylist-grid,.public-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem}.section-title{text-align:center;margin:5px 0 20px}.section-title.favorites{margin-top:20px}.playlistFormContainer h3.new-form{font-size:2rem;margin-bottom:25px;color:#63e2ff;text-shadow:0 0 8px #63e2ff,0 0 16px #00ff9d;letter-spacing:1px}.playlistFormContainer .form-control{background:#0a0a0a;border:1px solid #63e2ff;border-radius:12px;color:#fff;font-size:1rem;padding:12px 15px;transition:.3s}.playlistFormContainer .form-control:focus{border-color:#f51fbc;box-shadow:0 0 12px #f51fbc,0 0 20px rgba(99,226,255,.3);outline:none}.playlistFormContainer .input-group-text{background:#101022;color:#f51fbc;border:1px solid #63e2ff;border-radius:12px 0 0 12px;font-size:1.2rem}.mood-checkboxes{display:flex;flex-wrap:wrap;gap:8px;max-height:150px;overflow-y:auto;padding:12px;border-radius:12px;background:rgba(16,16,34,.7);box-shadow:inset 0 0 12px rgba(99,226,255,.15)}.mood-checkboxes .form-check-label{color:silver;font-size:.95rem;transition:color .2s ease}.form-check-input:checked,.form-check-label,.mood-checkboxes{color:#f51fbc;text-shadow:0 0 8px #f51fbc}.btn{border:none;border-radius:30px;padding:10px 22px;font-weight:600;cursor:pointer;font-size:1rem;color:#fff;transition:all .3s ease;box-shadow:0 0 10px rgba(99,226,255,.3)}.btn:hover{transform:translateY(-2px) scale(1.05)}.btn.public{background:linear-gradient(135deg,#63e2ff,#00ff9d)}.btn.private{background:linear-gradient(135deg,#f51fbc,#a29bfe)}.form-button{background:linear-gradient(135deg,#f51fbc,#63e2ff);border:none;border-radius:30px;padding:12px 28px;font-size:1rem;font-weight:700;color:#fff;text-transform:uppercase;box-shadow:0 0 15px rgba(99,226,255,.3);transition:.3s}.form-button:hover{box-shadow:0 0 25px #f51fbc,0 0 35px rgba(99,226,255,.4)}.favorites-title,.myplaylist-header,.public-header{text-align:center;margin-bottom:20px}.Nav_sidebar__ssJUA{position:fixed;top:2rem;left:-240px;max-height:80vh;width:240px;background:linear-gradient(180deg,#0a0a0a,#1a1a1a);border-radius:12px;color:#fff;transition:left .3s ease;z-index:1050;display:flex;flex-direction:column;padding:1rem}.Nav_sidebar__ssJUA.Nav_open__YC4V4{left:0}.Nav_toggleBtn__5auwv{position:absolute;top:1rem;right:-3rem;font-size:1.5rem;background:#111;border:none;border-radius:8px;padding:.4rem .8rem;color:#fff;cursor:pointer;transition:background .3s ease}.Nav_toggleBtn__5auwv:hover{background:#333}.Nav_logoContainer__llumY{display:flex;justify-content:center;align-items:center;margin:.01rem 0 1rem;padding:.5rem;border-bottom:1px solid rgba(245,31,188,.2)}.Nav_logo__wON13{font-family:Kode Mono,monospace;font-size:20px;background:linear-gradient(90deg,#00ff9d,#f51fbc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(0,255,157,.3));transition:all .3s ease}.Nav_logoContainer__llumY:hover .Nav_logo__wON13{filter:drop-shadow(0 0 12px rgba(245,31,188,.4));transform:scale(1.02)}.Nav_navLinks__G6lOx{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.Nav_link__ssiPN{font:500 1.1rem Kode Mono,monospace;color:#f51fbc;text-decoration:none;transition:all .3s ease}.Nav_link__ssiPN:hover{color:#e43ee4;transform:translateX(5px)}.Nav_footer__cQLXw{margin-top:auto;padding-top:2rem;display:flex;justify-content:center}.Nav_signOutBtn__0emBb{width:50%;border:1px solid #63e2ff;border-radius:8px;padding:.5rem .8rem;color:#63e2ff;font:500 .9rem Kode Mono,monospace;background:transparent;cursor:pointer;transition:all .3s ease}.Nav_signOutBtn__0emBb:hover{background:#00ff9d;border-color:#00ff9d;color:#0a0a0a;transform:translateY(-2px)}