@keyframes floatSlow{0%,to{transform:translate(0,0)}50%{transform:translate(40px,40px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes success3D{0%{opacity:0;transform:scale(.2) rotateX(-120deg) rotateY(-30deg) translateZ(-150px)}30%{transform:scale(.8) rotateX(-45deg) rotateY(-10deg) translateZ(-50px)}60%{transform:scale(1.15) rotateX(15deg) rotateY(5deg) translateZ(80px)}80%{transform:scale(.95) rotateX(-5deg) rotateY(-2deg) translateZ(20px)}to{opacity:1;transform:scale(1) rotateX(0) rotateY(0) translateZ(0)}}@keyframes checkBounce{0%{transform:scale(0) rotate(-270deg) translateY(50px);opacity:0}40%{transform:scale(.6) rotate(-90deg) translateY(20px)}65%{transform:scale(1.3) rotate(15deg) translateY(-10px)}85%{transform:scale(.9) rotate(-5deg) translateY(5px)}to{transform:scale(1) rotate(0) translateY(0);opacity:1}}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes buttonPress{0%{transform:scale(1)}50%{transform:scale(.95) rotateX(5deg)}to{transform:scale(.95)}}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(0);opacity:.8}to{transform:translate(-50%,-50%) scale(3);opacity:0}}:root{--bg:#050507;--glass:rgba(255, 255, 255, 0.03);--glass-border:rgba(255, 255, 255, 0.08);--accent:#ff2e4d;--text:#ffffff;--text-muted:#8f9099;--glow:radial-gradient(circle at 50% 50%, rgba(255, 46, 77, 0.15), transparent 60%)}*{box-sizing:border-box;margin:0;padding:0}body,h1{color:var(--text)}body{background-color:var(--bg);background-image:var(--glow);background-attachment:fixed;background-size:100vw 100vh;font-family:"Outfit",sans-serif;padding:40px 20px;min-height:100vh;opacity:0;visibility:hidden;transition:opacity .3s ease}body.authenticated{opacity:1;visibility:visible}.shape{position:fixed;border-radius:50%;filter:blur(80px);opacity:.3;z-index:-1;animation:floatSlow 12s ease-in-out infinite}.shape-1,.shape-2{background:var(--accent)}.shape-1{width:400px;height:400px;top:100px;right:-100px}.shape-2{width:300px;height:300px;bottom:100px;left:-80px;animation-delay:3s}.container{max-width:900px;margin:0 auto;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));backdrop-filter:blur(20px);border:1px solid var(--glass-border);padding:50px;border-radius:30px;box-shadow:0 20px 60px rgba(0,0,0,.8)}h1{border-bottom:2px solid var(--accent);padding-bottom:20px;font-size:2.5rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;display:flex;justify-content:space-between;align-items:center}.logout-btn{background:rgba(255,46,77,.2);color:var(--accent);border:1px solid var(--accent);padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.logout-btn:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.group,h1{margin-bottom:30px}.group{animation:fadeIn .5s ease-out backwards}.group:nth-child(1){animation-delay:.1s}.group:nth-child(2){animation-delay:.2s}.group:nth-child(3){animation-delay:.3s}.group:nth-child(4){animation-delay:.4s}.group:nth-child(5){animation-delay:.5s}.group:nth-child(6){animation-delay:.6s}.group:nth-child(7){animation-delay:.7s}.group:nth-child(8){animation-delay:.8s}input,label{font-size:1rem}label{display:block;font-weight:700;margin-bottom:10px;color:var(--text);text-transform:uppercase;letter-spacing:1px}input{font-family:inherit}input,textarea{width:100%;padding:15px;border:2px solid var(--glass-border);border-radius:10px;transition:all .3s ease;background:rgba(255,255,255,.05);color:var(--text)}input:focus,textarea:focus{outline:0;border-color:var(--accent);background:rgba(255,255,255,.08);box-shadow:0 0 0 3px rgba(255,46,77,.1)}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.5}textarea{resize:vertical;min-height:150px;font-family:"Courier New",monospace;font-size:.9rem}.help{font-size:.85rem;color:var(--text-muted);margin-top:8px;padding:8px 12px;background:rgba(255,255,255,.03);border-radius:6px;border-left:3px solid var(--accent)}button{background:var(--accent);color:#fff;border:0;padding:18px 40px;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;width:100%;margin-top:30px;transition:all .3s ease;box-shadow:0 4px 15px rgba(255,46,77,.4);text-transform:uppercase;letter-spacing:1px}button:hover{transform:translateY(-3px);box-shadow:0 6px 25px rgba(255,46,77,.6)}button:active{transform:translateY(-1px)}.success{background:linear-gradient(135deg,rgba(46,255,77,.25),rgba(34,197,94,.2));border:4px solid rgba(46,255,77,.6);color:#4ade80;padding:80px 60px;border-radius:35px;margin-top:40px;display:none;text-align:center;font-weight:700;font-size:2.2rem;animation:success3D 1.5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 40px 100px rgba(46,255,77,.5),0 15px 50px rgba(46,255,77,.4),0 0 0 2px rgba(46,255,77,.3) inset;position:relative;overflow:hidden;transform-style:preserve-3d;perspective:2000px;min-height:320px}.success::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2.5s infinite;z-index:1}.success::after{content:"";position:absolute;top:50%;left:50%;width:300px;height:300px;background:radial-gradient(circle,rgba(46,255,77,.3),transparent 70%);transform:translate(-50%,-50%) scale(0);animation:pulse 1.5s ease-out;border-radius:50%}.success>*{position:relative;z-index:2}.success .icon{font-size:8rem;display:block;margin-bottom:25px;animation:checkBounce 1s cubic-bezier(.34,1.56,.64,1) .4s backwards;filter:drop-shadow(0 20px 40px rgba(46,255,77,.7));text-shadow:0 0 40px rgba(46,255,77,.9),0 0 60px rgba(46,255,77,.6)}.success small{display:block;margin-top:25px;font-size:1.3rem;font-weight:500;opacity:.95;letter-spacing:.5px}button.saving{animation:buttonPress .3s ease;transform:scale(.95)}.back-link{display:inline-block;text-align:center;margin-top:30px;color:var(--text-muted);text-decoration:none;font-weight:600;transition:all .3s ease;padding:12px 30px;border:2px solid var(--glass-border);border-radius:10px}.back-link:hover{color:var(--text);transform:translateX(-5px)}.warning{background:rgba(255,193,7,.1);border:2px solid rgba(255,193,7,.3);padding:15px;border-radius:10px;margin-bottom:20px;color:#ffc107}.warning strong{display:block;margin-bottom:5px;font-size:1.1rem}.song-box{background:rgba(255,255,255,.03);border:2px solid var(--glass-border);border-radius:15px;padding:20px;margin-bottom:15px;position:relative;transition:all .3s ease}.back-link:hover,.song-box:hover{border-color:var(--accent);background:rgba(255,255,255,.05)}.song-box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.song-number{font-weight:700;font-size:.9rem;color:var(--accent);text-transform:uppercase;letter-spacing:1px}.remove-song{background:rgba(255,46,77,.2);color:var(--accent);border:1px solid var(--accent);padding:6px 15px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease}.remove-song:hover{background:var(--accent);color:#fff}.song-box input{margin-bottom:10px}.song-box input:last-child{margin-bottom:0}@media (max-width:600px){.container{padding:30px 20px}h1{font-size:1.5rem}.song-box-header{flex-direction:column;align-items:flex-start;gap:10px}}