@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700&family=Outfit:wght@300;400;700;900&display=swap";:root{--neon-pink:#ff1a3c;--neon-blue:#00f0ff;--neon-purple:#9d00ff;--neon-orange:#f90;--success-green:#0f8;--neon-magenta:#e040fb;--neon-teal:#00e5b3;--star-gold:#ffbe00;--dark-bg:#09031c;--card-bg:#14052dd9;--glass-border:#fff3;color:#fff;background-color:var(--dark-bg);background-image:radial-gradient(circle at 10% 20%,#ff1a3c26 0%,#0000 25%),radial-gradient(circle at 90% 80%,#00f0ff26 0%,#0000 25%),radial-gradient(circle,#9d00ff1a 0%,#0000 40%);background-attachment:fixed;min-height:100vh;font-family:Outfit,Fredoka,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;overflow-x:hidden}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0000005e,inset 0 0 15px #ffffff0d}.glow-blue{text-shadow:0 0 8px #ffffffb3, 0 0 15px var(--neon-blue);color:var(--neon-blue)}.glow-pink{text-shadow:0 0 8px #ffffffb3, 0 0 15px var(--neon-pink);color:var(--neon-pink)}.glow-gold{text-shadow:0 0 8px #ffffffb3, 0 0 15px var(--star-gold);color:var(--star-gold)}.anime-title{background:linear-gradient(135deg, var(--neon-blue), #d400ff, var(--neon-pink));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #ff1a3c99);-webkit-background-clip:text;background-clip:text;font-weight:900}.countdown-box{border:2px solid var(--neon-purple);box-shadow:0 0 10px var(--neon-purple), inset 0 0 10px var(--neon-purple);text-align:center;background:#00000080;border-radius:12px;padding:10px 15px}.countdown-number{text-shadow:0 0 10px #fff,0 0 20px #fff;font-family:Fredoka,sans-serif;font-size:2.5rem;font-weight:700}.countdown-label{text-transform:uppercase;letter-spacing:2px;opacity:.8;font-size:.7rem}.category-card{cursor:default;flex-direction:column;gap:1rem;padding:1.5rem;transition:transform .3s;display:flex}.category-card:hover{transform:translateY(-5px)}.category-icon{text-align:center;filter:drop-shadow(0 0 15px);margin:1rem 0;font-size:3rem}.task-item{cursor:pointer;border-radius:8px;align-items:center;gap:1rem;padding:.5rem;font-size:1.1rem;transition:all .2s;display:flex}.task-item:hover{background:#ffffff0d}.task-checkbox{border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:flex}.modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{border:2px solid var(--neon-blue);border-radius:20px;width:500px;max-width:90%;max-height:90vh;padding:2rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) scaleUp;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.input-field{border:1px solid var(--glass-border);color:#fff;background:#00000080;border-radius:10px;width:100%;padding:1rem;font-family:inherit;font-size:1rem;transition:all .3s}.input-field:focus{border-color:var(--neon-pink);outline:none;box-shadow:0 0 15px #ff1a3c66}.song-card{border:1px solid var(--neon-pink);background:#ffffff0d;border-radius:15px;flex-direction:column;gap:.5rem;padding:1.5rem;transition:all .3s;display:flex}.song-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #ff1a3c33}audio{filter:hue-rotate(270deg)invert()opacity(.8)}.loader{border:3px solid #ffffff4d;border-top-color:var(--neon-blue);border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes waveBar{0%{opacity:.6;transform:scaleY(.3)}to{opacity:1;transform:scaleY(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes progressIndeterminate{0%{transform:translate(-100%)}to{transform:translate(350%)}}
