:root{--bg: #0d0d0d;--card: #1a1a1a;--accent: #ff4081;--text: #fff;--muted: #888}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh}button{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;background:var(--accent);color:#fff;transition:opacity .2s}button:disabled{opacity:.5;cursor:not-allowed}button:hover:not(:disabled){opacity:.85}input{padding:12px 16px;border-radius:8px;border:1px solid #333;background:#222;color:#fff;font-size:1rem;width:100%}.container{max-width:1200px;margin:0 auto;padding:24px 16px}@media (max-width: 600px){.container{max-width:480px}}.card{background:var(--card);border-radius:12px;padding:20px;margin-bottom:16px}h1,h2,h3{margin:0 0 16px}.queue-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #333}.queue-item:last-child{border-bottom:none}.ranking-item{display:flex;justify-content:space-between;padding:6px 0}.now-playing{background:linear-gradient(135deg,#ff4081,#7c4dff);border-radius:12px;padding:20px;margin-bottom:16px;text-align:center}.player-wrapper{position:relative;width:100%;padding-bottom:56.25%;background:#000;border-radius:12px;overflow:hidden;margin-bottom:16px}.player-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.tabs{display:flex;gap:8px;margin-bottom:16px}.tabs button{flex:1;background:#333}.tabs button.active{background:var(--accent)}.yt-container{position:relative;width:100%;height:0;padding-bottom:56.25%;background:#000;border-radius:12px;overflow:hidden}.yt-container>div,.yt-container iframe{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;border:none}.shimmer{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;animation:shimmer-anim 1.5s infinite linear;border-radius:8px}@keyframes shimmer-anim{0%{background-position:200% 0}to{background-position:-200% 0}}.pulse-text{animation:pulse-op 1.5s infinite ease-in-out}@keyframes pulse-op{0%,to{opacity:.5}50%{opacity:1}}.btn-neon-border{position:relative;overflow:hidden;background:#222!important;color:#fff!important;border:none!important;z-index:1;transition:transform .2s}.btn-neon-border:active{transform:scale(.98)}.btn-neon-border:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,var(--accent),transparent 30%);animation:rotate-neon 2s linear infinite;z-index:-2}.btn-neon-border:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:#222;border-radius:6px;z-index:-1}@keyframes rotate-neon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}