*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #080812;--bg-secondary: rgba(12, 12, 22, .9);--bg-glass: rgba(255, 255, 255, .04);--bg-glass-hover: rgba(255, 255, 255, .08);--bg-glass-strong: rgba(255, 255, 255, .06);--border-glass: rgba(255, 255, 255, .08);--text-primary: #f5f5f7;--text-secondary: rgba(255, 255, 255, .5);--text-tertiary: rgba(255, 255, 255, .3);--gradient: linear-gradient(135deg, #f472b6, #fb923c);--gradient-subtle: linear-gradient(135deg, rgba(var(--accent-rgb), .15), rgba(var(--accent2-rgb), .15));--gradient-glow: linear-gradient(135deg, rgba(var(--accent-rgb), .3), rgba(var(--accent2-rgb), .3));--accent: #f472b6;--accent-secondary: #fb923c;--accent-rgb: 244, 114, 182;--accent2-rgb: 251, 146, 60;--spotify-green: #1DB954;--star-color: #fbbf24;--star-empty: rgba(255, 255, 255, .15);--success: #34d399;--danger: #f87171;--radius: 16px;--radius-sm: 10px;--radius-xs: 6px;--sidebar-width: 260px;--blur: blur(20px);--blur-strong: blur(40px)}html,body,#root{height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:var(--bb-font, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}html{--sat: env(safe-area-inset-top);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left);--sar: env(safe-area-inset-right)}body:before{content:"";position:fixed;top:-20%;left:-20%;width:140%;height:140%;background:radial-gradient(circle at 20% 20%,var(--glow-1, rgba(var(--accent-rgb), .06)) 0%,transparent 30%);pointer-events:none;z-index:100}body:after{content:"";position:fixed;top:-20%;left:-20%;width:140%;height:140%;background:radial-gradient(circle at 85% 85%,var(--glow-2, rgba(251, 146, 60, .05)) 0%,transparent 30%);pointer-events:none;z-index:100}.glass{background:var(--bg-glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border-glass)}.spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--bg-primary);padding-top:var(--sat);padding-bottom:var(--sab)}.login-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.login-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:orbFloat 12s ease-in-out infinite}.orb-1{width:500px;height:500px;background:radial-gradient(circle,#f472b6,transparent 70%);top:-10%;left:-10%;animation-delay:0s}.orb-2{width:400px;height:400px;background:radial-gradient(circle,#fb923c,transparent 70%);bottom:-15%;right:-5%;animation-delay:-4s;animation-duration:15s}.orb-3{width:300px;height:300px;background:radial-gradient(circle,#a78bfa,transparent 70%);top:40%;right:20%;animation-delay:-8s;animation-duration:18s;opacity:.3}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-40px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.login-content{position:relative;z-index:1;text-align:center;padding:48px 52px 54px;background:#0c0c1480;backdrop-filter:var(--blur-strong);-webkit-backdrop-filter:var(--blur-strong);border-radius:28px;border:1px solid rgba(255,255,255,.08);max-width:560px;width:92%}.login-logo-lockup{width:min(380px,90%);margin:-8px auto 28px;overflow:hidden;filter:drop-shadow(0 0 42px rgba(var(--accent-rgb),.34))}.login-logo-img{width:100%;height:auto;margin:0 auto;display:block}.login-buttons{display:flex;flex-direction:column;gap:12px;align-items:center}.login-btn{display:block;width:100%;min-height:54px;padding:15px 24px;font-size:15px;font-weight:700;border:1px solid rgba(255,255,255,.18);border-radius:18px;cursor:pointer;color:#fff;letter-spacing:.01em;position:relative;overflow:hidden;isolation:isolate;box-shadow:inset 0 1px #ffffff59,inset 0 -18px 28px #00000029,0 14px 32px #00000052;transition:transform .2s,box-shadow .2s,filter .2s,opacity .2s}.login-btn:before{content:"";position:absolute;inset:1px 1px auto;height:48%;border-radius:17px 17px 12px 12px;background:linear-gradient(180deg,#ffffff5c,#ffffff0a);pointer-events:none;z-index:-1}.login-btn:after{content:"";position:absolute;top:-35%;left:-18%;width:42%;height:140%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:rotate(18deg);opacity:.7;pointer-events:none;transition:transform .35s ease}.login-btn:hover:not(:disabled){transform:translateY(-2px);filter:saturate(1.08) brightness(1.04);box-shadow:inset 0 1px #ffffff6b,inset 0 -18px 28px #00000024,0 18px 42px #0000006b}.login-btn:hover:not(:disabled):after{transform:translate(220%) rotate(18deg)}.login-btn:disabled{opacity:.55;cursor:not-allowed}.login-btn.google,.login-btn.apple-auth{border:2px solid transparent;background:linear-gradient(var(--bg-primary),var(--bg-primary)) padding-box,var(--gradient) border-box;color:var(--text-primary);font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px}.login-btn.google:before,.login-btn.google:after,.login-btn.apple-auth:before,.login-btn.apple-auth:after{display:none}.login-btn.google:hover:not(:disabled),.login-btn.apple-auth:hover:not(:disabled){background:linear-gradient(#ffffff0a,#ffffff0a) padding-box,var(--gradient) border-box}.login-btn-icon{flex-shrink:0}.login-btn.spotify{background:linear-gradient(135deg,#22d36f,#1db954 46%,#0b8f40)}.login-btn.apple{background:linear-gradient(135deg,#ff6b70,#fc3c44 45%,#b91c24)}.login-btn.youtube{background:linear-gradient(135deg,#ff5d5d,red 46%,#a60000)}.login-features{display:flex;justify-content:center;gap:24px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06)}.login-feature{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:#fff6}.login-feature span:first-child{font-size:20px}.privacy-link{background:none;border:none;color:#fff3;margin-top:24px;cursor:pointer;font-size:12px;transition:color .15s}.privacy-link:hover{color:#ffffff80}.login-divider{display:flex;align-items:center;gap:12px;margin:16px 0 12px;width:100%}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#ffffff1f}.login-divider span{color:#ffffff4d;font-size:13px;text-transform:uppercase;letter-spacing:.05em}.login-btn.email-btn{background:var(--gradient);border:none;color:#fff;font-weight:700;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.2);filter:brightness(.85) saturate(1.15)}.login-btn.email-btn:hover:not(:disabled){filter:brightness(.95) saturate(1.2)}.email-auth-form{display:flex;flex-direction:column;gap:10px;width:100%}.auth-input{padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.auth-input:focus{border-color:var(--accent)}.auth-input::placeholder{color:#ffffff4d}.auth-error{color:#f87171;font-size:13px;text-align:center}.login-btn.email-submit{background:var(--gradient);border:none}.login-btn.email-submit:disabled{opacity:.5;cursor:not-allowed}.auth-toggle{background:none;border:none;color:#fff6;font-size:13px;cursor:pointer;padding:4px;transition:color .2s}.auth-toggle:hover{color:#ffffffb3}.auth-forgot{background:none;border:none;color:var(--accent, rgba(255, 255, 255, .4));font-size:13px;cursor:pointer;padding:2px;transition:opacity .2s}.auth-forgot:hover{opacity:.7}.auth-success{color:#4ade80;font-size:13px;text-align:center}.auth-form-title{color:var(--text-secondary, rgba(255, 255, 255, .6));font-size:14px;text-align:center;margin:0 0 4px}.login-footer{position:fixed;bottom:0;left:0;right:0;color:#ffffff26;font-size:12px;z-index:1;padding:12px 20px calc(12px + var(--sab, 0px));text-align:center}@media (max-width: 768px){.login-page{justify-content:flex-start;overflow-y:auto;padding-top:max(20px,var(--sat, 0px));padding-bottom:0}.login-content{margin-top:auto;margin-bottom:auto}.login-footer{position:static;flex-shrink:0;padding:20px 20px calc(20px + var(--sab, 0px))}}.username-gate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px}.username-gate-card{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:20px;padding:32px;max-width:420px;width:100%;text-align:center}.username-gate-card h2{font-size:1.4rem;margin-bottom:8px;color:var(--text-primary)}.username-gate-card>p{color:var(--text-secondary);font-size:14px;margin-bottom:20px;line-height:1.5}.username-gate-hint{font-size:11px;color:var(--text-tertiary);margin-top:8px;margin-bottom:16px}.username-gate-card .onboarding-name-wrap{position:relative;overflow:visible}.username-gate-card .btn-primary{width:100%;padding:12px;font-size:15px;border-radius:50px}.login-footer-link{color:#ffffff40;text-decoration:none;transition:color .2s}.login-footer-link:hover{color:#ffffff80}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{background:#141423f2;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:var(--radius);padding:32px;max-width:560px;width:100%;max-height:80vh;overflow-y:auto;position:relative}.modal-content h2{margin-bottom:16px}.modal-content h3{margin-top:20px;margin-bottom:8px;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-content p{color:var(--text-secondary);line-height:1.7;margin-bottom:8px;font-size:14px}.modal-close{position:absolute;top:12px;right:16px;background:none;border:none;color:var(--text-secondary);font-size:28px;cursor:pointer}.callback-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.callback-card{text-align:center;padding:40px}.callback-card p{color:var(--text-secondary);margin-top:16px}.app-layout{display:flex;min-height:100vh;position:relative;z-index:1}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);backdrop-filter:var(--blur-strong);-webkit-backdrop-filter:var(--blur-strong);border-right:1px solid var(--border-glass);display:flex;flex-direction:column;padding:28px 16px;position:fixed;top:0;left:0;bottom:0;z-index:10;overflow:hidden}.sidebar-logo-wrap{display:flex;align-items:center;margin-bottom:36px;padding:0 6px}.live-count{display:inline-flex;align-items:center;gap:7px;margin-left:12px;vertical-align:middle;font-size:11.5px;font-weight:500;letter-spacing:0;color:var(--text-tertiary);-webkit-text-fill-color:var(--text-tertiary);white-space:nowrap}.live-count strong{color:var(--text-secondary);-webkit-text-fill-color:var(--text-secondary);font-weight:700;font-variant-numeric:tabular-nums}.live-count-dot{flex:none;width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 #34d39980;animation:live-count-pulse 2s ease-out infinite}@keyframes live-count-pulse{0%{box-shadow:0 0 #34d39980}70%{box-shadow:0 0 0 6px #34d39900}to{box-shadow:0 0 #34d39900}}@media (prefers-reduced-motion: reduce){.live-count-dot{animation:none}}.nav-links{display:flex;flex-direction:column;gap:4px;flex:1}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:14px;transition:all .2s}.nav-link:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.nav-link.active{background:var(--gradient);color:#fff;box-shadow:0 4px 15px rgba(var(--accent-rgb),.3)}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0}.nav-icon svg{width:100%;height:100%;display:block}.nav-link:not(.active):not(.upgrade-nav) .nav-icon{color:#fff}.nav-link.upgrade-nav:not(.active){color:var(--text-secondary)}.nav-link.upgrade-nav:not(.active):hover{color:var(--accent)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:14px 12px;border-top:1px solid var(--border-glass);margin-top:16px;flex-wrap:wrap}.user-avatar{width:34px;height:34px;border-radius:50%;border:2px solid var(--border-glass)}.user-name{font-size:13px;color:var(--text-secondary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{background:none;border:none;color:var(--text-tertiary);font-size:12px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-xs);transition:all .15s}.logout-btn:hover{color:var(--danger);background:#f871711a}.main-content{flex:1;margin-left:var(--sidebar-width);padding:28px 44px;min-height:100vh;position:relative}.main-content::-webkit-scrollbar{width:0;background:transparent}.main-content:has(.dj-room){overflow:hidden;height:100vh;padding-top:0;padding-bottom:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#00000026;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--accent, rgba(255,255,255,.15));border-radius:4px;opacity:.6}::-webkit-scrollbar-thumb:hover{background:var(--accent, rgba(255,255,255,.25));opacity:.9}*{scrollbar-width:thin;scrollbar-color:var(--accent, rgba(255,255,255,.15)) rgba(0,0,0,.15)}.discover-page{max-width:1400px;margin:0 auto;animation:slideUp .4s ease-out;display:flex;flex-direction:column}.discover-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.logo-container{display:flex}.discover-title-area{display:flex;align-items:center;gap:10px}.discover-logo{display:none!important}.track-counter{color:var(--text-secondary);font-size:13px;background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);padding:6px 16px;border-radius:20px}.save-feedback{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;background:var(--gradient);color:#fff;padding:10px 20px;border-radius:var(--radius-sm);font-weight:500;font-size:14px;animation:fadeIn .2s;box-shadow:0 4px 12px #0000004d}.discover-search{display:flex;gap:10px;margin-bottom:14px}.search-input-wrapper{flex:1;position:relative}.search-input{width:100%;padding:14px 18px 14px 42px;background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);font-size:15px;font-family:inherit;transition:border-color .2s;text-align:left}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{outline:none;border-color:var(--accent)}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:14px;pointer-events:none}.search-btn{padding:14px 28px;background:var(--gradient);border:none;border-radius:var(--radius-sm);color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:opacity .15s,transform .15s}.search-btn:hover{opacity:.9;transform:translateY(-1px)}.search-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.genre-filter-bar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.genre-filter-chip{padding:8px 18px;border:1px solid var(--border-glass);border-radius:20px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.genre-filter-chip:hover{border-color:var(--accent);color:var(--text-primary);background:rgba(var(--accent-rgb),.06)}.genre-filter-chip.active{background:var(--gradient);border-color:transparent;color:#fff}.discover-content{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;flex:1;min-height:0;align-items:stretch}.now-playing{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:var(--radius);overflow:hidden;transition:border-color .3s;align-self:stretch;display:flex;flex-direction:column}.now-playing:hover{border-color:rgba(var(--accent-rgb),.2)}.now-playing-art{width:100%;object-fit:cover;display:block;flex:1;min-height:0}.now-playing>.now-playing-info{padding:12px 20px 8px;max-width:100%}.now-playing .now-playing-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-title-row{display:flex;align-items:center;gap:10px;min-width:0}.now-playing-title-row .now-playing-title{flex:1;min-width:0}.now-playing-share{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:6px 12px;border-radius:20px;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.now-playing-share:hover{color:var(--accent);border-color:rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.08)}.now-playing-share:disabled{opacity:.6;cursor:default}.now-playing .now-playing-artist{font-size:15px;color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.now-playing .now-playing-album{font-size:12px;color:var(--text-tertiary);margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.now-playing-info-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.now-playing-info-row>div:first-child{flex:1;min-width:0}.community-stats-bar{display:flex;gap:14px;padding:0}.community-stat{font-size:12px;color:var(--text-tertiary, rgba(255,255,255,.35));cursor:default;white-space:nowrap;letter-spacing:.3px}.discover-right-col{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden}.track-comments{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:var(--radius);display:flex;flex-direction:column;flex:1 0 120px;min-height:120px}.track-comments-header{padding:8px 12px 6px;border-bottom:1px solid var(--border-glass);flex-shrink:0}.track-comments-header h4{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0}.track-comments-list{overflow-y:auto;padding:6px 10px;display:flex;flex-direction:column;gap:4px;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.track-comments-empty{color:var(--text-tertiary);font-size:13px;text-align:center;padding:16px 0;margin:0}.track-comment{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);transition:background .15s}.track-comment:hover{background:#ffffff08}.track-comment-active{background:rgba(var(--accent-rgb),.08)}.track-comment-ts{background:rgba(var(--accent-rgb),.15);color:var(--accent);border:none;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600;font-family:monospace;cursor:pointer;flex-shrink:0;transition:background .15s;white-space:nowrap}.track-comment-ts:hover{background:rgba(var(--accent-rgb),.3)}.track-comment-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0}.track-comment-avatar-fallback{display:flex;align-items:center;justify-content:center;background:rgba(var(--accent-rgb),.2);color:var(--accent);font-size:11px;font-weight:700}.track-comment-body{flex:1;min-width:0}.track-comment-author{font-size:12px;font-weight:600;color:var(--text-secondary);margin-right:6px}.track-comment-text{font-size:13px;color:var(--text-primary);word-break:break-word}.track-comment-delete{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:14px;padding:0 4px;opacity:0;transition:opacity .15s,color .15s}.track-comment:hover .track-comment-delete{opacity:1}.track-comment-delete:hover{color:var(--danger)}.track-comments-input{display:flex;align-items:center;gap:8px;padding:6px 10px;border-top:1px solid var(--border-glass);flex-shrink:0}.track-comments-input-ts{font-size:11px;font-weight:600;font-family:monospace;color:var(--accent);background:rgba(var(--accent-rgb),.1);padding:4px 6px;border-radius:4px;flex-shrink:0}.track-comments-input input{flex:1;background:#ffffff0d;border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:6px 10px;font-size:13px;color:var(--text-primary);outline:none;transition:border-color .2s}.track-comments-input input:focus{border-color:var(--accent)}.track-comments-input button{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s;flex-shrink:0}.track-comments-input button:disabled{opacity:.4;cursor:default}.audio-preview-embed{padding:10px 16px 14px;border-top:1px solid var(--border-glass)}.rating-widget{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:var(--radius);padding:12px 16px;flex:0 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.rating-quick-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rating-quick-row .rating-row{flex:1;min-width:0}.btn-quick-next{display:none;background:var(--gradient);border:none;color:#fff;font-weight:600;font-size:13px;padding:8px 16px;border-radius:20px;cursor:pointer;white-space:nowrap;transition:opacity .15s,transform .15s;flex-shrink:0}.btn-quick-next:hover{opacity:.9;transform:translateY(-1px)}.rating-row{display:flex;align-items:center;gap:10px;padding:5px 0}.rating-label{display:flex;align-items:center;gap:6px;min-width:110px}.rating-icon{font-size:1.1rem}.rating-name{font-size:14px;font-weight:500}.stars{display:flex;gap:2px}.star{background:none;border:none;font-size:24px;cursor:pointer;color:var(--star-empty);transition:color .1s,transform .15s;padding:2px}.star.filled{color:var(--star-color)}.star:hover{transform:scale(1.25)}.rating-desc-inline{font-size:11px;color:var(--text-tertiary)}.rating-categories{margin-top:6px;display:flex;flex-direction:column;gap:3px}.rating-category{border-radius:var(--radius-sm);overflow:hidden}.category-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:var(--bg-glass-hover);border:none;color:var(--text-primary);font-size:12px;font-weight:600;cursor:pointer;border-radius:var(--radius-sm);transition:background .15s}.category-toggle:hover{background:#ffffff1a}.category-toggle.open{border-radius:var(--radius-sm) var(--radius-sm) 0 0}.toggle-arrow{font-size:10px;color:var(--text-tertiary)}.category-dimensions{background:#ffffff05;padding:4px 10px;border-radius:0 0 var(--radius-sm) var(--radius-sm)}.category-dimensions .rating-row{padding:5px 0}.category-dimensions .star{font-size:20px}.tag-section{margin-top:4px}.tag-section .category-toggle{border-radius:var(--radius-sm)}.tag-section .category-toggle.open{border-radius:var(--radius-sm) var(--radius-sm) 0 0}.tag-section-label{font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.tag-grid{display:flex;flex-wrap:wrap;gap:4px}.tag-grid-panel{display:flex;flex-wrap:wrap;gap:4px;padding:6px 10px 8px;background:#ffffff05;border-radius:0 0 var(--radius-sm) var(--radius-sm)}.tag-chip{padding:3px 9px;border:1px solid var(--border-glass);border-radius:20px;background:transparent;color:var(--text-secondary);font-size:11px;cursor:pointer;transition:all .2s}.tag-chip:hover{border-color:var(--accent);color:var(--text-primary)}.tag-chip.selected{background:var(--gradient);border-color:transparent;color:#fff}.text-feedback{margin-top:6px}.text-feedback-input{width:100%;background:var(--bg-glass-hover);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:12px;padding:7px 10px;transition:border-color .2s}.text-feedback-input::placeholder{color:var(--text-tertiary)}.text-feedback-input:focus{outline:none;border-color:var(--accent)}.quick-actions{display:flex;gap:8px;margin-top:10px}.action-btn{flex:1;padding:8px;background:var(--bg-glass-hover);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.action-btn:hover{border-color:var(--accent);color:var(--text-primary);background:rgba(var(--accent-rgb),.1)}.action-btn.saved{color:var(--accent);border-color:var(--accent);background:rgba(var(--accent-rgb),.15)}.action-btn.saved:hover{background:rgba(var(--accent-rgb),.25)}.action-btn:disabled{opacity:.6;cursor:wait}.rating-actions{display:flex;gap:8px;margin-top:10px}.btn-skip,.btn-rate{flex:1;padding:10px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-skip{background:var(--bg-glass-hover);color:var(--text-secondary);border:1px solid var(--border-glass)}.btn-skip:hover{background:#ffffff1a;color:var(--text-primary)}.btn-rate{background:var(--gradient);color:#fff}.btn-rate:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--accent-rgb),.3)}.btn-rate:disabled{opacity:.3;cursor:not-allowed;transform:none}.playlist-modal{max-height:70vh}.playlist-modal h3{margin-bottom:16px}.empty-playlists{color:var(--text-secondary);text-align:center;padding:20px;font-size:13px}.playlist-service-tabs{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto;scrollbar-width:none}.playlist-service-tabs::-webkit-scrollbar{display:none}.service-tab{flex:1 0 auto;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:none;color:var(--text-secondary);font-size:12.5px;font-weight:500;cursor:pointer;transition:all .15s;position:relative;white-space:nowrap}.service-tab-icon{display:inline-flex;flex-shrink:0}.service-tab:hover:not(:disabled):not(.disabled){background:var(--bg-glass-hover);color:var(--text-primary)}.service-tab.active{background:var(--bg-glass-hover);color:var(--text-primary);border-color:var(--accent)}.service-tab.disabled,.service-tab:disabled{opacity:.4;cursor:not-allowed}.service-tab.no-match{opacity:.5}.service-tab-icon{display:flex;align-items:center}.service-tab-icon svg{display:block}.service-tab-badge{font-size:10px;padding:1px 5px;border-radius:8px;background:var(--bg-glass-hover);color:var(--text-tertiary)}.service-tab.active .service-tab-badge{background:rgba(var(--accent-rgb),.15);color:var(--accent)}.playlist-match-banner{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:12px}.playlist-match-banner.matching{background:var(--bg-glass-hover);color:var(--text-secondary)}.playlist-match-banner.matched{background:#1ec8641a;color:#1ec864}.playlist-match-banner.no-match{background:#ff505014;color:var(--text-secondary)}.match-check{font-size:16px;font-weight:700;color:#1ec864;flex-shrink:0}.match-x{font-size:16px;font-weight:700;color:#ff5050;flex-shrink:0}.match-info{display:flex;flex-direction:column;gap:1px;min-width:0}.match-title{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-artist{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-match-banner.no-spotify{background:var(--bg-glass-hover);color:var(--text-secondary)}.match-info-icon{font-size:18px;flex-shrink:0}.match-info-text{display:flex;flex-direction:column;gap:8px}.match-connect-btn{align-self:flex-start;padding:6px 14px;border:none;border-radius:var(--radius-sm);background:#1db954;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s;display:inline-flex;align-items:center;gap:6px}.match-connect-btn svg{display:block}.match-connect-btn:hover{opacity:.85}.match-connect-btn.apple-connect{background:#fc3c44}.match-connect-btn:disabled{opacity:.5;cursor:not-allowed}.spinner-sm{width:16px;height:16px;border:2px solid var(--border-subtle);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}.create-playlist-trigger{display:block;width:100%;padding:8px 12px;margin-bottom:8px;background:none;border:1px dashed var(--border-subtle);border-radius:var(--radius-sm);color:var(--accent);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;text-align:left}.create-playlist-trigger:hover{background:var(--bg-glass-hover);border-color:var(--accent)}.create-playlist-form{display:flex;flex-direction:column;gap:8px;padding:10px 12px;margin-bottom:10px;background:var(--bg-glass-hover);border-radius:var(--radius-sm)}.create-playlist-input{padding:8px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:13px;outline:none}.create-playlist-input:focus{border-color:var(--accent)}.create-playlist-actions{display:flex;gap:8px}.create-playlist-btn{flex:1;padding:7px 12px;border:none;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .15s}.create-playlist-btn:hover:not(:disabled){opacity:.85}.create-playlist-btn:disabled{opacity:.4;cursor:not-allowed}.create-playlist-cancel{padding:7px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:none;color:var(--text-secondary);font-size:12px;cursor:pointer}.create-playlist-cancel:hover{background:var(--bg-glass-hover)}.playlist-list{display:flex;flex-direction:column;gap:4px;max-height:45vh;overflow-y:auto}.playlist-item{display:flex;align-items:center;gap:12px;padding:10px;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);text-align:left;width:100%;transition:background .15s}.playlist-item:hover:not(:disabled){background:var(--bg-glass-hover)}.playlist-item:disabled{opacity:.4;cursor:not-allowed}.playlist-thumb{width:44px;height:44px;border-radius:8px;object-fit:cover;flex-shrink:0}.playlist-thumb.placeholder{background:var(--bg-glass-hover);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:18px}.playlist-item-info{display:flex;flex-direction:column;min-width:0}.playlist-item-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item-count{font-size:12px;color:var(--text-secondary)}.song-card{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s}.song-card:hover{background:var(--bg-glass-hover)}.song-art{width:52px;height:52px;border-radius:8px;object-fit:cover;flex-shrink:0}.song-info{display:flex;flex-direction:column;overflow:hidden;min-width:0}.song-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-artist{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.has-preview{color:var(--accent);margin-left:auto;font-size:16px;flex-shrink:0}.up-next{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:var(--radius);padding:14px 18px;margin-top:12px;flex-shrink:0}.up-next h4{color:var(--text-tertiary);font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:8px}.up-next-list{display:flex;gap:8px}.up-next-list .song-card{flex:1;min-width:0;background:#ffffff08;border-radius:var(--radius-sm);padding:10px 12px;position:relative}.up-next-list .song-card:hover .song-card-remove{opacity:1}.song-card-remove{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:#0009;border:1px solid rgba(255,255,255,.15);color:var(--text-secondary);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .15s}.song-card-remove:hover{background:#dc3232b3;color:#fff}.profile-page{max-width:1400px;margin:0 auto;animation:slideUp .4s ease-out}.profile-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.profile-user-info{display:flex;align-items:center;gap:14px}.profile-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--border-glass)}.profile-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--gradient);color:#fff;font-size:22px;font-weight:700}.profile-display-name{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.profile-email{font-size:13px;color:var(--text-secondary);margin:2px 0 0}.profile-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--border-glass);padding-bottom:0;scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto}.profile-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;border:none;background:none;color:var(--text-secondary);font-size:14px;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;white-space:nowrap;margin-bottom:-1px}.profile-tab-icon{font-size:16px}.profile-tab-content{min-height:200px}.profile-tab-content .dashboard-page>h2,.profile-tab-content .ratings-header>h2,.profile-tab-content .history-header>div>h2,.profile-tab-content .achievements-header>h2,.profile-tab-content .settings-page>h2{display:none}.profile-tab-content .dashboard-page,.profile-tab-content .ratings-page,.profile-tab-content .history-page,.profile-tab-content .achievements-page,.profile-tab-content .settings-page{animation:none}.dashboard-page{max-width:1400px;margin:0 auto;animation:slideUp .4s ease-out}.dashboard-page h2{font-size:1.8rem;margin-bottom:32px;font-weight:700;letter-spacing:-.02em}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:36px}.stat-card{text-align:center;transition:border-color .3s}.stat-card:hover{border-color:rgba(var(--accent-rgb),.2)}.stat-value{font-size:2.5rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.stat-label{font-size:13px;color:var(--text-secondary);margin-top:4px}.dashboard-section{margin-bottom:20px}.dashboard-section h3{margin-bottom:16px;font-weight:600}.section-subtitle{color:var(--text-secondary);font-size:13px;margin-top:-12px;margin-bottom:16px}.distribution-chart{display:flex;align-items:flex-end;gap:16px;height:120px;padding:0 20px}.dist-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.dist-bar{width:100%;max-width:60px;background:var(--gradient);border-radius:4px 4px 0 0;min-height:4px;transition:height .3s}.dist-label{font-size:12px;color:var(--text-secondary);margin-top:8px}.dist-count{font-size:11px;color:var(--text-tertiary)}.taste-profile{display:flex;flex-direction:column;gap:12px}.taste-bar-container{display:flex;align-items:center;gap:12px}.taste-label{min-width:110px;font-size:14px}.taste-bar{flex:1;height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.taste-fill{height:100%;background:var(--gradient);border-radius:3px;transition:width .4s ease-out}.taste-value{font-size:14px;color:var(--text-secondary);min-width:30px;text-align:right}.top-rated-list{display:flex;flex-direction:column;gap:6px}.top-rated-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--radius-sm);transition:background .15s}.top-rated-item:hover{background:var(--bg-glass-hover)}.top-rated-art{width:44px;height:44px;border-radius:8px}.top-rated-info{flex:1;display:flex;flex-direction:column}.top-rated-name{font-size:14px;font-weight:500}.top-rated-artist{font-size:12px;color:var(--text-secondary)}.top-rated-score{color:var(--star-color);font-weight:600}.top10-section{margin-bottom:32px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:16px;overflow:hidden}.top10-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;background:var(--gradient-subtle);border:none;cursor:pointer;color:var(--text-primary);font-size:inherit}.top10-header:hover{background:var(--gradient-glow)}.top10-header-left{display:flex;align-items:center;gap:10px}.top10-header-left h3{font-size:16px;font-weight:700;margin:0}.top10-trophy{font-size:20px}.top10-count{font-size:12px;color:var(--text-tertiary);background:var(--bg-glass);padding:2px 8px;border-radius:10px}.top10-list{padding:8px}.top10-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);transition:all .15s;cursor:grab;border:2px solid transparent}.top10-item:hover{background:var(--bg-glass-hover)}.top10-item.drag-over{border-color:var(--accent);background:var(--gradient-subtle)}.top10-item.dragging{opacity:.4}.top10-rank{font-size:14px;font-weight:800;min-width:28px;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.top10-grip{color:var(--text-tertiary);font-size:16px;cursor:grab;-webkit-user-select:none;user-select:none;line-height:1}.top10-arrows{display:none}.top10-arrow{background:none;border:1px solid var(--border-glass);color:var(--text-secondary);font-size:9px;padding:2px 5px;border-radius:4px;cursor:pointer;line-height:1}.top10-arrow:disabled{opacity:.2;cursor:default}.top10-arrow:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.top10-art{width:44px;height:44px;border-radius:8px;object-fit:cover}.top10-info{flex:1;display:flex;flex-direction:column;min-width:0}.top10-name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top10-artist{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top10-score{color:var(--star-color);font-weight:600;font-size:14px}.top10-remove{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:14px;padding:4px 6px;border-radius:4px;transition:all .15s;opacity:0}.top10-item:hover .top10-remove{opacity:1}.top10-remove:hover{color:var(--danger);background:#f871711a}.top10-empty{padding:32px 20px;text-align:center;color:var(--text-secondary);font-size:14px}.top10-empty-icon{font-size:32px;display:block;margin-bottom:8px}.top10-empty-hint{font-size:12px;color:var(--text-tertiary);margin-top:4px}.top10-add-btn{background:none;border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer;font-size:13px;padding:4px 8px;border-radius:6px;transition:all .15s;flex-shrink:0}.top10-add-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--gradient-subtle)}.top10-badge{font-size:14px;flex-shrink:0}.rating-item-actions{display:flex;gap:8px;margin-top:8px;margin-bottom:4px}.ratings-page{max-width:1400px;margin:0 auto;animation:slideUp .4s ease-out}.ratings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.ratings-header h2{font-size:1.8rem;font-weight:700;letter-spacing:-.02em}.filter-tabs{display:flex;gap:6px}.filter-tab{padding:7px 16px;border:1px solid var(--border-glass);border-radius:20px;background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.filter-tab:hover{border-color:var(--accent)}.filter-tab.active{background:var(--gradient);border-color:transparent;color:#fff}.ratings-list{display:flex;flex-direction:column;gap:8px}.rating-item{cursor:pointer;transition:all .2s}.rating-item:hover{border-color:rgba(var(--accent-rgb),.15)}.rating-item-main{display:flex;align-items:center;gap:12px;padding:12px 16px}.rating-item-art{width:48px;height:48px;border-radius:8px}.rating-item-info{flex:1;display:flex;flex-direction:column}.rating-item-name{font-weight:500}.rating-item-artist{font-size:13px;color:var(--text-secondary)}.rating-item-score{color:var(--star-color);font-weight:600;font-size:1.1rem}.rating-item-details{padding:12px 16px 16px;border-top:1px solid var(--border-glass);margin-top:4px}.detail-row{display:flex;justify-content:space-between;padding:4px 0;font-size:14px}.detail-row span:first-child{color:var(--text-secondary)}.detail-row span:last-child{color:var(--star-color);letter-spacing:2px}.rating-date{display:block;margin-top:8px;font-size:12px;color:var(--text-tertiary)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.discover-loading,.discover-error{text-align:center;padding:80px 20px}.discover-error h2{margin-bottom:12px}.discover-error p{color:var(--text-secondary);margin-bottom:20px}.genre-picker{max-width:640px;margin:0 auto;text-align:center;padding:40px 0;animation:slideUp .4s ease-out}.genre-picker h2{font-size:1.8rem;margin-bottom:8px;font-weight:700}.genre-subtitle{color:var(--text-secondary);margin-bottom:32px}.genre-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:32px}.genre-chip{padding:10px 22px;border:1px solid var(--border-glass);border-radius:50px;background:var(--bg-glass);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.genre-chip:hover{border-color:var(--accent);color:var(--text-primary)}.genre-chip.selected{background:var(--gradient);border-color:transparent;color:#fff;box-shadow:0 4px 15px rgba(var(--accent-rgb),.3)}.genre-go{min-width:220px}.genre-go:disabled{opacity:.3;cursor:not-allowed}.btn-primary{padding:12px 28px;border:none;border-radius:var(--radius-sm);background:var(--gradient);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--accent-rgb),.3)}.btn-secondary{padding:12px 28px;border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:var(--accent);color:var(--text-primary)}.mini-player{position:fixed;bottom:80px;left:12px;width:calc(var(--sidebar-width) - 32px);z-index:15;padding:12px;background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:var(--radius-sm);animation:fadeIn .3s}.mini-player-track{display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:10px}.mini-art{width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0}.mini-info{flex:1;overflow:hidden}.mini-name{display:block;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-artist{display:block;font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-embed{margin:8px 0;border-radius:8px;overflow:hidden;height:152px;position:relative}.mini-embed iframe{display:block;border:none;position:absolute;top:0;left:0;width:100%;height:152px}.mini-stars{display:flex;justify-content:center;gap:2px;margin-bottom:8px}.mini-star{background:none;border:none;font-size:18px;cursor:pointer;color:var(--star-empty);transition:color .1s,transform .12s;padding:1px}.mini-star.filled{color:var(--star-color)}.mini-star:hover{transform:scale(1.3)}.mini-actions{display:flex;gap:6px}.mini-btn{flex:1;padding:6px;background:var(--bg-glass-hover);border:1px solid var(--border-glass);border-radius:6px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .15s;text-align:center}.mini-btn:hover{background:#ffffff1a}.mini-close:hover{background:#f8717126;color:var(--danger)}.mini-rate-btn{background:var(--gradient)!important;border-color:transparent!important;font-weight:600;font-size:12px}.mini-rate-btn:hover{filter:brightness(1.15)}.mini-rate-btn:disabled{opacity:.5;cursor:not-allowed}.mini-player-upgrade{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 0}.mini-upgrade-icon{font-size:16px}.mini-upgrade-text{font-size:11px;color:var(--text-secondary);line-height:1.3}.mini-player-upgrade:hover .mini-upgrade-text{color:var(--accent)}.skel{background:var(--bg-glass-hover);position:relative;overflow:hidden}.skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skel-text{border-radius:6px;height:16px}.skel-block{border-radius:12px;width:100%}.skel-pill{border-radius:20px;width:70px;height:30px}.onboarding-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:20px 0;position:relative;overflow-x:hidden;overflow-y:auto;background:var(--bg-primary)}.onboarding-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.onboarding-card{position:relative;z-index:1;background:#0c0c1499;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:48px;max-width:580px;width:92%;text-align:center;animation:slideUp .4s ease-out;flex-shrink:0}.onboarding-progress{display:flex;justify-content:center;gap:8px;margin-bottom:32px}.progress-dot{width:32px;height:4px;border-radius:2px;background:#ffffff1a;transition:background .3s}.progress-dot.active{background:linear-gradient(135deg,#f472b6,#fb923c)}.onboarding-title{font-size:1.6rem;font-weight:700;margin-bottom:6px;letter-spacing:-.02em;color:#f5f5f7}.onboarding-subtitle{color:#ffffff73;font-size:14px;margin-bottom:28px}.onboarding-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:32px}.onboarding-chip{padding:9px 18px;border:1px solid rgba(255,255,255,.1);border-radius:50px;background:#ffffff0a;color:#fff9;font-size:14px;cursor:pointer;transition:all .2s}.onboarding-chip:hover{border-color:#f472b6;color:#f5f5f7}.onboarding-chip.selected{background:linear-gradient(135deg,#f472b6,#fb923c);border-color:transparent;color:#fff;box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.onboarding-single{max-width:640px;max-height:85vh;max-height:85dvh;overflow-y:auto;text-align:left;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent;padding-bottom:0}.onboarding-single .onboarding-title,.onboarding-single .onboarding-subtitle{text-align:center}.onboarding-section{margin-bottom:24px}.onboarding-section-title{font-size:14px;font-weight:600;color:#ffffffb3;margin-bottom:10px;display:flex;align-items:center;gap:8px}.onboarding-required{font-size:11px;font-weight:500;color:#f472b6;background:rgba(var(--accent-rgb),.1);padding:2px 8px;border-radius:10px}.onboarding-optional{font-size:11px;font-weight:500;color:#ffffff4d;background:#ffffff0d;padding:2px 8px;border-radius:10px}.chip-emoji{font-size:15px}.onboarding-actions{display:flex;gap:12px;justify-content:center;margin-top:8px;position:sticky;bottom:-1px;padding:20px 0 28px;background:linear-gradient(to top,rgba(12,12,20,1) 74%,rgba(12,12,20,.92) 90%,transparent);z-index:5}.onboarding-next{min-width:220px}.onboarding-hint{text-align:center;color:#ffffff4d;font-size:12px;margin-top:8px}.onboarding-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:24px;position:relative;z-index:1;flex-shrink:0}.onboarding-step-dot{width:12px;height:12px;border-radius:50%;background:#ffffff26;transition:all .3s}.onboarding-step-dot.active{background:var(--accent, #f472b6);box-shadow:0 0 12px #f472b666}.onboarding-step-line{width:60px;height:2px;background:#ffffff1a}.onboarding-profile-avatar{display:flex;justify-content:center;margin-bottom:20px}.onboarding-profile-img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--accent)}.onboarding-pic-toggle{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.pic-tab{padding:6px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.pic-tab:hover{border-color:var(--accent);color:var(--text-primary)}.pic-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.onboarding-avatar-options{margin-bottom:24px}.onboarding-avatar-row{margin-bottom:12px}.onboarding-avatar-row .avatar-option-row,.onboarding-avatar-row .avatar-color-grid{margin-top:4px}.onboarding-fields{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.onboarding-field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.onboarding-field-label{font-size:13px;font-weight:600;color:#fff9;display:flex;align-items:center;gap:6px}.onboarding-field-row{display:flex;gap:12px}.onboarding-name-wrap{position:relative}.onboarding-name-wrap .auth-input{display:block;width:100%;box-sizing:border-box;padding-right:100px;text-align:left}.name-status{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:600}.name-status.checking{color:#fff6}.name-status.available{color:#4ade80}.name-status.taken{color:#f87171}.onboarding-field select.auth-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='rgba(255,255,255,0.4)' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px;cursor:pointer}.onboarding-field select.auth-input option{background:#1a1a2e;color:#f5f5f7}.song-actions{display:flex;gap:4px;align-items:center;flex-shrink:0}.song-action-btn{width:30px;height:30px;border-radius:50%;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-secondary);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0}.song-action-btn:hover{border-color:var(--accent);color:var(--text-primary)}.song-action-btn.saved{color:var(--accent);border-color:var(--accent);background:rgba(var(--accent-rgb),.15)}.song-action-btn:disabled{opacity:.5;cursor:wait}.song-actions-compact .song-action-btn{width:26px;height:26px;font-size:13px}.library-page{max-width:1400px;margin:0 auto;animation:slideUp .4s ease-out}.library-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.library-header h2{font-size:1.8rem;font-weight:700;letter-spacing:-.02em}.library-subtitle{color:var(--text-secondary);font-size:14px;margin-top:4px}.library-list{display:flex;flex-direction:column;gap:4px}.library-item{display:flex;align-items:center;gap:12px;transition:background .15s}.library-item:hover{background:var(--bg-glass-hover)}.library-play-area{display:flex;align-items:center;gap:12px;flex:1;min-width:0;background:none;border:none;color:inherit;cursor:pointer;padding:0;text-align:left}.library-info{display:flex;flex-direction:column;gap:2px;min-width:0}.library-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-artist{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.library-search-wrap{display:flex;align-items:center;gap:8px;flex:1;min-width:180px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:6px 12px}.library-search-icon{color:var(--text-tertiary);font-size:14px;flex-shrink:0}.library-search{flex:1;background:none;border:none;color:var(--text-primary);font-size:14px;outline:none}.library-search::placeholder{color:var(--text-tertiary)}.library-sort-tabs{display:flex;gap:4px}.library-sort-tab{padding:5px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s;white-space:nowrap}.library-sort-tab:hover{border-color:var(--accent);color:var(--text-primary)}.library-sort-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.library-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border-glass);padding-bottom:0}.library-tab{padding:8px 20px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:color .2s,border-color .2s}.library-tab:hover{color:var(--text-primary)}.library-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.library-new-playlist-btn{display:block;width:100%;padding:12px;margin-bottom:12px;background:var(--bg-glass);border:1px dashed var(--border-glass);border-radius:var(--radius-sm);color:var(--accent);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.library-new-playlist-btn:hover{background:var(--bg-glass-hover);border-color:var(--accent)}.library-create-form{display:flex;gap:8px;align-items:center;margin-bottom:12px}.library-create-input{flex:1;padding:8px 12px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;outline:none}.library-create-input:focus{border-color:var(--accent)}.library-create-btn{padding:8px 16px;background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;font-size:13px;font-weight:500;cursor:pointer}.library-create-btn:disabled{opacity:.5;cursor:default}.library-create-cancel{padding:8px 12px;background:none;border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;cursor:pointer}.library-playlist-list{display:flex;flex-direction:column;gap:6px}.library-playlist-card{overflow:hidden;transition:border-color .15s}.library-playlist-card.expanded{border-color:var(--accent-dim, var(--border-glass))}.library-playlist-header{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;transition:background .15s}.library-playlist-header:hover{background:var(--bg-glass-hover)}.library-playlist-info{flex:1;min-width:0}.library-playlist-name{display:block;font-size:15px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-playlist-count{font-size:12px;color:var(--text-tertiary)}.library-playlist-rename{background:var(--bg-glass);border:1px solid var(--accent);border-radius:4px;padding:2px 6px;color:var(--text-primary);font-size:15px;font-weight:500;outline:none;width:100%}.library-playlist-actions{display:flex;gap:4px;flex-shrink:0}.library-pl-action{padding:4px 6px;background:none;border:none;font-size:14px;cursor:pointer;opacity:.6;transition:opacity .15s;border-radius:4px}.library-pl-action:hover{opacity:1;background:var(--bg-glass-hover)}.library-pl-action:disabled{opacity:.3;cursor:default}.library-pl-delete:hover{opacity:1}.library-playlist-chevron{color:var(--text-tertiary);font-size:18px;transition:transform .2s;flex-shrink:0}.library-playlist-chevron.open{transform:rotate(90deg)}.library-playlist-songs{border-top:1px solid var(--border-glass);padding:8px 0}.library-playlist-empty{padding:16px;text-align:center;color:var(--text-tertiary);font-size:13px}.library-playlist-song{display:flex;align-items:center;gap:8px;padding:4px 14px;transition:background .15s}.library-playlist-song:hover{background:var(--bg-glass-hover)}.library-playlist-song-play{display:flex;align-items:center;gap:8px;flex:1;min-width:0;background:none;border:none;color:var(--text-primary);cursor:pointer;text-align:left;padding:4px 0}.library-playlist-song-num{width:20px;text-align:center;font-size:12px;color:var(--text-tertiary);flex-shrink:0}.library-playlist-song-art{width:36px;height:36px;border-radius:4px;object-fit:cover;flex-shrink:0}.library-playlist-song-info{min-width:0}.library-playlist-song-name{display:block;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-playlist-song-artist{display:block;font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-playlist-song-remove{background:none;border:none;color:var(--text-tertiary);font-size:16px;cursor:pointer;padding:4px 6px;flex-shrink:0;opacity:0;transition:opacity .15s,color .15s}.library-playlist-song:hover .library-playlist-song-remove{opacity:1}.library-playlist-song-remove:hover{color:var(--accent)}.library-service-tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.library-service-tab{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:20px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.library-service-tab:hover:not(.disabled){background:var(--bg-glass-hover);color:var(--text-primary)}.library-service-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.library-service-tab.disabled{opacity:.4;cursor:default}.library-service-tab-icon{display:inline-flex;align-items:center}.library-service-soon{font-size:10px;opacity:.7;margin-left:2px}.export-modal{max-height:75vh;max-width:420px}.export-modal h3{margin-bottom:4px}.export-subtitle{color:var(--text-secondary);font-size:13px;margin-bottom:14px}.export-playlist-list{display:flex;flex-direction:column;gap:4px;max-height:40vh;overflow-y:auto;margin-bottom:12px}.export-playlist-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:background .15s,border-color .15s;text-align:left}.export-playlist-item:hover{background:var(--bg-glass-hover)}.export-playlist-item.selected{background:rgba(var(--accent-rgb),.08);border-color:rgba(var(--accent-rgb),.3)}.export-checkbox{width:20px;height:20px;border:2px solid var(--border-glass);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;transition:all .15s}.export-checkbox.checked{background:var(--accent);border-color:var(--accent);color:#fff}.export-go-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.export-go-btn:hover:not(:disabled){opacity:.85}.export-go-btn:disabled{opacity:.4;cursor:default}.export-connect{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;text-align:center}.export-connect-text{color:var(--text-secondary);font-size:14px}.export-results{display:flex;flex-direction:column;gap:12px}.export-results-summary{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#1ec86414;border-radius:var(--radius-sm)}.export-results-icon{font-size:18px;font-weight:700;color:#1ec864;flex-shrink:0}.export-results-text{display:flex;flex-direction:column;gap:4px;font-size:14px}.export-results-failed{color:var(--text-secondary);font-size:13px}.export-not-found{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--bg-glass);border-radius:var(--radius-sm);max-height:120px;overflow-y:auto}.export-not-found-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:2px}.export-not-found-song{font-size:12px;color:var(--text-tertiary)}.export-done-btn{width:100%;padding:10px;background:var(--bg-glass-hover);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer}.export-done-btn:hover{background:var(--bg-glass-strong)}.library-playlist-source-badge{display:inline-flex;align-items:center;margin-right:4px;vertical-align:middle;opacity:.7}.library-playlist-thumb{width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0}.library-pl-export{display:inline-flex!important;align-items:center;gap:4px;padding:4px 10px!important;background:var(--bg-glass-hover)!important;border:1px solid var(--border-glass)!important;border-radius:12px!important;opacity:1!important;color:var(--text-primary)}.library-pl-export:hover{border-color:var(--accent)!important;background:var(--accent)!important;color:#fff!important}.library-export-label{font-size:11px;font-weight:600}.library-connect-banner{display:flex;align-items:center;gap:12px;margin-bottom:8px}.library-connect-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-glass-hover);border-radius:50%;flex-shrink:0}.library-connect-info{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-secondary)}.library-connect-btn{align-self:flex-start;padding:6px 14px;background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;font-size:12px;font-weight:500;cursor:pointer}.library-connect-btn:disabled{opacity:.5;cursor:default}.history-page{max-width:1400px;margin:0 auto;animation:slideUp .4s ease-out}.history-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.history-header h2{font-size:1.8rem;font-weight:700;letter-spacing:-.02em}.history-subtitle{color:var(--text-secondary);font-size:14px;margin-top:4px}.history-group{margin-bottom:24px}.history-date{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;padding-left:4px}.history-list{display:flex;flex-direction:column;gap:4px}.history-item{display:flex;align-items:center;gap:12px;transition:background .15s}.history-item:hover{background:var(--bg-glass-hover)}.previewable-art-wrapper{position:relative;flex-shrink:0;z-index:1}.previewable-art-wrapper:has(.preview-embed-popup){z-index:200}.previewable-art{position:relative;cursor:pointer;border-radius:8px;overflow:hidden}.previewable-art img{width:100%;height:100%;object-fit:cover;display:block}.preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;color:#fff;opacity:0;transition:opacity .15s;border-radius:8px}.previewable-art:hover .preview-overlay,.previewable-art.playing .preview-overlay{opacity:1}.previewable-art.playing{box-shadow:0 0 0 2px var(--accent-primary)}.preview-embed-popup{position:absolute;top:calc(100% + 8px);left:0;z-index:100;background:var(--bg-card);border-radius:12px;box-shadow:0 8px 32px #0006;padding:6px;animation:preview-pop-in .15s ease}.preview-embed-popup iframe{border-radius:8px;display:block}.preview-embed-close{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;border:none;background:var(--bg-glass);color:var(--text-primary);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;z-index:1}.preview-embed-close:hover{background:var(--bg-glass-hover)}@keyframes preview-pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.history-art{width:44px;height:44px;border-radius:8px;object-fit:cover}.history-info{flex:1;display:flex;flex-direction:column}.history-name{font-size:14px;font-weight:500}.history-artist{font-size:12px;color:var(--text-secondary)}.history-time{font-size:12px;color:var(--text-tertiary)}.ad-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s}.ad-container{background:var(--bg-glass-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:24px;padding:40px;max-width:440px;width:100%;text-align:center;position:relative}.ad-badge{position:absolute;top:16px;left:16px;font-size:10px;font-weight:700;color:var(--text-tertiary);background:#ffffff0f;padding:3px 8px;border-radius:4px;letter-spacing:.1em}.ad-content{margin-top:12px}.ad-slot{min-height:250px;overflow:hidden;border-radius:12px}.ad-promo h2{font-size:1.6rem;font-weight:700;margin-bottom:8px;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ad-promo>p{color:var(--text-secondary);font-size:14px;margin-bottom:24px;line-height:1.5}.ad-promo-features{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px;text-align:left}.ad-feature{font-size:13px;color:var(--text-primary);padding:8px 12px;background:var(--bg-glass-hover);border-radius:var(--radius-xs)}.ad-pricing{margin-bottom:20px}.ad-price{font-size:2.2rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ad-period{font-size:14px;color:var(--text-secondary)}.ad-upgrade-btn{width:100%;padding:14px;background:var(--gradient);border:none;border-radius:50px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:16px}.ad-upgrade-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 8px 25px rgba(var(--accent-rgb),.3)}.ad-close{background:none;border:none;color:var(--text-tertiary);font-size:13px;cursor:pointer;padding:8px 16px;transition:color .15s}.ad-close:hover:not(:disabled){color:var(--text-secondary)}.ad-close:disabled{cursor:not-allowed}.web-banner-ad{position:relative;margin-bottom:16px;border-radius:10px;overflow:hidden;background:var(--bg-tertiary);min-height:90px;display:flex;align-items:center;justify-content:center}.web-banner-ad .ad-label{position:absolute;top:4px;right:8px;font-size:9px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.web-banner-ad .adsbygoogle{background:transparent}.welcome-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.welcome-popup{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:20px;padding:36px 32px;max-width:420px;width:90%;text-align:center;position:relative;animation:slideUp .4s ease-out}.welcome-close{position:absolute;top:12px;right:16px;background:none;border:none;color:var(--text-tertiary);font-size:24px;cursor:pointer;line-height:1}.welcome-close:hover{color:var(--text-primary)}.welcome-icon{font-size:48px;margin-bottom:12px}.welcome-popup h2{font-size:1.5rem;font-weight:700;margin-bottom:8px;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.welcome-popup>p{color:var(--text-secondary);font-size:14px;margin-bottom:24px}.welcome-cta{border-top:1px solid var(--border-glass);padding-top:20px}.welcome-pro-pitch{color:var(--text-secondary);font-size:13px;margin-bottom:16px}.welcome-upgrade-btn{display:block;width:100%;padding:14px;background:var(--gradient);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:15px;cursor:pointer;margin-bottom:10px;transition:opacity .2s,transform .2s}.welcome-upgrade-btn:hover{opacity:.9;transform:translateY(-1px)}.welcome-skip-btn{display:block;width:100%;padding:10px;background:none;border:none;color:var(--text-tertiary);font-size:13px;cursor:pointer}.welcome-skip-btn:hover{color:var(--text-secondary)}.connect-music-popup{max-width:420px}.connect-music-list{display:flex;flex-direction:column;gap:8px;margin:20px 0 16px;width:100%}.connect-music-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:var(--bg-glass);cursor:pointer;transition:background .15s,border-color .15s;text-align:left;color:var(--text-primary)}.connect-music-row:hover:not(:disabled){background:var(--bg-glass-hover);border-color:#ffffff26}.connect-music-row.coming-soon{opacity:.5;cursor:not-allowed}.connect-music-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.connect-music-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.connect-music-name{font-size:14px;font-weight:600}.connect-music-desc{font-size:11px;color:var(--text-tertiary)}.connect-music-action{font-size:13px;font-weight:600;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0}.connect-music-soon{font-size:11px;color:var(--text-tertiary);flex-shrink:0}.connect-music-hide{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-tertiary);cursor:pointer;margin:8px 0 12px}.connect-music-hide input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px}.upgrade-page{max-width:1400px;margin:0 auto;animation:slideUp .4s ease-out}.upgrade-header{text-align:center;margin-bottom:40px}.upgrade-header h2{font-size:2rem;font-weight:700;margin-bottom:8px;letter-spacing:-.02em}.upgrade-subtitle{color:var(--text-secondary);font-size:16px;margin-bottom:24px}.billing-toggle{display:inline-flex;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:50px;padding:4px}.billing-btn{padding:10px 24px;border:none;border-radius:50px;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.billing-btn.active{background:var(--gradient);color:#fff}.save-badge{font-size:10px;font-weight:700;background:#34d39933;color:#34d399;padding:2px 8px;border-radius:10px}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.plan-card{position:relative;transition:all .3s}.plan-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.plan-card.featured{border-color:var(--accent);box-shadow:0 0 30px rgba(var(--accent-rgb),.1)}.plan-popular{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient);color:#fff;font-size:11px;font-weight:700;padding:4px 16px;border-radius:20px;letter-spacing:.03em}.plan-header{text-align:center;margin-bottom:24px}.plan-header h3{font-size:1.2rem;margin-bottom:12px}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:2px}.price-amount{font-size:2.4rem;font-weight:700}.price-period{font-size:14px;color:var(--text-secondary)}.plan-billed{font-size:12px;color:var(--text-tertiary);margin-top:4px}.plan-features{list-style:none;margin-bottom:24px;display:flex;flex-direction:column;gap:10px}.plan-features li{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.feature-icon{color:var(--text-tertiary);font-weight:600}.feature-icon.pro{color:var(--accent)}.plan-btn{width:100%;padding:12px;border:1px solid var(--border-glass);border-radius:50px;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.plan-btn:hover{border-color:var(--accent);color:var(--text-primary)}.plan-btn:disabled{opacity:.4;cursor:not-allowed}.pro-btn{background:var(--gradient);border:none;color:#fff}.pro-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--accent-rgb),.3)}.current-btn{background:var(--bg-glass-hover);border-color:transparent}.upgrade-error{background:#f871711a;border:1px solid rgba(248,113,113,.3);color:var(--danger);padding:12px 16px;border-radius:10px;font-size:14px;margin-bottom:20px;text-align:center}.manage-section{text-align:center;margin-top:24px}.manage-btn{background:var(--bg-tertiary);border:1px solid var(--border-glass);color:var(--text-secondary);padding:12px 28px;border-radius:10px;font-size:14px;cursor:pointer;transition:all .2s}.manage-btn:hover{border-color:var(--accent);color:var(--text-primary)}.manage-btn:disabled{opacity:.5;cursor:not-allowed}.upgrade-footer{text-align:center;color:var(--text-tertiary);font-size:13px}.upgrade-footer p{margin-bottom:4px}.restore-btn{background:none;border:none;color:var(--accent);font-size:13px;cursor:pointer;padding:8px 16px;text-decoration:underline;opacity:.8;transition:opacity .2s}.restore-btn:hover{opacity:1}.restore-btn:disabled{opacity:.4;cursor:not-allowed}.settings-page{max-width:1000px;margin:0 auto;animation:slideUp .4s ease-out}.settings-page>h2{font-size:1.8rem;font-weight:700;letter-spacing:-.02em;margin-bottom:32px}.settings-section{margin-bottom:20px}.settings-section h3{font-size:1rem;font-weight:600;margin-bottom:4px}.section-hint{font-size:13px;color:var(--text-secondary);margin-bottom:20px}.profile-card{display:flex;align-items:center;gap:16px;padding:16px 0 0;flex-wrap:wrap}.profile-avatar{width:56px;height:56px;border-radius:50%;border:2px solid var(--border-glass);object-fit:cover}.profile-avatar-placeholder{width:56px;height:56px;border-radius:50%;border:2px solid var(--border-glass);background:var(--gradient);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;flex-shrink:0}.profile-info{flex:1;display:flex;flex-direction:column;gap:2px}.profile-name{font-weight:600;font-size:16px}.profile-email{font-size:13px;color:var(--text-secondary)}.profile-plan{font-size:11px;color:var(--accent);background:var(--gradient-subtle);padding:2px 10px;border-radius:10px;width:fit-content;margin-top:4px;font-weight:600}.btn-upgrade{padding:10px 22px;background:var(--gradient);border:none;border-radius:50px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-upgrade:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--accent-rgb),.3)}.profile-card-actions{display:flex;gap:10px;align-items:center}.btn-secondary{padding:8px 18px;background:transparent;border:1px solid var(--border-glass);border-radius:50px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.profile-edit-card{padding:20px 0;display:flex;flex-direction:column;gap:20px}.profile-edit-pic{display:flex;align-items:center;gap:16px}.profile-edit-pic .profile-avatar{width:72px;height:72px}.profile-edit-pic .profile-avatar-placeholder{width:72px;height:72px;font-size:28px}.profile-pic-change{font-size:13px;color:var(--accent);cursor:pointer;font-weight:500}.profile-pic-change:hover{text-decoration:underline}.profile-edit-fields{display:flex;flex-direction:column;gap:16px}.profile-edit-field{display:flex;flex-direction:column;gap:4px;min-width:0}.profile-edit-field .auth-input{width:100%;box-sizing:border-box}.profile-edit-field label{font-size:13px;font-weight:600;color:var(--text-secondary)}.profile-edit-row{display:flex;gap:12px}.profile-edit-row .profile-edit-field{flex:1}.profile-edit-hint{font-size:11px;color:var(--text-secondary);opacity:.8}.profile-edit-hint.warn{color:#f59e0b}.profile-edit-msg{font-size:13px;color:var(--accent);padding:8px 0}.profile-edit-msg.success{margin-top:8px}.profile-edit-actions{display:flex;gap:12px}.btn-primary{padding:10px 22px;background:var(--gradient);border:none;border-radius:50px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.theme-card{background:var(--bg-glass-hover);border:2px solid transparent;border-radius:var(--radius-sm);padding:14px;cursor:pointer;text-align:center;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px}.theme-card:hover{border-color:var(--border-glass)}.theme-card.active{border-color:var(--accent);box-shadow:0 0 20px rgba(var(--accent-rgb),.15)}.theme-preview{width:100%;height:48px;border-radius:var(--radius-xs);overflow:hidden;display:flex;flex-direction:column}.theme-swatch{flex:1}.theme-accent-row{display:flex;height:10px}.theme-accent{flex:1}.theme-name{font-size:13px;font-weight:600;color:var(--text-primary)}.theme-desc{font-size:11px;color:var(--text-secondary)}.theme-card .theme-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:4px;background:linear-gradient(135deg,#88c8ff,#e0aaff);color:#0a0a14}.theme-card.locked{opacity:.6;cursor:not-allowed}.theme-card.locked:hover{border-color:transparent}.custom-theme-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:300;color:#fffc}.custom-theme-builder{margin-top:16px;padding:18px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius)}.custom-builder-controls{display:flex;gap:24px;align-items:flex-start}.custom-control{display:flex;flex-direction:column;gap:8px}.custom-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.custom-color-row{display:flex;align-items:center;gap:10px}.custom-color-input{width:40px;height:40px;border:2px solid var(--border-glass);border-radius:10px;cursor:pointer;background:none;padding:2px}.custom-color-input::-webkit-color-swatch-wrapper{padding:0}.custom-color-input::-webkit-color-swatch{border:none;border-radius:6px}.custom-color-hex{font-size:13px;font-family:monospace;color:var(--text-secondary)}.custom-mode-toggle{display:flex;gap:4px;background:var(--bg-glass);border-radius:10px;padding:3px;border:1px solid var(--border-glass)}.custom-mode-btn{padding:6px 16px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.custom-mode-btn.active{background:var(--gradient);color:#fff}.theme-tier{margin-bottom:18px}.theme-tier:last-child{margin-bottom:0}.theme-tier-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:10px;display:flex;align-items:center;gap:6px}.tier-lock{font-size:11px}.accounts-list{display:flex;flex-direction:column;gap:8px}.account-row{display:flex;align-items:center;gap:14px}.account-icon{font-size:20px}.account-info{flex:1;display:flex;flex-direction:column}.account-name{font-size:14px;font-weight:500}.account-status{font-size:12px;color:var(--text-secondary)}.account-status.connected{color:var(--success)}.account-badge{font-size:11px;padding:4px 12px;border-radius:20px;font-weight:600}.account-badge.connected{background:#34d39926;color:var(--success)}.account-btn{padding:7px 18px;border:1px solid var(--border-glass);border-radius:20px;background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s}.account-btn:hover{border-color:var(--accent);color:var(--text-primary)}.account-btn.connect{border-color:var(--accent);color:var(--accent)}.account-btn.connect:hover{background:var(--gradient-subtle)}.account-btn.disconnect{border-color:#f8717166;color:#f87171;font-size:11px;padding:4px 10px}.account-btn.disconnect:hover{background:#f871711a}.account-actions-row{display:flex;align-items:center;gap:8px;flex-shrink:0}.account-btn:disabled{opacity:.3;cursor:not-allowed}.account-desc{font-size:11px;color:var(--text-tertiary)}.account-actions{padding-top:8px}.playback-source-toggle{display:flex;flex-direction:column;gap:8px}.source-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-primary);cursor:pointer;transition:all .2s;text-align:left}.source-btn:hover:not(:disabled){background:var(--bg-glass-hover)}.source-btn.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.08)}.source-btn:disabled{opacity:.4;cursor:not-allowed}.source-icon{font-size:20px;flex-shrink:0}.source-label{display:flex;flex-direction:column}.source-name{font-size:14px;font-weight:600}.source-desc{font-size:12px;color:var(--text-secondary)}.track-search-source-toggle{display:flex;gap:4px;margin-bottom:8px}.search-source-btn{flex:1;padding:6px 8px;border-radius:var(--radius-xs);background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.search-source-btn.active{background:var(--gradient-subtle);border-color:var(--accent);color:var(--text-primary)}.track-search-tabs{display:flex;gap:4px;margin-bottom:10px}.search-tab-btn{flex:1;padding:8px 12px;border-radius:8px;background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.search-tab-btn.active{background:var(--gradient-subtle);border-color:var(--accent);color:var(--text-primary)}.track-search-playlists{display:flex;flex-direction:column;gap:8px}.track-playlist-picker{display:flex;flex-wrap:wrap;gap:6px}.track-playlist-chip{padding:6px 14px;border-radius:20px;border:1px solid var(--border-glass);background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s}.track-playlist-chip:hover{border-color:var(--accent);color:var(--text-primary)}.track-playlist-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.track-add-all-btn{width:100%;padding:8px;border-radius:8px;background:var(--gradient-subtle);border:1px solid var(--accent);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:4px}.track-add-all-btn:hover{opacity:.85}.track-add-all-btn:disabled{opacity:.5;cursor:not-allowed}.btn-danger{padding:10px 24px;border:1px solid rgba(248,113,113,.3);border-radius:var(--radius-sm);background:#f871711a;color:var(--danger);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.btn-danger:hover{background:#f8717133}@media (max-width: 768px){body:before,body:after{display:none}.nav-link-admin{display:none}.login-content{padding:24px 20px 28px;border-radius:20px;width:94%}.login-logo-lockup{margin:-8px auto 16px}.login-buttons{gap:8px}.login-btn{min-height:46px;padding:12px 20px;font-size:14px}.login-divider{margin:10px 0 8px}.login-features{gap:10px}.login-features span{font-size:12px}.sidebar{width:100%;position:fixed;top:auto;bottom:0;left:0;right:0;height:calc(56px + var(--sab));flex-direction:row;padding:4px 0 var(--sab);border-right:none;border-top:1px solid var(--border-glass);z-index:20;background:var(--bg-secondary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden}.sidebar-logo-wrap,.sidebar-user{display:none}.mini-player{position:fixed!important;bottom:calc(56px + var(--sab));left:0;right:0;width:100%;z-index:19;margin:0;padding:6px 10px;border-radius:0;border:none;border-top:1px solid var(--border-glass);background:var(--bg-secondary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex!important;flex-direction:row;align-items:center;gap:6px}.mini-player-track{flex:1;min-width:0;gap:6px}.mini-art{width:28px;height:28px;border-radius:4px;flex-shrink:0}.mini-info{gap:0}.mini-name{font-size:11px}.mini-artist{font-size:9px}.mini-embed{display:none}.mini-player .yt-mini-controls{display:flex!important;flex-direction:row;align-items:center;gap:6px;padding:0;flex-shrink:0}.mini-player .yt-mini-play{width:28px;height:28px;font-size:12px;flex-shrink:0}.mini-player .yt-mini-progress{flex:0;gap:2px}.mini-player .yt-mini-bar{display:none}.mini-player .yt-mini-times{font-size:10px;gap:6px;white-space:nowrap}.yt-mini-loading{font-size:10px;flex-shrink:0}.mini-stars{display:none}.mini-actions{flex-shrink:0;gap:6px;flex-direction:row}.mini-actions .mini-btn{padding:4px 8px;font-size:14px}.mini-player-upgrade{display:none!important}.nav-links{flex-direction:row;justify-content:space-around;width:100%;gap:0}.nav-link{flex-direction:column;gap:2px;font-size:10px;padding:4px 2px 2px;min-width:0;min-height:44px;justify-content:center;flex:1;white-space:nowrap;border-radius:10px;position:relative;color:var(--text-tertiary);background:none;box-shadow:none}.nav-link.active{background:var(--gradient-subtle);color:var(--accent);box-shadow:none}.nav-icon{width:22px;height:22px}.upgrade-nav .nav-icon{width:18px;height:18px}html,body,#root{overflow-x:hidden}.main-content{margin-left:0;padding:calc(8px + var(--sat)) 10px calc(110px + var(--sab));overflow-x:hidden}.discover-page{max-width:100%;height:auto;overflow:auto}.discover-header{margin-bottom:8px;flex-wrap:wrap;gap:6px}.discover-header h2{font-size:1.3rem}.discover-logo{display:flex!important}.discover-header-right{gap:8px}.xp-bar-widget{min-width:90px}.track-counter{padding:4px 10px;font-size:11px}.discover-search{flex-direction:row;gap:8px}.search-input{padding:10px 14px 10px 36px;font-size:14px}.search-btn{padding:10px 16px;font-size:13px;white-space:nowrap}.genre-filter-bar{gap:5px;margin-bottom:8px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.genre-filter-bar::-webkit-scrollbar{display:none}.genre-filter-chip{padding:4px 10px;font-size:10px;flex-shrink:0}.discover-content{grid-template-columns:1fr;gap:8px;margin-bottom:12px}.now-playing{display:block;overflow:hidden}.now-playing-art{width:100%;object-fit:cover;max-height:30vh}.now-playing-meta{padding:4px 10px 6px}.audio-preview-embed{padding:4px}.audio-preview-embed iframe{height:70px!important;min-height:70px}.btn-quick-next{display:inline-block}.rating-widget{padding:10px 12px;max-height:none}.rating-row{gap:4px;padding:3px 0}.rating-label{min-width:55px}.rating-name{font-size:13px}.rating-icon{font-size:.95rem}.stars button{font-size:20px;padding:1px}.rating-desc-inline{display:none}.rating-actions{flex-direction:row;gap:6px}.rating-actions button{flex:1;padding:8px;font-size:13px}.up-next{margin-bottom:8px;padding:8px 10px;margin-top:6px}.up-next h4{font-size:10px;margin-bottom:4px}.up-next-list{flex-direction:column;gap:4px}.up-next-list .song-card{padding:6px 8px;gap:8px}.song-art{width:32px;height:32px;border-radius:4px}.song-name{font-size:12px}.song-artist{font-size:11px}.dashboard-page{max-width:100%}.dashboard-page h2{font-size:1.3rem;margin-bottom:12px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:6px}.stat-card{padding:10px 4px;border-radius:10px}.stat-value{font-size:1.1rem}.stat-label{font-size:9px}.dashboard-section{margin-bottom:14px}.dashboard-section h3{font-size:14px}.distribution-chart{gap:4px}.top-rated-item{padding:6px;gap:10px}.taste-bar-container{gap:6px}.taste-label{font-size:12px;min-width:80px}.ratings-page{max-width:100%}.ratings-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:16px}.ratings-header h2{font-size:1.5rem}.filter-tabs{width:100%}.filter-tab{flex:1;text-align:center;font-size:12px;padding:8px 6px}.rating-item-main,.top-rated-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:6px 10px;padding:10px 12px}.rating-item-art,.top-rated-art{grid-row:1;grid-column:1;width:42px;height:42px}.rating-item-info,.top-rated-info{grid-row:1;grid-column:2;min-width:0}.rating-item-score,.top-rated-score{grid-row:1;grid-column:3}.rating-item-main>.song-actions,.top-rated-item>.song-actions{grid-row:2;grid-column:1 / 3}.rating-item-main>.top10-add-btn,.rating-item-main>.top10-badge{grid-row:2;grid-column:3;justify-self:end}.rating-item-name,.top-rated-name{font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rating-item-artist,.top-rated-artist{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rating-item-score,.top-rated-score{font-size:.95rem;white-space:nowrap}.rating-item-details{padding:0 12px 12px}.top10-add-btn{font-size:11px;padding:3px 6px}.top10-header{padding:12px 14px}.top10-item{padding:8px;gap:6px;cursor:default}.top10-rank{font-size:12px;min-width:22px}.top10-grip{display:none}.top10-arrows{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.top10-name{font-size:12px}.top10-artist{font-size:11px}.top10-art{width:36px!important;height:36px!important}.top10-remove{opacity:1;font-size:12px}.top10-score{font-size:12px}.history-page{max-width:100%}.history-header{flex-direction:column;align-items:flex-start;gap:8px}.achievements-page{max-width:100%}.achievements-header h2{font-size:1.3rem}.achievements-stats-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;margin-bottom:16px}.ach-stat{padding:8px 4px;min-width:0;width:100%;box-sizing:border-box;border-radius:10px}.ach-stat-value{font-size:1rem}.ach-stat-label{font-size:7px;letter-spacing:.03em}.achievements-grid{grid-template-columns:repeat(2,1fr);gap:6px}.ach-card{padding:8px;gap:6px;flex-direction:column;align-items:flex-start;text-align:left}.ach-card-icon{font-size:20px}.ach-card-name{font-size:11px}.ach-card-desc{font-size:9px}.ach-card-check{position:absolute;top:4px;right:6px;font-size:12px;margin-left:0}.ach-card.unlocked,.ach-card.locked{position:relative}.achievements-xp-section{padding:10px 12px;margin-bottom:12px}.achievements-xp-level{font-size:14px}.achievements-section-title{font-size:12px}.onboarding-card{padding:20px 16px;border-radius:20px;width:100%;max-width:100%}.onboarding-page{padding:12px 12px 0;gap:2px;justify-content:flex-start}.onboarding-single{max-height:none;overflow-y:visible}.onboarding-steps{margin-bottom:14px}.onboarding-field-row{flex-direction:column;gap:14px}.onboarding-actions{position:static;background:none;padding:4px 0 0}.onboarding-next{min-width:0;width:100%}.onboarding-title{font-size:1.3rem}.onboarding-subtitle{font-size:13px;margin-bottom:12px}.onboarding-section{margin-bottom:16px}.onboarding-chips{gap:6px}.onboarding-chip{padding:6px 12px;font-size:12px}.settings-page{max-width:100%}.plans-grid{grid-template-columns:1fr}.achievement-toast{top:12px;right:12px;left:12px}.achievement-badge-row{padding:10px 14px}.achievement-icon{font-size:26px}.achievement-name{font-size:14px}.preview-embed-popup{position:fixed;top:auto;bottom:80px;left:12px;right:12px;z-index:200}.preview-embed-popup iframe{width:100%}.library-page{max-width:100%}.library-header{margin-bottom:16px}.library-header h2{font-size:1.4rem}.library-tabs{gap:0;margin-bottom:12px}.library-tab{flex:1;text-align:center;padding:10px 8px;font-size:14px}.library-toolbar{gap:8px;margin-bottom:12px;flex-direction:column}.library-search-wrap{min-width:0;width:100%;padding:10px 12px}.library-search{font-size:15px}.library-sort-tabs{width:100%}.library-sort-tab{flex:1;text-align:center;padding:8px 6px;font-size:12px}.library-service-tabs{gap:6px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.library-service-tabs::-webkit-scrollbar{display:none}.library-service-tab{flex-shrink:0;padding:8px 14px;font-size:13px}.library-item{padding:10px;gap:10px}.library-play-area{gap:10px}.library-name{font-size:14px}.library-artist{font-size:12px}.library-new-playlist-btn{width:100%;text-align:center;padding:12px;font-size:14px}.library-create-form{flex-direction:column;gap:8px}.library-create-input{font-size:15px;padding:12px}.library-create-btn,.library-create-cancel{padding:12px;font-size:14px}.library-playlist-card{border-radius:12px}.library-playlist-header{padding:12px;gap:8px}.library-playlist-name{font-size:15px}.library-playlist-count{font-size:12px}.library-playlist-actions{gap:6px}.library-pl-action{min-width:36px;min-height:36px;font-size:16px}.library-pl-export{padding:6px 12px!important}.library-export-label{font-size:12px}.library-pl-delete{min-width:36px;min-height:36px}.library-playlist-song{padding:8px 10px}.library-playlist-song-play{gap:8px}.library-playlist-song-art{width:36px;height:36px}.library-playlist-song-name{font-size:13px}.library-playlist-song-artist{font-size:11px}.library-playlist-song-remove{opacity:1;font-size:20px;min-width:32px;min-height:32px}.library-connect-banner{flex-direction:column;text-align:center;padding:16px}.library-connect-info{align-items:center}.library-connect-btn{align-self:center;padding:10px 20px;font-size:14px}.export-modal{max-width:100%;max-height:85vh;width:calc(100% - 24px);border-radius:16px}.export-playlist-list{max-height:45vh}.export-playlist-item{padding:12px;gap:12px}.export-checkbox{width:24px;height:24px}.export-go-btn,.export-done-btn{padding:14px;font-size:15px}.profile-page{max-width:100%}.profile-header{margin-bottom:16px;gap:12px}.profile-user-info{gap:10px}.profile-avatar{width:48px;height:48px}.profile-avatar-placeholder{font-size:18px}.profile-display-name{font-size:1.2rem}.profile-email{font-size:12px}.profile-tabs{gap:0;margin-bottom:16px;justify-content:space-evenly}.profile-tab{padding:10px 0;font-size:12px;gap:4px;flex:1;justify-content:center}.profile-tab-icon{font-size:16px}.profile-tab-label{display:none}.upgrade-page{max-width:100%}.billing-toggle{width:100%}.billing-btn{flex:1;padding:6px 10px;font-size:12px;justify-content:center;gap:6px}.billing-btn.active .save-badge{background:#0000004d;color:#d8fff0}.save-badge{font-size:9px;padding:1px 6px}.upgrade-header{margin-bottom:20px}.upgrade-header h2{font-size:1.2rem;margin-bottom:6px}.upgrade-subtitle{font-size:12px;margin-bottom:14px}.plans-grid{gap:14px;margin-bottom:20px}.plan-card{padding:16px;border-radius:14px;position:relative}.plan-header{margin-bottom:0;cursor:pointer;display:flex;align-items:center;gap:10px;text-align:left;flex-wrap:wrap}.plan-billed{min-width:0}.plan-header h3{font-size:1rem;margin-bottom:0;flex-shrink:0}.plan-price{display:flex;align-items:baseline;gap:2px}.price-amount{font-size:1.1rem}.price-period{font-size:11px}.plan-billed{font-size:10px;color:var(--text-tertiary)}.plan-expand-toggle{font-size:11px;color:var(--accent);margin-left:auto;flex-shrink:0;padding:5px 10px;border-radius:8px;background:rgba(var(--accent-rgb),.1)}.plan-features{margin-top:10px;margin-bottom:10px;gap:4px;padding:10px 0 0;border-top:1px solid var(--border-glass)}.plan-features li{font-size:12px;gap:6px;line-height:1.4}.plan-btn{padding:10px;font-size:13px;margin-top:6px}.plan-popular{font-size:9px;padding:3px 10px;top:-8px}.plan-card.current{opacity:.7}.plan-card.plan-upgrade-option{border:1px solid rgba(var(--accent-rgb),.3)}.plan-card.featured.plan-upgrade-option{border-color:var(--accent);box-shadow:0 0 20px rgba(var(--accent-rgb),.15)}.plan-upgrade-option .plan-btn{background:var(--gradient);border:none;color:#fff}.plan-upgrade-option .plan-btn:hover{opacity:.9}.upgrade-footer{margin-top:16px}.upgrade-footer p{font-size:11px}.dj-genre-filter .genre-filter-chip{display:none}.dj-genre-filter.expanded .genre-filter-chip,.dj-genre-filter .genre-filter-chip.active{display:inline-flex}.dj-genre-toggle-btn{display:flex!important;align-items:center;gap:4px;padding:6px 14px;border-radius:20px;border:1px solid var(--border-glass);background:var(--bg-glass-hover);color:var(--text-secondary);font-size:12px;cursor:pointer;flex-shrink:0;order:-1}.main-content:has(.discover-page){overflow:auto;height:auto;-webkit-overflow-scrolling:touch}.discover-page{min-height:0;height:auto;overflow:visible}.discover-right-col{overflow:visible}.discover-search{margin-bottom:6px}.search-input{font-size:13px;padding:10px 12px}.search-input::placeholder{font-size:12px;text-align:left}.search-icon{display:none}.track-comments{flex:none;min-height:0}.track-comments-list{max-height:120px;padding:4px 8px}.track-comments-input{padding:6px 8px;gap:6px}.track-comments-input input{font-size:12px;padding:8px}.track-comments-input button{padding:8px 10px;font-size:12px}.modal-overlay{padding:12px}.modal-content{padding:20px;max-height:85vh;max-height:85dvh;border-radius:16px;overflow-y:auto;flex-shrink:0}.modal-close{top:8px;right:12px;font-size:32px;min-width:44px;min-height:44px}.playlist-modal{max-height:80vh}h2{word-break:break-word}.song-action-btn{width:36px;height:36px;font-size:16px}.song-actions-compact .song-action-btn{width:32px;height:32px;font-size:14px}}.confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none}.discover-header-right{display:flex;align-items:center;gap:16px}.xp-bar-widget{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:120px}.xp-level-row{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.xp-level{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.xp-streak{font-size:12px;color:var(--accent-secondary)}.xp-bar-track{width:100%;height:4px;background:var(--bg-glass);border-radius:2px;overflow:hidden}.xp-bar-fill{height:100%;background:var(--gradient);border-radius:2px;transition:width .6s ease}.xp-label{font-size:10px;color:var(--text-tertiary)}.achievement-toast{position:fixed;top:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:8px;animation:toast-in .4s cubic-bezier(.34,1.56,.64,1)}@keyframes toast-in{0%{opacity:0;transform:translate(40px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.achievement-badge-row{display:flex;align-items:center;gap:12px;background:var(--bg-secondary);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--accent);border-radius:16px;padding:14px 20px;box-shadow:0 8px 32px color-mix(in srgb,var(--accent) 25%,transparent)}.level-up-row{border-color:var(--accent-secondary);box-shadow:0 8px 32px color-mix(in srgb,var(--accent-secondary) 30%,transparent)}.achievement-icon{font-size:32px;flex-shrink:0}.achievement-text{display:flex;flex-direction:column}.achievement-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.level-up-row .achievement-label{color:var(--accent-secondary)}.achievement-name{font-size:16px;font-weight:700;color:var(--text-primary)}.achievement-desc{font-size:12px;color:var(--text-secondary)}.xp-toast{background:var(--bg-secondary);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:12px;padding:8px 16px;font-size:14px;font-weight:700;color:var(--accent-secondary);text-align:center;animation:toast-in .3s ease}.achievements-page{max-width:1400px;margin:0 auto;animation:slideUp .4s ease-out}.achievements-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.achievements-header h2{font-size:2rem;font-weight:700}.achievements-stats-bar{display:flex;gap:24px;margin-bottom:28px;flex-wrap:wrap}.ach-stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:100px}.ach-stat-value{font-size:1.5rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ach-stat-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.achievements-xp-section{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:16px;padding:20px 24px;margin-bottom:28px}.achievements-xp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.achievements-xp-level{font-size:1.1rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.achievements-xp-amount{font-size:13px;color:var(--text-secondary)}.achievements-xp-track{width:100%;height:10px;background:var(--bg-glass-hover);border-radius:5px;overflow:hidden}.achievements-xp-fill{height:100%;background:var(--gradient);border-radius:5px;transition:width .8s ease}.achievements-section{margin-bottom:32px}.achievements-section-title{font-size:15px;font-weight:600;color:var(--text-secondary);margin-bottom:12px;display:flex;align-items:center;gap:8px}.achievements-section-count{font-size:12px;color:var(--text-tertiary);background:var(--bg-glass);padding:2px 8px;border-radius:10px}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.ach-card{display:flex;align-items:center;gap:14px;transition:all .2s}.ach-card.unlocked{border-color:rgba(var(--accent-rgb),.38)}.ach-card.locked{opacity:.5}.ach-card-icon{font-size:28px;flex-shrink:0}.ach-card.locked .ach-card-icon{filter:grayscale(1)}.ach-card-info{display:flex;flex-direction:column;gap:1px}.ach-card-name{font-size:14px;font-weight:600;color:var(--text-primary)}.ach-card-desc{font-size:12px;color:var(--text-secondary)}.ach-card-date{font-size:10px;color:var(--text-tertiary);margin-top:2px}.ach-card-check{margin-left:auto;color:var(--accent);font-size:18px;flex-shrink:0}.beta-badge{display:inline-block;padding:2px 8px;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#fff;background:var(--gradient);border-radius:20px;line-height:1.6;flex-shrink:0;animation:betaPulse 3s ease-in-out infinite}@keyframes betaPulse{0%,to{opacity:1}50%{opacity:.75}}.sidebar-beta{margin-left:6px;font-size:9px;padding:1px 6px;vertical-align:middle}.landing-page{min-height:100vh;background:var(--bg-primary);overflow-x:hidden;position:relative;z-index:0;isolation:isolate}.landing-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(120px)}.landing-orb-1{width:600px;height:600px;top:-100px;right:-100px;background:rgba(var(--accent-rgb),.18);animation:orbDrift1 12s ease-in-out infinite alternate}.landing-orb-2{width:500px;height:500px;bottom:10%;left:-80px;background:rgba(var(--accent2-rgb),.14);animation:orbDrift2 15s ease-in-out infinite alternate}.landing-orb-3{width:400px;height:400px;top:50%;left:40%;background:#a855f71f;animation:orbDrift3 18s ease-in-out infinite alternate}@keyframes orbDrift1{0%{transform:translate(0) scale(1)}to{transform:translate(-80px,60px) scale(1.15)}}@keyframes orbDrift2{0%{transform:translate(0) scale(1)}to{transform:translate(60px,-40px) scale(1.1)}}@keyframes orbDrift3{0%{transform:translate(0) scale(1)}to{transform:translate(-40px,30px) scale(.9)}}.landing-notes-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;overflow:hidden}.landing-floating-note{position:absolute;bottom:-40px;font-size:24px;opacity:0;animation:floatUp linear infinite}@keyframes floatUp{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.2}90%{opacity:.2}to{transform:translateY(-110vh) rotate(360deg);opacity:0}}.landing-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 32px;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);background:#0c0c14bf;border-bottom:1px solid rgba(255,255,255,.06)}.landing-nav-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.landing-nav-btn{padding:10px 24px;border-radius:999px;border:2px solid transparent;background:linear-gradient(var(--bg-primary),var(--bg-primary)) padding-box,var(--gradient) border-box;color:var(--text-primary);font-weight:600;font-size:14px;cursor:pointer;transition:all .3s;white-space:nowrap}.landing-nav-btn:hover{background:linear-gradient(#1e1e32,#1e1e32) padding-box,var(--gradient) border-box;transform:translateY(-1px);box-shadow:0 4px 16px #f472b633}.landing-hero{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:60px;max-width:1200px;margin:0 auto;padding:80px 32px 60px;min-height:80vh}.landing-hero-content{flex:1;max-width:560px}.hero-beta{margin-bottom:20px;font-size:11px;padding:4px 14px}.landing-headline{font-family:Righteous,cursive;font-size:clamp(2.4rem,5vw,3.8rem);line-height:1.15;color:var(--text-primary);margin-bottom:20px}.landing-headline-accent{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-subheadline{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:36px}.landing-cta-row{display:flex;gap:14px;flex-wrap:wrap}.landing-cta-primary{padding:14px 36px;border-radius:999px;border:none;background:var(--gradient);color:#fff;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s;box-shadow:0 4px 24px rgba(var(--accent-rgb),.35)}.landing-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 36px rgba(var(--accent-rgb),.5);filter:brightness(1.1)}.landing-cta-secondary{padding:14px 30px;border-radius:999px;border:2px solid transparent;background:linear-gradient(var(--bg-primary),var(--bg-primary)) padding-box,var(--gradient) border-box;color:var(--text-primary);font-weight:600;font-size:15px;cursor:pointer;transition:all .3s}.landing-cta-secondary:hover{background:linear-gradient(#1e1e32,#1e1e32) padding-box,var(--gradient) border-box;transform:translateY(-1px);box-shadow:0 4px 16px #f472b626}.landing-hero-visual{flex:0 0 360px}.landing-mockup{width:320px;height:420px;border-radius:24px;border:2px solid transparent;background:linear-gradient(var(--bg-secondary),var(--bg-secondary)) padding-box,var(--gradient) border-box;box-shadow:0 20px 60px #00000080,0 0 80px rgba(var(--accent-rgb),.15);overflow:hidden;position:relative;animation:mockupFloat 5s ease-in-out infinite}@keyframes mockupFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.landing-mockup-screen{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:24px}.landing-visualizer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.landing-mockup-overlay{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px}.landing-mockup-art{width:160px;height:160px;border-radius:16px;overflow:hidden;border:2px solid transparent;background:linear-gradient(#141423,#141423) padding-box,var(--gradient) border-box;animation:artPulse 4s ease-in-out infinite}.landing-mockup-logo{width:100%;height:100%;object-fit:cover;border-radius:14px}@keyframes artPulse{0%,to{box-shadow:0 0 20px #f472b640}50%{box-shadow:0 0 40px #f472b680}}.landing-mockup-meta{display:flex;flex-direction:column;align-items:center;gap:8px}.landing-mockup-title-bar{width:140px;height:12px;border-radius:6px;background:#ffffff40}.landing-mockup-artist-bar{width:90px;height:8px;border-radius:4px;background:#ffffff1f}.landing-mockup-stars{display:flex;gap:6px}.landing-star{font-size:22px;color:var(--star-color);animation:starPop .5s ease forwards;opacity:0;transform:scale(0)}@keyframes starPop{0%{opacity:0;transform:scale(0) rotate(-20deg)}60%{transform:scale(1.3) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.landing-features{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:80px 32px}.landing-section-title{font-family:Righteous,cursive;font-size:clamp(1.8rem,3.5vw,2.6rem);text-align:center;margin-bottom:12px;color:var(--text-primary)}.landing-section-subtitle{text-align:center;color:var(--text-secondary);font-size:1.05rem;margin-bottom:48px}.landing-features-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.landing-features-grid>*{flex:0 0 calc((100% - 40px) / 3);max-width:calc((100% - 40px) / 3)}@media (max-width: 900px){.landing-features-grid>*{flex-basis:calc((100% - 20px)/2);max-width:calc((100% - 20px)/2)}}@media (max-width: 560px){.landing-features-grid>*{flex-basis:100%;max-width:100%}}.landing-feature-card{border-radius:var(--radius);padding:28px 24px;text-align:center;transition:all .4s;opacity:0;transform:translateY(30px);border:2px solid transparent;background:linear-gradient(#12121ee6,#12121ee6) padding-box,linear-gradient(135deg,#f472b666,#fb923c66) border-box}.landing-features.visible .landing-feature-card{animation:fadeSlideUp .6s ease forwards}@keyframes fadeSlideUp{to{opacity:1;transform:translateY(0)}}.landing-feature-card:hover{transform:translateY(-6px);background:linear-gradient(#19192df2,#19192df2) padding-box,var(--gradient) border-box;box-shadow:0 10px 30px #f472b626}.landing-feature-icon{font-size:36px;display:block;margin-bottom:16px}.landing-feature-card h3{font-size:1.1rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.landing-feature-card p{font-size:.9rem;line-height:1.6;color:var(--text-secondary)}.landing-how{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:60px 32px 80px}.landing-steps{display:flex;gap:32px;justify-content:center;flex-wrap:wrap}.landing-step{flex:1;min-width:200px;max-width:260px;text-align:center;opacity:0;transform:translateY(30px);padding:24px 16px;border-radius:var(--radius);border:2px solid transparent;background:linear-gradient(#12121ed9,#12121ed9) padding-box,linear-gradient(135deg,#f472b64d,#fb923c4d) border-box;transition:all .3s}.landing-step:hover{background:linear-gradient(#19192df2,#19192df2) padding-box,var(--gradient) border-box;transform:translateY(-4px);box-shadow:0 8px 24px #f472b61f}.landing-how.visible .landing-step{animation:fadeSlideUp .6s ease forwards}.landing-step-num{width:52px;height:52px;border-radius:50%;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-family:Righteous,cursive;font-size:1.4rem;color:#fff;margin:0 auto 16px;box-shadow:0 4px 20px #f472b659}.landing-step h3{font-size:1.15rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.landing-step p{font-size:.9rem;line-height:1.6;color:var(--text-secondary)}.landing-bottom-cta{position:relative;z-index:1;text-align:center;padding:80px 32px;border-radius:var(--radius);border:2px solid transparent;background:linear-gradient(#12121ee6,#12121ee6) padding-box,var(--gradient) border-box;max-width:900px;margin:40px auto 0}.landing-bottom-cta h2{font-family:Righteous,cursive;font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:12px;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-bottom-cta p{color:var(--text-secondary);font-size:1.05rem;margin-bottom:28px}.landing-bottom-cta.visible h2,.landing-bottom-cta.visible p,.landing-bottom-cta.visible .landing-cta-primary{animation:fadeSlideUp .6s ease forwards}.landing-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:24px 32px;margin-top:40px;border-top:1px solid rgba(255,255,255,.06)}.landing-footer-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-secondary)}.landing-footer-links{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-secondary);white-space:nowrap}.landing-footer-copy{white-space:nowrap}.landing-footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.landing-footer-links a:hover{color:var(--text-primary)}.landing-footer-company{color:var(--text-secondary);text-decoration:none;transition:color .2s}.landing-footer-company:hover{color:var(--text-primary)}.landing-footer-sep{opacity:.3}@media (max-width: 768px){.landing-hero{flex-direction:column;text-align:center;padding:50px 20px 40px;gap:40px}.landing-hero-visual{flex:none}.landing-mockup{width:260px;height:340px;margin:0 auto}.landing-mockup-art{width:120px;height:120px}.landing-cta-row{justify-content:center}.landing-nav{padding:12px 14px;gap:10px}.landing-nav .logo-img{width:38px!important;height:38px!important}.landing-nav .logo-text{font-size:1.05rem!important}.landing-nav>:first-child{min-width:0}.landing-nav-right{gap:8px}.landing-nav-btn{padding:9px 16px;font-size:13px}.landing-features,.landing-how{padding:50px 16px}.landing-footer{flex-direction:column;gap:12px;text-align:center}.landing-footer-meta{flex-direction:column;gap:8px}.landing-footer-links{gap:10px}.landing-footer-copy{font-size:12px}.landing-subheadline br{display:none}.landing-bottom-cta{margin:40px 16px 0;padding:50px 20px}.landing-orb-1{width:300px;height:300px}.landing-orb-2{width:250px;height:250px}.landing-orb-3{width:200px;height:200px}}.dj-sessions-page{padding:24px;max-width:1200px;margin:0 auto}.dj-sessions-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;flex-wrap:wrap}.dj-sessions-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.dj-sessions-subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.create-session-trigger{background:var(--gradient);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.create-session-trigger:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(var(--accent-rgb),.3)}.dj-invite-section{margin-bottom:28px}.dj-invite-input-wrap{display:flex;gap:8px;max-width:360px}.dj-invite-input{flex:1;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:10px;padding:10px 14px;color:var(--text-primary);font-size:14px;font-family:monospace;letter-spacing:2px;text-transform:uppercase;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.dj-invite-input::placeholder{letter-spacing:normal;text-transform:none;font-family:inherit;color:var(--text-tertiary, rgba(255,255,255,.3))}.dj-invite-input:focus{outline:none;border-color:var(--accent)}.dj-invite-btn{background:var(--bg-glass-hover);border:1px solid var(--border-glass);border-radius:10px;padding:10px 20px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.dj-invite-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}.dj-invite-btn:disabled{opacity:.4;cursor:default}.dj-invite-error{color:#f87171;font-size:13px;margin-top:6px}.dj-sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.session-card{display:flex;flex-direction:column;gap:12px}.session-card-header{display:flex;justify-content:space-between;align-items:center}.session-status-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:3px 8px;border-radius:6px}.session-status-live{background:#ef444433;color:#f87171;animation:live-pulse 2s ease-in-out infinite}.session-status-lobby{background:#fbbf2433;color:#fbbf24}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.6}}.session-participant-count{font-size:13px;color:var(--text-secondary)}.session-card-name{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.session-card-host{display:flex;align-items:center;gap:8px}.session-host-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.session-host-name{font-size:13px;color:var(--text-secondary)}.session-card-now-playing{display:flex;align-items:center;gap:10px;background:#ffffff08;padding:8px 10px;border-radius:8px}.session-card-track-art{width:36px;height:36px;border-radius:4px;object-fit:cover}.session-card-track-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-card-track-artist{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-card-join-btn{background:var(--gradient);color:#fff;border:none;padding:10px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:auto}.session-card-join-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--accent-rgb),.3)}.dj-sessions-loading,.dj-sessions-empty{margin-bottom:28px}.dj-loading-pulse{width:40px;height:40px;border-radius:50%;background:var(--gradient);animation:dj-pulse 1.2s ease-in-out infinite;margin-bottom:16px}@keyframes dj-pulse{0%,to{transform:scale(.8);opacity:.4}50%{transform:scale(1.1);opacity:1}}.dj-empty-icon{font-size:48px;margin-bottom:12px}.dj-sessions-empty h3{color:var(--text-primary);margin:0 0 8px}.dj-sessions-empty p{margin:0 0 20px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.create-session-modal{background:var(--bg-secondary, rgba(18, 18, 30, .95));border:1px solid var(--border-glass);border-radius:20px;padding:32px;width:100%;max-width:440px;max-height:90vh;max-height:90dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;flex-shrink:0;position:relative;-webkit-backdrop-filter:var(--blur-strong, blur(40px));backdrop-filter:var(--blur-strong, blur(40px))}.genre-dropdown-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-primary);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;text-align:left}.genre-dropdown-placeholder{color:var(--text-tertiary)}.genre-dropdown-caret{color:var(--text-tertiary);transition:transform .15s;flex-shrink:0}.genre-dropdown-caret.open{transform:rotate(180deg)}.genre-dropdown-toggle+.genre-tag-picker{margin-top:8px}.modal-close-btn{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:4px 8px;line-height:1}.modal-close-btn:hover{color:var(--text-primary)}.create-session-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 24px}.create-session-field{margin-bottom:20px}.create-session-field label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.create-session-field input{width:100%;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:10px;padding:12px 14px;color:var(--text-primary);font-size:15px;box-sizing:border-box}.create-session-field input:focus{outline:none;border-color:var(--accent)}.visibility-toggle{display:flex;gap:0;border-radius:10px;overflow:hidden;border:1px solid var(--border-glass);margin-bottom:8px}.visibility-btn{flex:1;background:var(--bg-glass);border:none;padding:10px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.visibility-btn.active{background:var(--accent);color:#fff}.visibility-hint{font-size:12px;color:var(--text-tertiary, rgba(255,255,255,.35))}.create-session-limits{display:flex;gap:12px;margin-bottom:24px;padding:14px;background:#ffffff08;border-radius:10px}.limit-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.limit-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.limit-value{font-size:15px;font-weight:600;color:var(--text-primary)}.limit-plan{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.create-session-btn{width:100%;background:var(--gradient);color:#fff;border:none;padding:14px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.create-session-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px rgba(var(--accent-rgb),.3)}.create-session-btn:disabled{opacity:.5;cursor:default}.dj-room{display:flex;flex-direction:column;height:calc(100vh - 40px);padding:16px;gap:12px;overflow:hidden}.dj-room-loading,.dj-room-error,.dj-room-ended{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;text-align:center;color:var(--text-secondary);padding:20px}.dj-room-error h2,.dj-room-ended h2{color:var(--text-primary);margin:0 0 8px}.dj-ended-icon{font-size:48px;margin-bottom:12px}.dj-back-btn{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:10px;padding:10px 24px;color:var(--text-primary);font-size:14px;cursor:pointer;margin-top:16px;transition:all .2s}.dj-back-btn:hover{background:var(--bg-glass-hover);border-color:var(--accent)}.dj-room-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:14px;flex-shrink:0}.dj-room-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dj-room-live-count{display:inline-flex;align-items:center}.dj-room-name{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.dj-invite-code-display{font-size:12px;font-family:monospace;letter-spacing:2px;color:var(--accent);background:rgba(var(--accent-rgb),.1);padding:4px 10px;border-radius:6px;cursor:default}.dj-session-timer{font-size:12px;font-family:monospace;font-variant-numeric:tabular-nums;color:var(--text-tertiary, rgba(255,255,255,.35));background:#ffffff0a;padding:4px 10px;border-radius:6px}.dj-room-actions{display:flex;gap:8px}.dj-start-btn{background:var(--gradient);color:#fff;border:none;padding:8px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.dj-start-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--accent-rgb),.3)}.dj-end-btn{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3);padding:8px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.dj-end-btn:hover{background:#ef444440}.dj-leave-btn{background:var(--bg-glass);border:1px solid var(--border-glass);padding:8px 16px;border-radius:10px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s}.dj-leave-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.dj-room-body{display:flex;gap:12px;flex:1;min-height:0}.dj-room-main{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0}.dj-room-stage-placeholder{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:16px;padding:40px}.dj-stage-message{color:var(--text-secondary);font-size:15px}.dj-room-sidebar{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}.dj-participants-panel{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:14px;padding:16px;flex:1;overflow-y:auto}.dj-participants-panel h3{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.dj-participants-list{display:flex;flex-direction:column;gap:8px}.dj-participant-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;transition:background .15s}.dj-participant-item:hover{background:#ffffff08}.dj-participant-name{font-size:14px;color:var(--text-primary);display:flex;align-items:center;gap:6px}.dj-host-badge{font-size:10px;font-weight:700;text-transform:uppercase;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}.club-room{display:flex;gap:12px;flex:1;min-height:0}.club-room-main{flex:1;min-width:280px;max-width:55%;display:flex;flex-direction:column}.club-stage{flex:1;position:relative;background:var(--bg-glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.club-stage-glow{position:absolute;top:-40%;left:50%;transform:translate(-50%);width:80%;height:60%;background:radial-gradient(ellipse,var(--accent, #f472b6) 0%,transparent 70%);opacity:.07;pointer-events:none;z-index:0;animation:club-glow-pulse 4s ease-in-out infinite}@keyframes club-glow-pulse{0%,to{opacity:.07;transform:translate(-50%) scale(1)}50%{opacity:.12;transform:translate(-50%) scale(1.05)}}.club-now-playing{position:relative;z-index:1;padding:16px 20px 12px;display:flex;flex-direction:column;gap:10px}.club-now-playing-header{display:flex;align-items:center;justify-content:space-between}.club-np-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent, #f472b6)}.club-np-added{font-size:11px;color:var(--text-tertiary, rgba(255,255,255,.35))}.club-np-track{display:flex;align-items:center;gap:14px;padding:4px 0}.club-np-art-wrap{position:relative;flex-shrink:0}.club-np-art{width:56px;height:56px;border-radius:8px;object-fit:cover;display:block;box-shadow:0 4px 16px #0006}.club-np-art-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff0d;font-size:24px}.club-np-art-pulse{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:10px;border:2px solid var(--accent, #f472b6);opacity:.5;animation:np-pulse 2s ease-in-out infinite;pointer-events:none}@keyframes np-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.04)}}.club-np-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.club-np-name{font-size:16px;font-weight:600;color:var(--text-primary, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.club-np-artist{font-size:13px;color:var(--text-secondary, rgba(255,255,255,.6));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.club-np-controls{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.club-np-play-btn{width:42px;height:42px;border-radius:50%;border:none;background:var(--accent, #f472b6);color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 12px rgba(var(--accent-rgb),.35)}.club-np-play-btn:hover{transform:scale(1.1);box-shadow:0 4px 20px rgba(var(--accent-rgb),.5)}.club-np-play-btn:active{transform:scale(.95)}.club-np-skip-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:var(--text-secondary, rgba(255,255,255,.6));font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.club-np-skip-btn:hover{background:#ffffff1f;color:#fff;border-color:#ffffff40}.club-np-progress{display:flex;flex-direction:column;gap:4px}.club-np-bar{position:relative;width:100%;height:4px;background:#ffffff14;border-radius:2px;overflow:visible}.club-np-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent, #f472b6),var(--accent-secondary, #c084fc));border-radius:2px;transition:width .5s linear}.club-np-bar-glow{position:absolute;top:-3px;width:10px;height:10px;border-radius:50%;background:var(--accent, #f472b6);box-shadow:0 0 8px var(--accent, #f472b6);transform:translate(-50%);transition:left .5s linear;pointer-events:none}.club-np-times{display:flex;justify-content:space-between;font-size:10px;color:var(--text-tertiary, rgba(255,255,255,.35));font-variant-numeric:tabular-nums}.club-stage-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px 16px;text-align:center;color:var(--text-secondary);z-index:1}.club-stage-icon{font-size:40px;margin-bottom:8px}.club-stage-empty p{margin:0 0 4px;font-size:15px}.club-stage-hint{font-size:13px;color:var(--text-tertiary, rgba(255,255,255,.3))}.club-participants-mini{display:flex;align-items:center;gap:8px}.club-participants-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e80;animation:participant-pulse 2s ease-in-out infinite}@keyframes participant-pulse{0%,to{opacity:1}50%{opacity:.5}}.club-dance-floor-placeholder{flex:1;position:relative;min-height:200px;z-index:1}.club-floor-grid{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,var(--border-glass) 0px,var(--border-glass) 1px,transparent 1px,transparent 80px),repeating-linear-gradient(0deg,var(--border-glass) 0px,var(--border-glass) 1px,transparent 1px,transparent 80px);opacity:.15;pointer-events:none}.club-avatar-placeholder{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;transform:translate(-50%,-50%);z-index:2}.club-avatar-blob{width:40px;height:40px;border-radius:50%;background:hsl(var(--avatar-hue, 280),70%,60%);box-shadow:0 0 16px hsla(var(--avatar-hue, 280),70%,60%,.4);animation:avatar-bounce-placeholder 1.5s ease-in-out infinite;animation-delay:var(--avatar-delay, 0s)}.club-avatar-host .club-avatar-blob{width:52px;height:52px;box-shadow:0 0 24px hsla(var(--avatar-hue, 280),70%,60%,.5)}.club-avatar-name{font-size:11px;color:var(--text-secondary);white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis;text-align:center}@keyframes avatar-bounce-placeholder{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.03)}}.club-room-side{flex:1;min-width:320px;display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden}.club-room-side>.club-collapsible:last-child{flex:1;display:flex;flex-direction:column;min-height:0}.club-room-side>.club-collapsible:last-child.club-collapsible-open{overflow:hidden}.club-room-side>.club-collapsible:last-child .club-collapsible-body{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.club-room-side .club-participants-mini{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:8px}.club-participants-mini h4{margin:0;font-size:13px;font-weight:600;color:var(--text-secondary)}.session-chat{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.session-chat-header{padding:12px 14px 8px;border-bottom:1px solid var(--border-glass);flex-shrink:0}.session-chat-header h3{margin:0;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.session-chat-messages{flex:1;overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:6px;min-height:0}.session-chat-empty{color:var(--text-tertiary, rgba(255,255,255,.3));font-size:13px;text-align:center;margin-top:20px}.chat-message{font-size:13px;line-height:1.4;word-break:break-word}.chat-author{font-weight:600;color:var(--accent);margin-right:6px}.chat-text{color:var(--text-primary)}.chat-system{text-align:center;padding:4px 0}.chat-system-text{font-size:12px;color:var(--text-tertiary, rgba(255,255,255,.35));font-style:italic}.session-chat-input-wrap{display:flex;gap:6px;padding:10px;border-top:1px solid var(--border-glass);flex-shrink:0}.session-chat-input{flex:1;background:#ffffff0a;border:1px solid var(--border-glass);border-radius:8px;padding:8px 10px;color:var(--text-primary);font-size:13px}.session-chat-input:focus{outline:none;border-color:var(--accent)}.session-chat-input::placeholder{color:var(--text-tertiary, rgba(255,255,255,.3))}.session-chat-send{background:var(--accent);color:#fff;border:none;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.session-chat-send:hover:not(:disabled){opacity:.85}.session-chat-send:disabled{opacity:.4;cursor:default}.dj-avatar{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.dj-avatar-svg{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--avatar-accent, #f472b6) 40%,transparent));transition:transform .3s}.dj-avatar-host .dj-avatar-svg{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--avatar-accent, #f472b6) 50%,transparent))}.avatar-dancing .dj-avatar-svg{animation:avatar-dance 1.4s ease-in-out infinite;animation-delay:var(--avatar-delay, 0s)}.avatar-idle .dj-avatar-svg{animation:avatar-sway 3s ease-in-out infinite;animation-delay:var(--avatar-delay, 0s)}@keyframes avatar-dance{0%,to{transform:translateY(0) scaleY(1) rotate(0)}25%{transform:translateY(-6px) scaleY(.96) rotate(-2deg)}50%{transform:translateY(-2px) scaleY(1.02) rotate(0)}75%{transform:translateY(-8px) scaleY(.94) rotate(2deg)}}@keyframes avatar-sway{0%,to{transform:rotate(0) translateY(0)}33%{transform:rotate(-1.5deg) translateY(-1px)}66%{transform:rotate(1.5deg) translateY(-1px)}}.dj-avatar-label{font-size:11px;color:var(--text-secondary);white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis;text-align:center}.dj-avatar-crown-badge{position:absolute;top:-6px;right:-6px;font-size:9px;font-weight:700;background:var(--gradient);color:#fff;padding:2px 5px;border-radius:4px;letter-spacing:.5px}.dance-floor{flex:1;position:relative;min-height:120px;z-index:1;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 0}.dance-floor-grid{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,var(--border-glass) 0px,var(--border-glass) 1px,transparent 1px,transparent 80px),repeating-linear-gradient(0deg,var(--border-glass) 0px,var(--border-glass) 1px,transparent 1px,transparent 80px);opacity:.08;pointer-events:none}.dance-floor-spotlight{position:absolute;top:0;left:50%;transform:translate(-50%);width:50%;height:50%;background:radial-gradient(ellipse,var(--accent, #f472b6) 0%,transparent 70%);opacity:.06;pointer-events:none}.dance-floor-stage{display:flex;justify-content:center;padding:8px 0;position:relative;z-index:2}.dance-floor-crowd{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px;padding:8px 24px 12px;position:relative;z-index:2}.dance-floor-spot{transform:translate(var(--spot-offset-x, 0),var(--spot-offset-y, 0))}.dance-floor-empty-hint{z-index:2;text-align:center}.dance-floor-empty-hint p{color:var(--text-tertiary, rgba(255,255,255,.25));font-size:13px;white-space:nowrap}.dance-floor-reactions{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:10;background:var(--glass-bg, rgba(0,0,0,.5));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;padding:6px 12px;border:1px solid var(--glass-border, rgba(255,255,255,.08))}.reaction-btn{background:none;border:none;font-size:22px;cursor:pointer;padding:4px 6px;border-radius:12px;transition:transform .15s,background .15s;line-height:1}.reaction-btn:hover:not(:disabled){transform:scale(1.3);background:var(--glass-hover, rgba(255,255,255,.1))}.reaction-btn:active:not(:disabled){transform:scale(.9)}.reaction-btn-cooldown{opacity:.4;cursor:not-allowed}.dance-floor-floating-emojis{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:8}.floating-emoji{position:absolute;bottom:40px;font-size:28px;animation:floatUp 2.5s ease-out forwards;opacity:0}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}30%{opacity:1;transform:translateY(-40px) scale(1.2)}to{opacity:0;transform:translateY(-160px) scale(.6)}}.chat-reaction{padding:2px 8px!important;min-height:auto!important}.chat-reaction-text{font-size:12px;color:var(--text-secondary, rgba(255,255,255,.5));font-style:italic}.chat-reaction .chat-author{font-weight:500;color:var(--text-secondary, rgba(255,255,255,.6))}.club-viz{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;border-radius:inherit}.club-viz-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.club-viz-css-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.club-viz-ambient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 80%,var(--accent, #f472b6) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,var(--accent-secondary, #c084fc) 0%,transparent 50%);opacity:0;transition:opacity 2s ease}.club-viz-ambient.active{opacity:.06;animation:viz-ambient-pulse 4s ease-in-out infinite}@keyframes viz-ambient-pulse{0%,to{opacity:.04}50%{opacity:.08}}.avatar-customize-trigger{margin-left:auto;background:var(--bg-glass-hover);border:1px solid var(--border-glass);border-radius:8px;padding:5px 12px;color:var(--text-secondary);font-size:11px;cursor:pointer;transition:all .2s;white-space:nowrap}.avatar-customize-trigger:hover{color:var(--text-primary);border-color:var(--accent);background:rgba(var(--accent-rgb),.1)}.avatar-customizer{background:var(--bg-secondary, rgba(18, 18, 30, .95));border:1px solid var(--border-glass);border-radius:20px;padding:28px;width:100%;max-width:460px;max-height:85vh;overflow-y:auto;position:relative;-webkit-backdrop-filter:var(--blur-strong, blur(40px));backdrop-filter:var(--blur-strong, blur(40px))}.avatar-customizer-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.avatar-customizer-preview{display:flex;justify-content:center;padding:16px 0;margin-bottom:16px;background:#ffffff05;border-radius:12px}.avatar-customizer-section{margin-bottom:18px}.avatar-customizer-section label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.avatar-option-row{display:flex;gap:8px;flex-wrap:wrap}.avatar-shape-btn{background:var(--bg-glass);border:2px solid var(--border-glass);border-radius:10px;padding:6px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.avatar-shape-btn.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.1)}.avatar-shape-btn:hover{border-color:var(--accent)}.avatar-color-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.avatar-color-btn{width:100%;aspect-ratio:1;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .15s}.avatar-color-btn.active{border-color:#fff;transform:scale(1.15);box-shadow:0 0 8px #ffffff4d}.avatar-color-btn:hover{transform:scale(1.1)}.avatar-expr-btn,.avatar-acc-btn{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:8px;padding:6px 12px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s;position:relative}.avatar-expr-btn.active,.avatar-acc-btn.active{border-color:var(--accent);color:var(--text-primary);background:rgba(var(--accent-rgb),.1)}.avatar-expr-btn:hover,.avatar-acc-btn:hover:not(:disabled){border-color:var(--accent)}.avatar-acc-btn.locked{opacity:.45;cursor:not-allowed}.avatar-lock-icon{font-size:10px;margin-left:4px}.avatar-save-btn{width:100%;background:var(--gradient);color:#fff;border:none;padding:12px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.avatar-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--accent-rgb),.3)}.avatar-save-btn:disabled{opacity:.5;cursor:default}.now-playing-bar{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#0000004d;border-bottom:1px solid var(--border-glass);z-index:3;flex-shrink:0;animation:now-playing-glow 3s ease-in-out infinite}@keyframes now-playing-glow{0%,to{box-shadow:inset 0 -1px 20px rgba(var(--accent-rgb),.05)}50%{box-shadow:inset 0 -1px 30px rgba(var(--accent-rgb),.1)}}.now-playing-track{display:flex;align-items:center;gap:10px;min-width:0;flex-shrink:0}.dj-now-playing .now-playing-art{width:44px;height:44px;border-radius:6px;object-fit:cover;box-shadow:0 2px 8px #0000004d}.now-playing-info{display:flex;flex-direction:column;gap:2px;min-width:0;max-width:180px}.now-playing-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-artist{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-progress-wrap{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.now-playing-time{font-size:11px;color:var(--text-tertiary, rgba(255,255,255,.35));font-variant-numeric:tabular-nums;min-width:32px;text-align:center}.now-playing-progress-bar{flex:1;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.now-playing-progress-fill{height:100%;background:var(--gradient);border-radius:2px;transition:width 1s linear}.now-playing-controls{flex-shrink:0;display:flex;align-items:center;gap:4px}.now-playing-add-btn{background:none;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:16px;cursor:pointer;padding:2px 8px;color:var(--text-secondary);transition:all .15s;line-height:1}.now-playing-add-btn:hover{color:var(--accent);border-color:var(--accent);background:rgba(var(--accent-rgb),.1)}.club-toast{position:absolute;top:auto;bottom:8px;left:50%;transform:translate(-50%);height:auto;white-space:nowrap;z-index:10}.now-playing-skip{background:none;border:none;font-size:18px;cursor:pointer;padding:4px 8px;opacity:.6;transition:opacity .15s}.now-playing-skip:hover{opacity:1}.club-mini-sidebar{position:fixed;bottom:80px;left:12px;width:calc(var(--sidebar-width) - 32px);display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--card-bg, rgba(30, 30, 30, .95));border-radius:10px;border:1px solid var(--border, rgba(255,255,255,.08));overflow:hidden;z-index:15}.club-mini-sidebar .club-mini-embed{width:100%;border-radius:6px;overflow:hidden;max-height:80px}.club-mini-sidebar .club-mini-embed iframe{border-radius:6px;display:block}.club-mini-sidebar.club-mini-compact{padding:6px;gap:3px;margin:4px 0}.club-mini-sidebar.club-mini-compact .club-mini-session{font-size:8px;letter-spacing:.6px}.club-mini-sidebar.club-mini-hidden{position:fixed;bottom:0;left:0;width:300px;height:100px;opacity:.01;pointer-events:none;clip:rect(0,0,0,0);overflow:hidden}.club-embed-offscreen{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:.01!important;pointer-events:none!important}.club-mini-sidebar.club-free-bar{border-color:var(--accent, rgba(var(--accent-rgb), .25))}.club-mini-info{display:flex;align-items:center;gap:6px;cursor:pointer;min-width:0;flex-shrink:1}.club-mini-info:hover .club-mini-session{color:var(--accent, #f472b6)}.club-mini-art{width:28px;height:28px;border-radius:4px;object-fit:cover;flex-shrink:0}.club-mini-details{display:flex;flex-direction:column;gap:1px;min-width:0}.club-mini-session{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--accent, #f472b6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.club-mini-track{font-size:11px;color:var(--text-secondary, rgba(255,255,255,.6));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.club-spotify-embed,.club-embed-container iframe{border-radius:8px;display:block}.club-mini-leave{flex-shrink:0;padding:4px 10px;border:1px solid rgba(255,100,100,.3);border-radius:5px;background:#ff64641a;color:#ff6b6b;font-size:10px;font-weight:600;cursor:pointer;transition:all .2s;width:100%;text-align:center}.club-mini-leave:hover{background:#ff646440;border-color:#ff646480}.club-free-bar{gap:10px}.club-free-bar .club-mini-paused{color:var(--text-tertiary, rgba(255,255,255,.4));font-style:italic}.club-mini-rejoin{flex-shrink:0;padding:6px 14px;border:1px solid var(--accent, #f472b6);border-radius:6px;background:rgba(var(--accent-rgb),.15);color:var(--accent, #f472b6);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.club-mini-rejoin:hover{background:rgba(var(--accent-rgb),.3)}.club-mini-away .club-mini-art{width:40px;height:40px;border-radius:6px}.club-mini-away .club-mini-track{font-size:12px;font-weight:600;color:var(--text-primary, #fff)}.club-mini-artist{font-size:11px;color:var(--text-secondary, rgba(255,255,255,.6));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.club-mini-actions{display:flex;flex-direction:column;gap:6px;margin-top:4px}.club-mini-actions .club-mini-rejoin{width:100%;text-align:center}.club-mini-actions .club-mini-leave{width:100%}.club-mini-upgrade{flex-shrink:0;padding:6px 14px;border:1px solid rgba(255,200,50,.3);border-radius:6px;background:#ffc8321a;color:#ffc832;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.club-mini-upgrade:hover{background:#ffc83240}.role-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.role-host{background:rgba(var(--accent-rgb),.2);color:var(--accent, #f472b6);border:1px solid rgba(var(--accent-rgb),.3)}.role-cohost{background:#a855f733;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.club-my-role{font-size:11px;color:var(--text-secondary, rgba(255,255,255,.6));margin-left:auto;margin-right:8px}.club-participant-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.club-participant-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;background:#ffffff08}.club-participant-row:hover{background:#ffffff0f}.club-participant-name{font-size:12px;color:var(--text-primary, #fff);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.club-participant-actions{display:flex;gap:4px;flex-shrink:0}.role-btn{width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--text-secondary, rgba(255,255,255,.6));font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.role-btn:hover{background:#ffffff1f;color:#fff}.role-promote:hover{border-color:#a855f780;color:#c084fc}.role-demote:hover{border-color:#fbbf2480;color:#fbbf24}.role-kick:hover{border-color:#ef444480;color:#ef4444}.club-np-save-volume-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.club-np-save-rate{display:flex;align-items:center;gap:12px}.club-np-save-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:var(--text-secondary, rgba(255,255,255,.6));font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.club-np-save-btn:hover{background:#ffffff1f;color:#fff}.club-np-save-btn.saved{background:rgba(var(--accent-rgb),.2);border-color:rgba(var(--accent-rgb),.4);color:var(--accent, #f472b6)}.club-np-stars{display:flex;gap:2px}.club-np-star{width:24px;height:24px;border:none;background:transparent;color:#fff3;font-size:16px;cursor:pointer;transition:all .15s;padding:0}.club-np-star:hover{color:#ffc83299;transform:scale(1.2)}.club-np-star.star-filled{color:#ffc832;text-shadow:0 0 8px rgba(255,200,50,.4)}.club-collapsible{border-radius:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);overflow:hidden}.club-collapsible-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;cursor:pointer;transition:background .2s}.club-collapsible-header:hover{background:#ffffff0a}.club-collapsible-header h3{font-size:12px;font-weight:600;color:var(--text-secondary, rgba(255,255,255,.6));text-transform:uppercase;letter-spacing:.5px;margin:0}.club-collapsible-toggle{color:var(--text-secondary, rgba(255,255,255,.4));font-size:16px;font-weight:300}.club-collapsible-body{padding:0 12px 12px}.session-audio-engine{position:relative;width:100%;min-height:80px}.club-spotify-embed,.club-embed-container{border-radius:12px;overflow:hidden}.club-spotify-embed,.club-embed-container iframe{border-radius:12px;display:block}.club-spotify-iframe{border:none;border-radius:12px;display:block}.club-progress{display:flex;align-items:center;gap:10px;padding:10px 4px 4px}.club-progress-time{font-size:11px;font-weight:500;color:var(--text-secondary);min-width:32px;text-align:center;font-variant-numeric:tabular-nums}.club-progress-bar{flex:1;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden;position:relative}.club-progress-fill{height:100%;border-radius:2px;background:var(--gradient, var(--accent, #f472b6));transition:width 1s linear;position:relative}.club-progress-fill:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--accent, #f472b6);box-shadow:0 0 6px var(--accent, #f472b6)}.audio-engine-searching,.audio-engine-status{text-align:center;padding:6px 12px;color:var(--text-secondary);font-size:11px}.yt-persistent-player{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--bg-secondary);border-top:1px solid var(--border-glass);min-height:56px}.yt-player-loading{flex:1;text-align:center;color:var(--text-secondary);font-size:13px}.yt-player-play{width:36px;height:36px;border-radius:50%;background:var(--gradient);border:none;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.yt-player-info{display:flex;flex-direction:column;min-width:0;flex-shrink:0;max-width:200px}.yt-player-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yt-player-artist{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yt-player-progress{flex:1;display:flex;flex-direction:column;gap:2px}.yt-player-bar{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.yt-player-bar-fill{height:100%;background:var(--gradient);border-radius:2px;transition:width .4s linear}.yt-player-times{display:flex;justify-content:space-between;font-size:10px;color:var(--text-tertiary)}.yt-player-volume,.club-volume-slider{display:flex;align-items:center;gap:6px;flex-shrink:0}.yt-vol-icon,.club-volume-icon{font-size:14px;line-height:1;width:18px;text-align:center}.yt-vol-range,.club-volume-range{width:70px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff26;border-radius:2px;outline:none;cursor:pointer}.yt-vol-range::-webkit-slider-thumb,.club-volume-range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent, #f472b6);cursor:pointer;box-shadow:0 0 4px rgba(var(--accent-rgb),.4)}.yt-vol-range::-moz-range-thumb,.club-volume-range::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent, #f472b6);cursor:pointer;border:none}.yt-player-badge{font-size:10px;color:var(--text-tertiary);background:#ff00001a;padding:2px 6px;border-radius:4px;flex-shrink:0}.yt-mini-loading{text-align:center;color:var(--text-secondary);font-size:12px;padding:8px 0}.yt-mini-controls{display:flex;align-items:center;gap:12px;padding:4px 0}.yt-mini-play{width:42px;height:42px;border-radius:50%;background:var(--gradient);border:none;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s,box-shadow .15s}.yt-mini-play:hover{transform:scale(1.08);box-shadow:0 4px 16px rgba(var(--accent-rgb),.35)}.yt-mini-play:disabled{opacity:.4;transform:none;box-shadow:none;cursor:not-allowed}.yt-mini-progress{flex:1;display:flex;flex-direction:column;gap:5px}.yt-mini-bar{height:6px;background:#ffffff1f;border-radius:3px;overflow:hidden}.yt-mini-bar-fill{height:100%;background:var(--gradient);border-radius:3px;transition:width .4s linear}.yt-mini-times{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.yt-audio-bar{width:100%;border-radius:8px;overflow:hidden}.yt-audio-bar iframe{display:block;width:100%;border:none;border-radius:8px}.yt-audio-preview{position:relative}.yt-preview-loading{text-align:center;color:var(--text-secondary);font-size:13px;padding:20px 0}.yt-preview-controls{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;margin-top:8px}.yt-preview-play{width:40px;height:40px;border-radius:50%;background:var(--gradient);border:none;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.yt-preview-play:hover{opacity:.85}.yt-preview-progress{flex:1;display:flex;flex-direction:column;gap:4px}.yt-preview-bar{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.yt-preview-bar-fill{height:100%;background:var(--gradient);border-radius:2px;transition:width .4s linear}.yt-preview-times{display:flex;justify-content:space-between;font-size:11px;color:var(--text-tertiary)}.yt-preview-badge{font-size:10px;color:var(--text-tertiary);background:#ff00001a;padding:2px 6px;border-radius:4px;flex-shrink:0}.track-search{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:12px;overflow:hidden;flex-shrink:0}.track-search-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;cursor:pointer;transition:background .15s}.track-search-header:hover{background:#ffffff05}.track-search-header h3{margin:0;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.track-search-toggle{color:var(--text-secondary);font-size:16px;font-weight:600}.track-search-body{padding:0 12px 12px}.track-search-input{width:100%;background:#ffffff0a;border:1px solid var(--border-glass);border-radius:8px;padding:8px 10px;color:var(--text-primary);font-size:13px;margin-bottom:8px;box-sizing:border-box}.track-search-input:focus{outline:none;border-color:var(--accent)}.track-search-input::placeholder{color:var(--text-tertiary, rgba(255,255,255,.3))}.track-search-results{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.track-search-status{color:var(--text-tertiary, rgba(255,255,255,.3));font-size:12px;text-align:center;padding:12px 0;margin:0}.track-search-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;transition:background .15s}.track-search-item:hover{background:#ffffff08}.track-search-art{width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0}.track-search-info{flex:1;min-width:0;display:flex;flex-direction:column}.track-search-name{font-size:12px;font-weight:500;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.track-search-artist{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-add-btn{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:16px;font-weight:600;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s;line-height:1}.track-add-btn:hover:not(:disabled){transform:scale(1.1)}.track-add-btn:disabled{opacity:.5}.session-queue{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:12px;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column}.session-queue-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border-glass);flex-shrink:0}.session-queue-header h3{margin:0;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.queue-skip-btn{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3);padding:4px 12px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s}.queue-skip-btn:hover{background:#fbbf2440}.session-queue-list{flex:1;overflow-y:auto;padding:6px;max-height:220px}.session-queue-empty{color:var(--text-tertiary, rgba(255,255,255,.3));font-size:12px;text-align:center;padding:20px 10px;margin:0}.queue-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;transition:background .15s;position:relative}.queue-item:hover{background:#ffffff08}.queue-stats-tooltip{position:absolute;top:-32px;left:50%;transform:translate(-50%);background:var(--bg-elevated, rgba(20,20,30,.95));border:1px solid var(--border-glass, rgba(255,255,255,.1));border-radius:8px;padding:4px 10px;display:flex;gap:10px;font-size:11px;color:var(--text-secondary, rgba(255,255,255,.6));white-space:nowrap;z-index:20;pointer-events:none;box-shadow:0 4px 12px #0006}.queue-item-playing{background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.2)}.queue-item-art{width:36px;height:36px;border-radius:4px;object-fit:cover;flex-shrink:0}.queue-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.queue-item-name{font-size:12px;font-weight:500;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.queue-item-artist{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item-added{font-size:10px;color:var(--text-tertiary, rgba(255,255,255,.25))}.queue-item-votes{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.vote-btn{display:flex;align-items:center;gap:3px;background:none;border:1px solid transparent;border-radius:4px;padding:2px 6px;cursor:pointer;transition:all .15s;color:var(--text-tertiary, rgba(255,255,255,.3));font-size:10px}.vote-btn:hover{background:#ffffff0d}.vote-up.vote-active{color:#34d399;border-color:#34d3994d}.vote-down.vote-active{color:#f87171;border-color:#f871714d}.vote-arrow{font-size:8px}.vote-count{font-weight:600;min-width:8px;text-align:center}.queue-remove-btn{background:none;border:none;color:var(--text-tertiary, rgba(255,255,255,.25));font-size:16px;cursor:pointer;padding:2px 4px;transition:color .15s;flex-shrink:0;line-height:1}.queue-remove-btn:hover{color:#f87171}.vote-score{font-size:12px;font-weight:700;min-width:24px;text-align:center;color:var(--text-secondary, rgba(255,255,255,.5))}.vote-positive{color:#34d399}.vote-negative{color:#f87171}.queue-hot-badge{position:absolute;top:4px;font-size:8px;font-weight:700;letter-spacing:.5px;padding:1px 5px;border-radius:3px}.queue-item-name-row{display:flex;align-items:center;gap:6px;min-width:0}.queue-item-name-row .queue-item-name{min-width:0}.queue-next-badge{flex-shrink:0;font-size:8px;font-weight:700;letter-spacing:.5px;padding:1px 5px;border-radius:3px;background:rgba(var(--accent-rgb),.2);color:var(--accent, #f472b6);border:1px solid rgba(var(--accent-rgb),.3)}.queue-hot-badge{right:4px;background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.queue-item{position:relative}.queue-item-hot{border-color:#fbbf2433;background:#fbbf2408}.dj-playlists{margin-top:32px}.dj-playlists-loading{text-align:center;padding:24px;color:var(--text-secondary)}.dj-playlists-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dj-playlists-header h3{font-size:18px;font-weight:700}.dj-playlists-count{font-size:13px;color:var(--text-secondary);background:#ffffff0f;padding:4px 10px;border-radius:12px}.dj-playlists-create{margin-bottom:16px}.dj-playlists-limit-msg{font-size:12px;color:#f59e0b;margin-bottom:12px}.dj-playlists-list{display:flex;flex-direction:column;gap:8px}.dj-playlist-item{border:1px solid var(--border-glass);border-radius:12px;overflow:hidden;transition:border-color .2s}.dj-playlist-item.expanded{border-color:var(--accent)}.dj-playlist-row{display:flex;align-items:center;padding:12px 16px;cursor:pointer;gap:12px;transition:background .15s}.dj-playlist-row:hover{background:#ffffff08}.dj-playlist-info{flex:1;display:flex;flex-direction:column;gap:2px}.dj-playlist-name{font-weight:600;font-size:14px}.dj-playlist-song-count{font-size:12px;color:var(--text-secondary)}.dj-playlist-rename{background:var(--bg-card);border:1px solid var(--accent);border-radius:6px;padding:4px 8px;color:var(--text-primary);font-size:14px;font-weight:600;width:140px}.dj-playlist-actions{display:flex;gap:4px}.dj-playlist-action-btn{background:none;border:none;cursor:pointer;font-size:14px;padding:4px;border-radius:6px;transition:background .15s}.dj-playlist-action-btn:hover{background:#ffffff14}.dj-playlist-chevron{font-size:18px;color:var(--text-secondary);transition:transform .2s}.dj-playlist-chevron.open{transform:rotate(90deg)}.dj-playlist-songs{padding:0 16px 16px;display:flex;flex-direction:column;gap:6px}.dj-playlist-empty{font-size:13px;color:var(--text-secondary);text-align:center;padding:12px}.dj-playlist-song{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;transition:background .15s}.dj-playlist-song:hover{background:#ffffff0a}.dj-playlist-song-art{width:36px;height:36px;border-radius:6px;object-fit:cover}.dj-playlist-song-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.dj-playlist-song-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-playlist-song-artist{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-playlist-song-remove{background:none;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;padding:2px 6px;border-radius:6px;transition:all .15s}.dj-playlist-song-remove:hover{color:#ef4444;background:#ef44441a}.dj-playlist-song-num{font-size:11px;color:var(--text-secondary);width:18px;text-align:center;flex-shrink:0}.dj-playlist-song-reorder{display:flex;flex-direction:column;gap:1px}.reorder-btn{background:none;border:none;color:var(--text-secondary);font-size:9px;cursor:pointer;padding:1px 4px;line-height:1;border-radius:3px;transition:all .15s}.reorder-btn:hover:not(:disabled){color:var(--accent);background:rgba(var(--accent-rgb),.1)}.reorder-btn:disabled{opacity:.2;cursor:default}.dj-playlist-song-add{background:none;border:1px solid var(--accent);color:var(--accent);font-size:16px;font-weight:700;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.dj-playlist-song-add:hover{background:var(--accent);color:#fff}.dj-playlist-song-add:disabled{opacity:.4;cursor:not-allowed}.dj-playlist-search{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-glass)}.dj-playlist-search-input{width:100%;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:10px;padding:10px 14px;color:var(--text-primary);font-size:13px}.dj-playlist-search-input:focus{outline:none;border-color:var(--accent)}.dj-playlist-search-status{font-size:12px;color:var(--text-secondary);padding:8px 0}.dj-playlist-search-results{display:flex;flex-direction:column;gap:4px;margin-top:8px;max-height:250px;overflow-y:auto}.queue-save-wrap{position:relative}.queue-save-btn{background:none;border:1px solid var(--border-glass);border-radius:6px;color:var(--text-secondary);font-size:16px;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.queue-save-btn:hover{border-color:var(--accent);color:var(--accent)}.queue-save-menu{position:absolute;right:0;top:100%;margin-top:4px;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:10px;padding:6px;min-width:180px;z-index:100;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;gap:2px}.queue-save-option{background:none;border:none;color:var(--text-primary);font-size:13px;padding:8px 12px;border-radius:6px;cursor:pointer;text-align:left;transition:background .15s}.queue-save-option:hover{background:#ffffff0f}.queue-save-option:disabled{opacity:.4;cursor:not-allowed}.queue-save-empty{font-size:12px;color:var(--text-secondary);padding:8px 12px}.queue-save-msg{font-size:12px;color:var(--accent);font-weight:500}.genre-tag-picker{display:flex;flex-wrap:wrap;gap:6px}.genre-tag-picker.compact{padding:8px 16px 12px}.genre-tag{padding:6px 12px;border-radius:20px;border:1px solid var(--border-glass);background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s}.genre-tag:hover{border-color:var(--accent);color:var(--text-primary)}.genre-tag.active{background:var(--accent);border-color:var(--accent);color:#fff}.genre-tag-sm{padding:4px 10px;border-radius:14px;border:1px solid var(--border-glass);background:transparent;color:var(--text-secondary);font-size:11px;cursor:pointer;transition:all .15s}.genre-tag-sm:hover{border-color:var(--accent);color:var(--text-primary)}.genre-tag-sm.active{background:var(--accent);border-color:var(--accent);color:#fff}.genre-tag-more{font-size:11px;color:var(--text-secondary);padding:4px 8px}.dj-genre-filter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.dj-genre-toggle-btn{display:none}.genre-filter-chip{padding:6px 14px;border-radius:20px;border:1px solid var(--border-glass);background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s}.genre-filter-chip:hover{border-color:var(--accent);color:var(--text-primary)}.genre-filter-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.session-card-genres{display:flex;flex-wrap:wrap;gap:4px}.session-genre-chip{font-size:11px;padding:2px 8px;border-radius:10px;background:rgba(var(--accent-rgb),.12);color:var(--accent);font-weight:500}.dj-playlist-genre-chips{display:flex;flex-wrap:wrap;gap:4px;padding:0 16px 8px}.dj-playlist-genre-edit{padding:4px 8px 12px}.dj-playlists-create-row{display:flex;gap:8px}.dj-playlists-create-row input{flex:1;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:10px;padding:10px 14px;color:var(--text-primary);font-size:14px}.dj-playlists-create-row input:focus{outline:none;border-color:var(--accent)}.dj-playlists-create-row button{background:var(--accent);border:none;border-radius:10px;color:#fff;font-size:18px;font-weight:700;width:40px;cursor:pointer;transition:opacity .2s}.dj-playlists-create-row button:disabled{opacity:.4;cursor:not-allowed}.dj-playlists-create-genres{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.shared-playlist-page{max-width:600px;margin:0 auto;padding:40px 20px}.shared-playlist-loading,.shared-playlist-error{text-align:center;padding:60px 20px;color:var(--text-secondary)}.shared-playlist-error h2{margin-bottom:16px}.shared-playlist-card{background:var(--bg-glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:16px;padding:24px}.shared-playlist-header{margin-bottom:20px}.shared-playlist-header h2{font-size:22px;font-weight:700;margin-bottom:8px}.shared-playlist-genres{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.shared-playlist-meta{font-size:13px;color:var(--text-secondary)}.shared-playlist-songs{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.preload-playlist-picker{display:flex;flex-wrap:wrap;gap:6px}.preload-playlist-chip{padding:8px 16px;border-radius:20px;border:1px solid var(--border-glass);background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s}.preload-playlist-chip:hover{border-color:var(--accent);color:var(--text-primary)}.preload-playlist-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.dj-leaderboard{margin-top:32px}.dj-lb-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.dj-lb-header h2{margin:0;font-size:18px;color:var(--text-primary, #fff)}.dj-lb-tabs{display:flex;gap:4px}.dj-lb-tab{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-secondary, rgba(255,255,255,.6));font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.dj-lb-tab-icon{font-size:12px}.dj-lb-tab-label{font-size:11px}.dj-lb-tab:hover{background:#ffffff0f}.dj-lb-tab.active{background:rgba(var(--accent-rgb),.15);color:var(--accent, #f472b6);border-color:rgba(var(--accent-rgb),.3)}.dj-lb-empty{text-align:center;color:var(--text-tertiary, rgba(255,255,255,.3));padding:24px;font-size:13px}.dj-card-list{display:flex;flex-direction:column;gap:6px}.dj-card{display:flex;flex-direction:column}.dj-card:hover{background:#ffffff0a}.dj-card-rank-1{background:linear-gradient(135deg,#ffd70014,#ffd70005);border-color:#ffd70033}.dj-card-rank-2{background:linear-gradient(135deg,#c0c0c00f,#c0c0c005);border-color:#c0c0c026}.dj-card-rank-3{background:linear-gradient(135deg,#cd7f320f,#cd7f3205);border-color:#cd7f3226}.dj-card-rank{font-size:20px;min-width:32px;text-align:center;flex-shrink:0}.dj-card-rank-num{font-size:13px;font-weight:600;color:var(--text-tertiary, rgba(255,255,255,.3))}.dj-card-info{flex:1;min-width:0}.dj-card-name{display:block;font-size:14px;font-weight:600;color:var(--text-primary, #fff);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj-card-stats{display:flex;flex-wrap:wrap;gap:8px}.dj-card-stat{font-size:11px;color:var(--text-tertiary, rgba(255,255,255,.35));white-space:nowrap}.dj-card-stat-active{color:var(--accent, #f472b6)}.dj-card-primary{text-align:right;flex-shrink:0;min-width:50px}.dj-card-primary-val{display:block;font-size:20px;font-weight:700;color:var(--text-primary, #fff);line-height:1}.dj-card-primary-label{font-size:10px;color:var(--text-tertiary, rgba(255,255,255,.35));text-transform:uppercase;letter-spacing:.5px}.dj-card-main{display:flex;align-items:center;gap:12px;cursor:pointer;flex:1}.dj-card-expand{font-size:16px;color:var(--text-tertiary, rgba(255,255,255,.3));margin-left:8px;flex-shrink:0}.dj-card-sessions{border-top:1px solid var(--border-glass, rgba(255,255,255,.06));margin-top:8px;padding-top:8px}.dj-sessions-loading,.dj-inline-empty{font-size:12px;color:var(--text-tertiary, rgba(255,255,255,.35));margin:0;padding:4px 0}.dj-session-row{display:flex;justify-content:space-between;align-items:center;padding:5px 4px;border-radius:6px}.dj-session-row:hover{background:#ffffff08}.dj-session-name{font-size:12px;color:var(--text-primary, rgba(255,255,255,.85));font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj-session-meta{display:flex;gap:8px;align-items:center;flex-shrink:0;font-size:11px;color:var(--text-tertiary, rgba(255,255,255,.4))}.dj-session-genres{color:var(--accent, #a855f7);font-size:10px}.dj-session-expand{color:var(--text-tertiary, rgba(255,255,255,.3));font-size:13px}.dj-session-songs{padding:4px 0 4px 12px;border-left:2px solid var(--border-glass, rgba(255,255,255,.06));margin:4px 0 8px 8px}.dj-session-song{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:11px}.dj-session-song-name{color:var(--text-primary, rgba(255,255,255,.85));flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj-session-song-artist{color:var(--text-tertiary, rgba(255,255,255,.4));flex-shrink:0}.dj-session-song-votes{color:var(--accent, #a855f7);flex-shrink:0;font-size:10px}.dj-lb-history-btn{margin-top:14px;padding:6px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-secondary, rgba(255,255,255,.6));font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.dj-lb-history-btn:hover{background:rgba(var(--accent-rgb),.1);color:var(--accent, #f472b6);border-color:rgba(var(--accent-rgb),.25)}.dj-lb-history{margin-top:12px;display:flex;flex-direction:column;gap:16px}.dj-lb-month{background:#ffffff05;border-radius:10px;padding:12px;border:1px solid rgba(255,255,255,.04)}.dj-lb-month-title{font-size:13px;font-weight:600;color:var(--text-secondary, rgba(255,255,255,.6));margin-bottom:8px}.session-history{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:12px;overflow:hidden;flex-shrink:0}.session-history-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;cursor:pointer;transition:background .15s}.session-history-header:hover{background:#ffffff05}.session-history-header h3{margin:0;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.session-history-toggle{color:var(--text-secondary);font-size:16px;font-weight:600}.session-history-list{max-height:240px;overflow-y:auto;padding:6px}.session-history-empty{text-align:center;color:var(--text-tertiary, rgba(255,255,255,.3));font-size:12px;padding:12px;margin:0}.history-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;opacity:.6}.history-item:hover{opacity:.8;background:#ffffff08}.history-item-art{width:36px;height:36px;border-radius:6px;object-fit:cover;flex-shrink:0}.history-item-info{flex:1;display:flex;flex-direction:column;min-width:0}.history-item-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-artist{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.dj-sessions-page{padding:10px}.dj-sessions-header{flex-direction:column;gap:8px}.dj-sessions-grid{grid-template-columns:1fr}.dj-sessions-title{font-size:20px}.dj-sessions-subtitle{font-size:12px}.create-session-trigger{padding:10px 18px;font-size:13px}.dj-invite-input-wrap{max-width:100%}.dj-invite-section{margin-bottom:16px}.main-content:has(.dj-room){overflow:hidden;height:auto;-webkit-overflow-scrolling:touch}.dj-room{padding:4px;display:flex;flex-direction:column;height:calc(100dvh - 56px - var(--sab, 0px));min-height:0;overflow:hidden}.dj-room-header{flex-direction:row;flex-wrap:wrap;gap:6px;align-items:center;padding:6px 8px}.dj-room-header h2{font-size:14px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-room-live-count{display:none}.dj-room-actions{gap:4px}.dj-room-actions button{font-size:11px;padding:5px 8px}.club-room{flex-direction:column;gap:4px}.club-room-main{min-height:0;max-width:100%;width:100%;overflow:visible;flex:none}.club-room-side{width:100%;flex:none;max-height:none;padding-bottom:40px}.club-stage{overflow:visible;border-radius:10px;flex:none}.club-stage-glow{display:none}.club-now-playing{padding:5px 8px;gap:3px;width:100%;box-sizing:border-box}.club-now-playing-header{gap:6px;font-size:9px}.club-np-label{font-size:8px;flex-shrink:0}.club-np-added{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.club-np-art{width:30px;height:30px;border-radius:6px}.club-np-art-pulse{display:none}.club-np-name{font-size:12px}.club-np-artist{font-size:10px}.club-np-info{gap:0}.club-np-controls button{font-size:14px;padding:4px 8px}.club-np-save-volume-row{gap:6px 10px;flex-wrap:wrap}.club-np-save-rate{gap:6px;flex-wrap:wrap}.club-np-save-rate .song-action-btn,.club-np-save-rate .song-actions-compact .song-action-btn{width:26px;height:26px;font-size:12px}.club-np-stars button{font-size:13px;padding:0 1px}.community-stats-bar{font-size:10px;gap:6px}.club-np-progress{gap:2px}.club-np-times{font-size:10px}.club-volume-slider{display:none}.club-embed-container{max-width:100%;overflow:hidden}.club-embed-container iframe{width:100%!important;max-width:100%}.dance-floor{min-height:150px;padding:4px;overflow:visible;position:relative}.avatar-wrapper{transform:scale(.42)}.dance-floor-empty-hint{display:none}.dance-floor-reactions{position:absolute;bottom:10px;left:50%;transform:translate(-50%);gap:4px;z-index:10}.reaction-btn{font-size:13px;padding:2px 4px}.floating-emoji{font-size:15px}.dance-floor-floating-emojis{pointer-events:none}.club-stage{align-items:center}.club-room.club-room-mobile{display:flex;flex-direction:column;gap:16px;flex:1;min-height:0}.club-np-pinned{flex:none;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:12px;overflow:hidden}.club-np-pinned .club-now-playing{padding:8px 9px 11px}.club-np-pinned .club-stage-empty{padding:14px 10px}.club-np-pinned .club-stage-icon{font-size:22px}.club-np-pinned .club-stage-empty p{font-size:12px;margin:2px 0 0}.club-np-pinned .club-stage-hint{font-size:10.5px}.club-stage-mobile{height:100%;min-height:200px;border-radius:12px;align-items:stretch;justify-content:center}.club-stage-mobile .dance-floor{min-height:0;height:100%;width:100%;flex:1}.club-stage-mobile .avatar-wrapper{transform:scale(.75)}.club-stage-mobile .reaction-btn{font-size:17px;padding:4px 6px}.club-mobile-tabs{display:flex;gap:2px;padding:5px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:12px;flex:none;margin:8px 0}.club-mobile-tab{flex:1;min-width:0;padding:9px 4px;border:none;border-radius:7px;background:transparent;color:var(--text-secondary);font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.club-mobile-tab.active{background:var(--gradient);color:#fff}.club-mobile-panel{flex:1;min-height:200px;display:flex;flex-direction:column;overflow:hidden}.club-mobile-panel>*{min-height:0}.club-mobile-panel>.club-stage-mobile,.club-mobile-panel>.club-queue-panel,.club-mobile-panel>.club-participant-list,.club-mobile-panel>.session-chat,.club-mobile-panel>.session-chat-messages{flex:1}.club-mobile-panel>.session-chat-input-wrap{flex:none}.club-mobile-panel>.session-chat-messages,.club-mobile-panel>.club-participant-list,.club-mobile-panel>.club-queue-panel{overflow-y:auto;-webkit-overflow-scrolling:touch}.club-queue-panel{display:flex;flex-direction:column;gap:8px}.club-queue-panel>*{flex:none}.club-mobile-panel .club-collapsible-header,.club-mobile-panel .session-queue-title,.club-mobile-panel .track-search-title{display:none}.club-mobile-panel>*{margin:0}.club-collapsible-header{padding:7px 10px}.club-collapsible-header h3{font-size:11.5px;letter-spacing:.02em}.club-collapsible-header .club-collapsible-toggle{font-size:15px}.club-participants-mini{padding:5px 8px;font-size:11.5px}.club-participants-mini h4{font-size:11.5px}.club-room{gap:3px}.club-room-side{gap:4px}.dj-room-header{padding:5px 8px}.dj-room-header h2{font-size:13px}.dj-room-actions button{font-size:10.5px;padding:4px 7px}.club-np-stars button{font-size:12px}.community-stats-bar{font-size:9.5px;gap:5px}.club-np-times{font-size:9px}.club-side-tabs button{font-size:11px;padding:6px 10px}.session-queue{padding:6px}.queue-item{padding:6px;gap:6px}.queue-item-name{font-size:12px}.queue-item-artist{font-size:10px}.session-chat{padding:6px}.club-room-side .session-chat-messages{max-height:200px;overflow-y:auto;min-height:0}.club-room-side .session-chat-input-wrap{position:sticky;bottom:0;background:var(--bg-secondary);padding:6px;z-index:2}.chat-input-row{padding:6px}.chat-input{font-size:12px;padding:6px 8px}.track-search{padding:6px}.track-search input{font-size:13px;padding:8px 10px}.track-search-results{max-height:150px}.session-audio-engine{min-height:50px}.club-embed-container iframe{max-height:50px}.avatar-customizer{max-width:100%;padding:14px;border-radius:14px}.avatar-color-grid{grid-template-columns:repeat(8,1fr)}.avatar-customizer h3{font-size:16px}.discover-page .yt-mini-controls{gap:8px;padding:6px 0}.discover-page .yt-mini-play{width:34px;height:34px;font-size:14px}.discover-page .yt-mini-bar{height:6px;border-radius:3px}.discover-page .yt-mini-bar-fill{border-radius:3px}.discover-page .yt-mini-times{font-size:11px}.discover-page .yt-mini-progress{gap:4px}.now-playing-art{max-height:35vh}.now-playing>.now-playing-info{padding:6px 4px 2px}.now-playing .now-playing-title{font-size:15px}.now-playing .now-playing-artist{font-size:12px}.now-playing .now-playing-album{font-size:10px}.now-playing-meta{padding:4px 10px 6px;gap:2px}.now-playing-stats{font-size:11px;gap:8px}.now-playing-info-row{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 10px}.now-playing-info-row>div:first-child{flex:1 1 100%}.now-playing-info-row .community-stats-bar{flex:1;flex-wrap:wrap;gap:10px}.now-playing-info-row .yt-player-volume{margin-left:auto;flex-shrink:0}.now-playing-share{padding:5px 10px;font-size:11px}.club-mini-player{display:none!important}.club-mini-sidebar{position:fixed;bottom:calc(56px + var(--sab));left:0;right:0;width:100%;z-index:19;flex-direction:row;align-items:center;gap:6px;padding:6px 10px;margin:0;border-radius:0;border:none;border-top:1px solid var(--border-glass);background:var(--bg-secondary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:visible}.club-mini-sidebar .club-mini-embed{max-height:0;overflow:hidden;width:0;position:absolute}.club-mini-sidebar .club-mini-info{flex:1;min-width:0;overflow:hidden}.club-mini-sidebar .club-mini-art{width:28px;height:28px;border-radius:4px;flex-shrink:0}.club-mini-sidebar .club-mini-track{font-size:11px;max-width:none}.club-mini-sidebar .club-mini-artist{font-size:9px}.club-mini-sidebar .club-mini-session{display:none}.club-mini-sidebar .club-mini-details{gap:0}.club-mini-sidebar .club-mini-actions{flex-direction:row;gap:4px;margin-top:0;flex-shrink:0}.club-mini-sidebar .club-mini-rejoin{display:none}.club-mini-sidebar .club-mini-leave{width:auto;padding:5px 12px;font-size:10px;white-space:nowrap}.club-mini-sidebar.club-mini-hidden{position:fixed;bottom:0;left:0;width:300px;height:100px;opacity:.01;pointer-events:none;clip:rect(0,0,0,0);overflow:hidden;z-index:-1}.session-card{padding:12px;gap:8px;border-radius:12px}.session-card-name{font-size:14px}.session-card-host{font-size:11px}.session-host-avatar{width:20px;height:20px}.session-card-now-playing{padding:6px 8px;gap:8px}.session-card-track-art{width:30px;height:30px}.session-card-track-name{font-size:12px}.session-card-track-artist{font-size:11px}.session-card-join-btn{padding:8px;font-size:13px;border-radius:8px}.session-status-badge{font-size:10px;padding:2px 6px}.session-participant-count{font-size:12px}.dj-sessions-grid{gap:10px}.dj-leaderboard{padding:14px;margin-top:20px}.dj-lb-header{margin-bottom:10px;gap:8px}.dj-lb-header h2{font-size:16px}.dj-lb-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;-webkit-mask-image:linear-gradient(to right,#000 88%,transparent);mask-image:linear-gradient(to right,#000 88%,transparent);padding-right:12px}.dj-lb-tabs::-webkit-scrollbar{display:none}.dj-lb-tab{flex-shrink:0;white-space:nowrap}.dj-card-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 4px}.dj-card-stat:nth-child(n+5){display:none}.dj-card-stat{font-size:10.5px;white-space:nowrap}.dj-card-primary{min-width:0}.dj-card-primary-val{font-size:17px}.dj-card-primary-label{font-size:9px}.dj-card-rank{min-width:0}.dj-card-name{font-size:13px}.settings-section{padding:14px}.settings-section h3{font-size:15px}.club-visualizer canvas{height:30px}.club-participants-bar{padding:3px 8px;gap:6px;font-size:10.5px}.club-participants-bar button{font-size:10.5px;padding:3px 8px}}[data-liquid-glass] .sidebar,[data-liquid-glass] .now-playing,[data-liquid-glass] .up-next,[data-liquid-glass] .rating-widget,[data-liquid-glass] .settings-section,[data-liquid-glass] .session-card,[data-liquid-glass] .profile-card,[data-liquid-glass] .stat-card,[data-liquid-glass] .dashboard-section,[data-liquid-glass] .rating-item,[data-liquid-glass] .achievements-stats-bar,[data-liquid-glass] .achievements-xp-section,[data-liquid-glass] .achievements-section,[data-liquid-glass] .history-list,[data-liquid-glass] .plan-card,[data-liquid-glass] .billing-toggle,[data-liquid-glass] .upgrade-footer,[data-liquid-glass] .glass{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:inset 0 1px #ffffff26,inset 0 -1px #ffffff0a;position:relative;overflow:hidden}[data-liquid-glass] .now-playing:before,[data-liquid-glass] .up-next:before,[data-liquid-glass] .rating-widget:before,[data-liquid-glass] .settings-section:before,[data-liquid-glass] .session-card:before,[data-liquid-glass] .profile-card:before,[data-liquid-glass] .stat-card:before,[data-liquid-glass] .dashboard-section:before,[data-liquid-glass] .achievements-stats-bar:before,[data-liquid-glass] .achievements-xp-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(125deg,rgba(136,200,255,.06) 0%,transparent 25%,rgba(224,170,255,.04) 40%,transparent 55%,rgba(136,200,255,.03) 70%,transparent 85%,rgba(224,170,255,.05) 100%);pointer-events:none;z-index:0;animation:lg-shimmer 10s ease-in-out infinite alternate}@keyframes lg-shimmer{0%{opacity:.5;filter:hue-rotate(0deg)}50%{opacity:.8;filter:hue-rotate(10deg)}to{opacity:.6;filter:hue-rotate(-8deg)}}[data-liquid-glass] .now-playing:after,[data-liquid-glass] .up-next:after,[data-liquid-glass] .rating-widget:after,[data-liquid-glass] .settings-section:after,[data-liquid-glass] .profile-card:after,[data-liquid-glass] .stat-card:after,[data-liquid-glass] .dashboard-section:after,[data-liquid-glass] .achievements-stats-bar:after,[data-liquid-glass] .achievements-xp-section:after{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3) 30%,rgba(255,255,255,.45) 50%,rgba(255,255,255,.3) 70%,transparent);z-index:1}[data-liquid-glass] .sidebar{position:fixed;background:#ffffff08;backdrop-filter:blur(40px) saturate(1.6) brightness(1.05);-webkit-backdrop-filter:blur(40px) saturate(1.6) brightness(1.05);border-radius:0;border-right:1px solid rgba(255,255,255,.12);border-left:none;border-top:none;border-bottom:none}[data-liquid-glass] .now-playing{position:sticky}[data-liquid-glass] .nav-link.active{background:#88c8ff14;backdrop-filter:blur(30px) saturate(1.6);-webkit-backdrop-filter:blur(30px) saturate(1.6);border:1px solid rgba(255,255,255,.15);border-radius:14px;box-shadow:inset 0 1px #fff3;color:#fff}[data-liquid-glass] .nav-link:hover:not(.active){background:#ffffff14;border-radius:14px}[data-liquid-glass] .song-card{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:inset 0 1px #ffffff14;transition:all .25s ease}[data-liquid-glass] .song-card:hover{background:#ffffff08;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff24;transform:translateY(-1px)}[data-liquid-glass] .genre-filter-chip{background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:100px;box-shadow:inset 0 1px #ffffff0f;transition:all .2s ease}[data-liquid-glass] .genre-filter-chip:hover{background:#ffffff08;border-color:#ffffff24}[data-liquid-glass] .genre-filter-chip.active{background:#88c8ff0f;border-color:#88c8ff2e;box-shadow:0 0 10px #88c8ff0f,inset 0 1px #ffffff1f}[data-liquid-glass] .search-input-wrapper{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:inset 0 1px #ffffff0f}[data-liquid-glass] .search-btn{background:#88c8ff0a;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(136,200,255,.12);border-radius:14px;box-shadow:inset 0 1px #ffffff1a}[data-liquid-glass] .search-btn:hover{background:#88c8ff14}[data-liquid-glass] .theme-card{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:inset 0 1px #ffffff0f}[data-liquid-glass] .theme-card.active{border-color:#88c8ff40;box-shadow:0 0 16px #88c8ff14,inset 0 1px #ffffff26}[data-liquid-glass] .yt-mini-play{background:#ffffff08;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff1f}[data-liquid-glass] .yt-mini-play:hover{background:#ffffff0f;box-shadow:inset 0 1px #ffffff2e;transform:scale(1.05)}[data-liquid-glass] .yt-mini-bar{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:100px;box-shadow:inset 0 1px 2px #00000026}[data-liquid-glass] .yt-mini-bar-fill{background:linear-gradient(90deg,#88c8ff99,#e0aaff80);border-radius:100px;box-shadow:0 0 8px #88c8ff4d}[data-liquid-glass] .btn-primary,[data-liquid-glass] .btn-upgrade{background:#88c8ff0a;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(136,200,255,.12);border-radius:14px;box-shadow:inset 0 1px #ffffff1a}[data-liquid-glass] .btn-primary:hover,[data-liquid-glass] .btn-upgrade:hover{background:#88c8ff14}[data-liquid-glass] .mini-player{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:inset 0 1px #ffffff1a}[data-liquid-glass] .account-row,[data-liquid-glass] .playback-source-toggle .source-btn{background:transparent;border:1px solid rgba(255,255,255,.06);border-radius:14px;box-shadow:inset 0 1px #ffffff0d}[data-liquid-glass] .source-btn.active{background:#88c8ff0f;border-color:#88c8ff26}[data-liquid-glass] .now-playing-art{border-radius:18px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff1a}[data-liquid-glass] .star-btn.filled{filter:drop-shadow(0 0 6px rgba(136,200,255,.4))}[data-liquid-glass] .dev-plan-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:inset 0 1px #ffffff14}[data-liquid-glass] .dev-plan-btn.active{background:#88c8ff1a;border-color:#88c8ff33}[data-liquid-glass] .plan-card.featured{border-color:#88c8ff33;box-shadow:0 0 16px #88c8ff0f,inset 0 1px #ffffff26}[data-liquid-glass] .plan-card:hover{background:#ffffff08;border-color:#ffffff24}.public-shell{min-height:100vh;min-height:100dvh;background:var(--bg-primary);display:flex;flex-direction:column}.public-shell-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;padding-top:calc(12px + var(--sat, 0px));border-bottom:1px solid var(--border-glass);background:var(--bg-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:10}.public-shell-logo{cursor:pointer}.public-shell-actions{display:flex;align-items:center;gap:10px}.public-shell-login{background:none;border:none;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;padding:8px 12px}.public-shell-login:hover{color:var(--text-primary)}.public-shell-btn{padding:8px 18px;font-size:14px;border-radius:50px}.public-shell-content{flex:1;padding:20px;padding-bottom:calc(40px + var(--sab, 0px));overflow-y:auto}@media (max-width: 768px){.public-shell-header{padding:10px 14px;padding-top:calc(10px + var(--sat, 0px))}.public-shell-content{padding:14px}.public-shell-btn{padding:7px 14px;font-size:13px}.public-shell-login{padding:7px 8px;font-size:13px}}.public-profile-page{max-width:760px;margin:0 auto;padding:8px 4px 40px}.public-profile-loading,.pp-empty{text-align:center;color:var(--text-secondary);padding:60px 20px;font-size:15px}.public-profile-notfound{text-align:center;padding:60px 20px}.pp-notfound-icon{font-size:48px;margin-bottom:12px}.public-profile-notfound h2{font-size:1.4rem;margin-bottom:8px}.public-profile-notfound p{color:var(--text-secondary);margin-bottom:20px}.public-profile-header{display:flex;align-items:center;gap:20px;padding:24px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius);margin-bottom:16px}.pp-avatar-wrap{flex-shrink:0}.pp-avatar-img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:2px solid rgba(var(--accent-rgb),.4)}.pp-avatar-placeholder{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:#fff;background:var(--gradient)}.pp-identity{flex:1;min-width:0}.pp-username{font-size:1.6rem;font-weight:700;margin-bottom:8px;word-break:break-word}.pp-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pp-level-badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;background:rgba(var(--accent-rgb),.15);color:var(--accent)}.pp-country{font-size:13px;color:var(--text-secondary)}.pp-bio{font-size:14px;line-height:1.5;color:var(--text-primary);margin-top:10px;white-space:pre-wrap;word-break:break-word}.pp-toast{position:fixed;bottom:calc(24px + var(--sab, 0px));left:50%;transform:translate(-50%);z-index:400;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:50px;padding:12px 22px;font-size:14px;font-weight:600;color:var(--text-primary);box-shadow:0 8px 24px #0006}.pp-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}.pp-edit-btn{padding:6px 16px;font-size:13px}.pp-follow-btn{padding:8px 22px;border-radius:50px;border:none;background:var(--gradient);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.pp-follow-btn:hover{opacity:.9;transform:translateY(-1px)}.pp-follow-btn:disabled{opacity:.6;cursor:default;transform:none}.pp-follow-btn.following{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-secondary)}.pp-follow-btn.following:hover{color:var(--danger);border-color:#f8717166}.pp-stat-clickable{border:1px solid var(--border-glass);background:var(--bg-glass);cursor:pointer;font-family:inherit;transition:border-color .15s}.pp-stat-clickable:hover{border-color:rgba(var(--accent-rgb),.4)}.follow-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px}.follow-modal{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius);width:100%;max-width:380px;max-height:70vh;display:flex;flex-direction:column;overflow:hidden}.follow-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-glass)}.follow-modal-header h3{font-size:15px;font-weight:600}.follow-modal-close{background:none;border:none;color:var(--text-secondary);font-size:24px;line-height:1;cursor:pointer}.follow-modal-body{overflow-y:auto;padding:8px}.follow-modal-loading,.follow-modal-empty{text-align:center;color:var(--text-secondary);padding:30px 20px;font-size:14px}.follow-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.follow-row:hover{background:var(--bg-glass-hover)}.follow-row-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.follow-row-avatar-placeholder{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background:var(--gradient);flex-shrink:0}.follow-row-name{font-size:14px;font-weight:500;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.follow-btn-sm{flex-shrink:0;padding:6px 16px;border-radius:50px;border:none;background:var(--gradient);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.follow-btn-sm:hover{opacity:.9}.follow-btn-sm:disabled{opacity:.6;cursor:default}.follow-btn-sm.following{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-secondary)}.follow-btn-sm.following:hover{color:var(--danger);border-color:#f8717166}.follow-btn-sm.compact{padding:5px 12px;font-size:12px}.feed-search{position:relative;margin-bottom:18px}.feed-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:14px;opacity:.6;pointer-events:none}.feed-search-input{width:100%;box-sizing:border-box;padding:12px 40px;border-radius:50px;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .15s}.feed-search-input:focus{border-color:var(--accent)}.feed-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;border:none;background:var(--bg-glass-hover);color:var(--text-secondary);font-size:16px;line-height:1;cursor:pointer}.feed-search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:14px;overflow:hidden;max-height:340px;overflow-y:auto;box-shadow:0 12px 32px #00000080}.feed-search-status{padding:16px;text-align:center;color:var(--text-tertiary);font-size:13px}.feed-search-row{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;transition:background .15s}.feed-search-row:hover{background:var(--bg-glass-hover)}.feed-search-name{flex:1;min-width:0;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;margin-bottom:20px}.pp-stat{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:14px 8px;text-align:center}.pp-stat-value{display:block;font-size:1.4rem;font-weight:700;color:var(--accent)}.pp-stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.pp-section{margin-bottom:24px}.pp-section-title{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.pp-chips{display:flex;flex-wrap:wrap;gap:8px}.pp-chip{font-size:13px;padding:6px 14px;border-radius:20px;background:rgba(var(--accent-rgb),.12);color:var(--accent);border:1px solid rgba(var(--accent-rgb),.2)}.pp-chip-mood{background:var(--bg-glass);color:var(--text-secondary);border-color:var(--border-glass)}.pp-songs{display:flex;flex-direction:column;gap:8px}.pp-song{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm)}.pp-song-rank{font-size:13px;font-weight:700;color:var(--text-tertiary);width:20px;text-align:center;flex-shrink:0}.pp-song-art{width:44px;height:44px;border-radius:6px;object-fit:cover;flex-shrink:0}.pp-song-art-placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-glass-hover);font-size:18px}.pp-song-info{display:flex;flex-direction:column;min-width:0}.pp-song-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-song-artist{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-playlists{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.pp-playlist{display:flex;align-items:center;gap:8px;padding:12px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm)}.pp-playlist-open{display:flex;align-items:center;gap:12px;flex:1;min-width:0;cursor:pointer}.pp-playlist-open:hover .pp-playlist-name{color:var(--accent)}.pp-playlist-dup{flex-shrink:0;padding:6px 12px;border-radius:50px;border:1px solid rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.1);color:var(--accent);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.pp-playlist-dup:hover{background:rgba(var(--accent-rgb),.2)}.pp-playlist-dup:disabled{opacity:.6;cursor:default}.pp-playlist-icon{font-size:24px;flex-shrink:0}.pp-playlist-info{display:flex;flex-direction:column;min-width:0}.pp-playlist-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-playlist-count{font-size:12px;color:var(--text-secondary)}.pp-dj-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.pp-dj-stat{padding:12px 14px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary)}.pp-dj-stat strong{color:var(--accent);font-size:15px}@media (max-width: 768px){.public-profile-header{flex-direction:column;text-align:center;gap:12px;padding:20px}.pp-meta,.pp-actions{justify-content:center}.pp-username{font-size:1.4rem}.pp-stats-row{grid-template-columns:repeat(2,1fr)}}.username-link{cursor:pointer;transition:color .15s}.username-link:hover{color:var(--accent)}.profile-view-public-btn{padding:8px 16px;font-size:13px;border-radius:50px;white-space:nowrap}.profile-avatar-blob{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.profile-bio-input{resize:vertical;min-height:70px;font-family:inherit;line-height:1.4}.profile-privacy-toggles{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm)}.profile-privacy-title{font-size:13px;font-weight:600;color:var(--text-primary)}.profile-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;cursor:pointer}.profile-toggle-hint{font-size:12px;color:var(--text-tertiary)}.profile-toggle{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.feed-page{max-width:920px;margin:0 auto;padding-bottom:40px}.feed-header h2{font-size:1.6rem;font-weight:700}.feed-subtitle{color:var(--text-secondary);font-size:13px;margin-top:2px}.feed-layout{display:flex;gap:24px;align-items:flex-start}.feed-main{flex:1;min-width:0}.feed-sidebar{width:280px;flex-shrink:0;position:sticky;top:12px;display:flex;flex-direction:column;gap:16px}.feed-profile-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.feed-profile-card .feed-avatar,.feed-profile-card .feed-avatar-wrap,.feed-profile-card .feed-avatar-placeholder{width:64px;height:64px;font-size:24px}.feed-profile-name{font-size:15px;font-weight:600}.feed-view-profile-btn{width:100%;padding:9px;font-size:13px;border-radius:50px}.feed-sidebar-tip h4{font-size:14px;margin-bottom:6px}.feed-sidebar-tip p{font-size:12px;color:var(--text-secondary);line-height:1.5;margin-bottom:10px}.feed-sidebar-link{background:none;border:none;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;padding:0}.feed-sidebar-link:hover{text-decoration:underline}.feed-suggested h4{font-size:14px;margin-bottom:12px}.feed-suggest-row{display:flex;align-items:center;gap:10px;padding:6px 0}.feed-suggest-row .feed-avatar,.feed-suggest-row .feed-avatar-wrap,.feed-suggest-row .feed-avatar-placeholder{width:34px;height:34px;font-size:15px}.feed-suggest-name{flex:1;min-width:0;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.feed-suggest-name:hover{color:var(--accent)}.feed-live-strip{background:linear-gradient(135deg,#f8717114,rgba(var(--accent-rgb),.06));border:1px solid rgba(248,113,113,.25);border-radius:var(--radius);padding:14px 16px;margin-bottom:18px}.feed-live-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:10px}.feed-live-dot{width:8px;height:8px;border-radius:50%;background:#f87171;box-shadow:0 0 8px #f87171;animation:livePulse 1.6s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.4}}.feed-live-list{display:flex;flex-direction:column;gap:8px}.feed-live-card{display:flex;align-items:center;gap:12px;cursor:pointer}.feed-live-card:hover{border-color:#f8717166}.feed-live-badge{flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.05em;color:#f87171;background:#f8717126;padding:3px 8px;border-radius:6px}.feed-live-info{flex:1;min-width:0;display:flex;flex-direction:column}.feed-live-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-live-host{font-size:12px;color:var(--text-secondary)}.feed-live-join{flex-shrink:0;padding:6px 16px;border-radius:50px;border:none;background:var(--gradient);color:#fff;font-size:13px;font-weight:600;cursor:pointer}.dj-card-name-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.dj-card-name-row .dj-card-name{margin-bottom:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 900px){.feed-sidebar{display:none}.feed-page{max-width:600px}}.feed-composer{display:flex;gap:12px;margin-bottom:20px}.feed-composer-trigger{display:none}.feed-composer-cancel{background:none;border:none;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;padding:8px 10px}@media (min-width: 769px){.feed-composer-cancel{display:none}}.feed-composer-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.feed-composer-input{width:100%;background:transparent;border:none;outline:none;resize:none;color:var(--text-primary);font-size:15px;font-family:inherit;line-height:1.4}.feed-composer-input::placeholder{color:var(--text-tertiary)}.feed-composer-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.feed-composer-count{font-size:11px;color:var(--text-tertiary)}.feed-post-btn{padding:8px 22px;font-size:14px;border-radius:50px}.feed-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.feed-filter-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:20px;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-tertiary);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.feed-filter-chip.active{background:rgba(var(--accent-rgb),.12);color:var(--accent);border-color:rgba(var(--accent-rgb),.35)}.feed-filter-dropdown{display:none}.feed-loading{text-align:center;color:var(--text-secondary);padding:50px 20px}.feed-empty h3{font-size:1.2rem;margin-bottom:6px}.feed-empty p{color:var(--text-secondary);font-size:14px;margin-bottom:20px;max-width:340px;margin-left:auto;margin-right:auto}.feed-list{display:flex;flex-direction:column;gap:10px}.feed-item{display:flex;align-items:flex-start;gap:12px}.feed-item-clickable{cursor:pointer}.feed-item-clickable:hover{background:var(--bg-glass-hover);border-color:rgba(var(--accent-rgb),.25)}.feed-avatar,.feed-avatar-wrap,.feed-avatar-placeholder{width:40px;height:40px;border-radius:50%;flex-shrink:0;cursor:pointer}.feed-avatar{object-fit:cover}.feed-avatar-wrap{display:flex;align-items:center;justify-content:center;overflow:hidden}.feed-avatar-placeholder{display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background:var(--gradient)}.feed-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.feed-text{font-size:14px;line-height:1.45;color:var(--text-secondary)}.feed-text strong{font-weight:600;color:var(--text-primary)}.feed-verb{color:var(--text-tertiary)}.feed-actor{color:var(--accent);font-weight:600;cursor:pointer}.feed-actor:hover{text-decoration:underline}.feed-post-text{font-size:15px;line-height:1.5;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin-top:2px}.feed-sub{font-size:12px;color:var(--text-secondary)}.feed-sub-live{color:#f87171}.feed-time{font-size:11px;color:var(--text-tertiary);margin-top:2px}.feed-song-card{display:flex;align-items:center;gap:10px;padding:8px;margin-top:8px;background:var(--bg-glass-hover);border:1px solid var(--border-glass);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s}.feed-song-card:hover{border-color:rgba(var(--accent-rgb),.4)}.feed-song-art{width:44px;height:44px;border-radius:6px;object-fit:cover;flex-shrink:0}.feed-song-art-ph{display:flex;align-items:center;justify-content:center;background:var(--bg-glass);font-size:18px}.feed-song-info{display:flex;flex-direction:column;min-width:0}.feed-song-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-song-artist{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-interactions{margin-top:10px;padding-top:8px;border-top:1px solid var(--border-glass)}.feed-interactions-pending{font-size:12px;color:var(--text-tertiary)}.feed-interaction-bar{display:flex;gap:16px}.feed-like-btn,.feed-comment-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:none;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;padding:4px 2px;transition:color .15s}.feed-like-btn:hover,.feed-like-btn.liked{color:var(--accent)}.feed-comment-btn:hover{color:var(--text-primary)}.feed-comments{margin-top:10px;display:flex;flex-direction:column;gap:8px}.feed-comments-loading{font-size:12px;color:var(--text-tertiary)}.feed-comment{font-size:13px;line-height:1.4}.feed-comment-author{color:var(--accent);font-weight:600;cursor:pointer;margin-right:6px}.feed-comment-author:hover{text-decoration:underline}.feed-comment-text{color:var(--text-primary);word-break:break-word}.feed-comment-time{color:var(--text-tertiary);font-size:11px;margin-left:6px}.feed-comment-compose{display:flex;gap:8px;margin-top:4px}.feed-comment-input{flex:1;background:var(--bg-glass-hover);border:1px solid var(--border-glass);border-radius:20px;padding:8px 14px;color:var(--text-primary);font-size:13px;outline:none}.feed-comment-input:focus{border-color:var(--accent)}.feed-comment-send{background:var(--gradient);border:none;border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:8px 16px;cursor:pointer}.feed-comment-send:disabled{opacity:.5;cursor:default}@media (max-width: 768px){.feed-layout{flex-direction:column;gap:16px}.feed-main{width:100%}.feed-sidebar{width:100%;position:static;gap:12px}.feed-profile-card{display:none}.feed-composer-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;margin-bottom:12px;text-align:left;cursor:pointer;font:inherit}.feed-composer-trigger-text{color:var(--text-tertiary);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-composer{display:none;padding:12px;margin-bottom:12px}.feed-composer.is-open{display:flex}.feed-composer.is-open+.feed-filter-dropdown{margin-top:0}.feed-composer.is-open~* .feed-composer-trigger,.feed-composer-trigger:has(+.feed-composer.is-open){display:none}.feed-composer-input{font-size:14px}.feed-filters{display:none}.feed-filter-dropdown{display:block;position:relative;margin-bottom:16px}.feed-filter-dd-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-radius:12px;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-primary);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer}.feed-filter-dd-caret{color:var(--text-tertiary);transition:transform .15s}.feed-filter-dd-caret.open{transform:rotate(180deg)}.feed-filter-dd-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.feed-filter-dd-list{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:41;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000080}.feed-filter-dd-item{display:block;width:100%;text-align:left;padding:12px 14px;background:none;border:none;color:var(--text-secondary);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer}.feed-filter-dd-item:hover{background:var(--bg-glass-hover)}.feed-filter-dd-item.active{color:var(--accent);background:rgba(var(--accent-rgb),.1)}}.shared-playlist-page{max-width:760px;margin:0 auto}.sp-header{display:flex;gap:20px;align-items:center;padding:24px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius);margin-bottom:20px}.sp-cover{width:100px;height:100px;border-radius:14px;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-size:44px;flex-shrink:0}.sp-header-info{flex:1;min-width:0}.sp-label{font-size:11px;letter-spacing:.08em;color:var(--text-tertiary);font-weight:600}.sp-name{font-size:1.7rem;font-weight:700;margin:4px 0 8px;word-break:break-word}.sp-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}.sp-owner{font-size:14px;color:var(--accent);cursor:pointer}.sp-owner:hover{text-decoration:underline}.sp-count{font-size:13px;color:var(--text-secondary)}.sp-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.sp-cta{padding:8px 18px;font-size:13px;border-radius:50px}.sp-songs{display:flex;flex-direction:column;gap:8px}.sp-song{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm)}.sp-song-rank{font-size:13px;font-weight:700;color:var(--text-tertiary);width:22px;text-align:center;flex-shrink:0}.sp-song-art{width:44px;height:44px;border-radius:6px;object-fit:cover;flex-shrink:0}.sp-song-art-placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-glass-hover);font-size:18px}.sp-song-info{display:flex;flex-direction:column;min-width:0}.sp-song-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-song-artist{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.sp-header{flex-direction:column;text-align:center;padding:20px}.sp-meta,.sp-actions{justify-content:center}.sp-name{font-size:1.4rem}}.public-song-page,.public-club-page{max-width:480px;margin:0 auto;padding:20px 4px}.ps-card,.pc-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius);padding:32px 24px;text-align:center}.ps-art{width:180px;height:180px;border-radius:14px;object-fit:cover;margin:0 auto 20px;display:block}.ps-art-placeholder{display:flex;align-items:center;justify-content:center;background:var(--gradient);font-size:64px}.ps-label,.pc-track-label{font-size:11px;letter-spacing:.08em;color:var(--text-tertiary);font-weight:600}.ps-name{font-size:1.5rem;font-weight:700;margin:6px 0 4px}.ps-artist{color:var(--text-secondary);margin-bottom:16px}.ps-stats{display:flex;justify-content:center;gap:14px;margin-bottom:24px;font-size:13px;color:var(--text-secondary)}.ps-actions,.pc-actions{display:flex;flex-direction:column;gap:10px;align-items:center}.ps-cta,.pc-cta{width:100%;padding:12px;font-size:15px;border-radius:50px}.pc-status{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;padding:4px 12px;border-radius:20px;background:var(--bg-glass-hover);color:var(--text-secondary);margin-bottom:16px}.pc-status.live{background:#f8717126;color:#f87171}.pc-icon{font-size:56px;margin-bottom:8px}.pc-name{font-size:1.5rem;font-weight:700;margin-bottom:4px}.pc-host{color:var(--text-secondary);margin-bottom:20px}.pc-now-playing{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-glass-hover);border-radius:var(--radius-sm);margin-bottom:24px;text-align:left}.pc-track-art{width:52px;height:52px;border-radius:8px;object-fit:cover;flex-shrink:0}.pc-track-art-placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-glass);font-size:22px}.pc-track-info{display:flex;flex-direction:column;min-width:0}.pc-track-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-track-artist{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.share-btn:hover{color:var(--accent);border-color:rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.08)}.share-btn svg{flex-shrink:0}.share-btn-compact{padding:6px;border-radius:50%;width:32px;height:32px;justify-content:center}.tip-dj-btn{padding:6px 14px;border-radius:20px;border:1px solid rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.1);color:var(--accent);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all .15s}.tip-dj-btn:hover{background:rgba(var(--accent-rgb),.2)}.tip-modal{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:20px;padding:30px;width:100%;max-width:420px;text-align:center;position:relative;-webkit-backdrop-filter:var(--blur-strong, blur(40px));backdrop-filter:var(--blur-strong, blur(40px))}.tip-modal-icon{font-size:44px;margin-bottom:8px}.tip-modal-title{font-size:1.25rem;margin-bottom:8px}.tip-modal-sub{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:18px}.tip-balance{font-size:13px;color:var(--text-secondary);background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:10px;padding:10px;margin-bottom:16px}.tip-balance strong{color:var(--accent)}.tip-amounts{display:flex;gap:8px;margin-bottom:18px}.tip-amount{flex:1;padding:12px 8px;border-radius:12px;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-primary);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.tip-amount.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.14);color:var(--accent)}.tip-amount:disabled{opacity:.4;cursor:not-allowed}.tip-actions{display:flex;gap:10px}.tip-actions .btn-primary{flex:1;padding:12px;border-radius:50px}.tip-actions .btn-secondary{padding:12px 18px;border-radius:50px}.tip-earn-hint{font-size:11px;color:var(--text-tertiary);margin-top:14px;line-height:1.5}.tip-sent{padding:20px 10px}.tip-sent-icon{font-size:46px;margin-bottom:10px}.tip-sent h2{font-size:1.3rem;margin-bottom:6px}.tip-sent p{color:var(--text-secondary)}.text-feedback-locked{width:100%;padding:10px 14px;border-radius:10px;border:1px dashed rgba(var(--accent-rgb),.35);background:rgba(var(--accent-rgb),.06);color:var(--text-secondary);font-size:13px;font-family:inherit;text-align:left;cursor:pointer;transition:all .15s}.text-feedback-locked:hover{background:rgba(var(--accent-rgb),.12);color:var(--text-primary)}.text-feedback-locked strong{color:var(--accent)}.cap-modal{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:20px;padding:32px;width:100%;max-width:420px;text-align:center;-webkit-backdrop-filter:var(--blur-strong, blur(40px));backdrop-filter:var(--blur-strong, blur(40px))}.cap-modal-icon{font-size:46px;margin-bottom:10px}.cap-modal h2{font-size:1.3rem;margin-bottom:8px}.cap-modal p{font-size:14px;color:var(--text-secondary);line-height:1.55;margin-bottom:22px}.cap-modal-actions{display:flex;gap:10px}.cap-modal-actions .btn-primary{flex:1;padding:12px;border-radius:50px}.cap-modal-actions .btn-secondary{padding:12px 18px;border-radius:50px}.beta-badge-btn{border:none;cursor:pointer;font-family:inherit}.beta-badge-btn:hover{filter:brightness(1.15)}.help-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:16px}.help-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.help-copy strong{font-size:14px;color:var(--text-primary)}.help-copy span{font-size:12px;color:var(--text-secondary)}.bug-modal{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:20px;padding:30px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;position:relative;-webkit-backdrop-filter:var(--blur-strong, blur(40px));backdrop-filter:var(--blur-strong, blur(40px))}.bug-modal-title{font-size:1.4rem;margin-bottom:6px}.bug-modal-sub{font-size:13px;color:var(--text-secondary);margin-bottom:20px}.bug-field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.bug-field>label{font-size:13px;font-weight:600;color:var(--text-secondary)}.bug-categories{display:flex;flex-wrap:wrap;gap:8px}.bug-cat{padding:8px 14px;border-radius:20px;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-secondary);font-size:13px;font-family:inherit;cursor:pointer;transition:all .15s}.bug-cat.active{background:rgba(var(--accent-rgb),.14);border-color:rgba(var(--accent-rgb),.45);color:var(--accent)}.bug-textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:110px;font-family:inherit;line-height:1.45}.bug-hint{font-size:11px;color:var(--text-tertiary);align-self:flex-end}.bug-toggle-row{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text-primary);cursor:pointer;margin-bottom:18px}.bug-toggle-row small{display:block;font-size:11px;color:var(--text-tertiary);margin-top:2px}.bug-actions{display:flex;gap:10px}.bug-actions .btn-primary{flex:1;padding:12px;border-radius:50px}.bug-actions .btn-secondary{padding:12px 20px;border-radius:50px}.bug-sent{text-align:center;padding:30px 10px}.bug-sent-icon{font-size:46px;margin-bottom:10px}.bug-sent h2{font-size:1.3rem;margin-bottom:6px}.bug-sent p{font-size:14px;color:var(--text-secondary)}.share-btn-wrap{position:relative;display:inline-flex}.share-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998}.share-menu{position:fixed;z-index:9999;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:14px;padding:6px;box-shadow:0 14px 36px #0000008c}.share-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;background:none;border-radius:10px;cursor:pointer;text-align:left;font-family:inherit;transition:background .15s}.share-menu-item:hover{background:var(--bg-glass-hover)}.share-menu-item:disabled{opacity:.6;cursor:default}.share-menu-icon{font-size:20px;flex-shrink:0}.share-menu-text{display:flex;flex-direction:column;min-width:0}.share-menu-text strong{font-size:14px;font-weight:600;color:var(--text-primary)}.share-menu-text small{font-size:11px;color:var(--text-secondary)}.blossoms-page{display:flex;flex-direction:column;gap:20px}.blossoms-header h1{font-size:1.6rem;font-weight:700;margin-bottom:6px}.blossoms-sub{color:var(--text-secondary);font-size:13px;line-height:1.55;max-width:620px}.blossoms-claimed{background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.3);color:var(--accent);border-radius:12px;padding:10px 14px;font-size:13px;font-weight:600}.blossoms-stats{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:12px}.blossoms-balance-card,.blossoms-stat{display:flex;flex-direction:column;gap:4px}.blossoms-balance-card{border-color:rgba(var(--accent-rgb),.35)}.blossoms-balance-label{font-size:12px;color:var(--text-secondary)}.blossoms-balance-value{font-size:1.7rem;font-weight:700;color:var(--accent)}.blossoms-stat-value{font-size:1.15rem;font-weight:700}.blossoms-stat-label{font-size:11px;color:var(--text-tertiary)}.blossoms-columns{display:grid;grid-template-columns:1fr 1.3fr;gap:16px;align-items:start}.blossoms-panel h2{font-size:1rem;font-weight:700;margin-bottom:4px}.blossoms-panel-sub{font-size:12px;color:var(--text-tertiary);margin-bottom:12px}.blossoms-empty{font-size:13px;color:var(--text-secondary);padding:8px 0}.blossoms-earn-list{list-style:none;display:flex;flex-direction:column;gap:2px;margin-top:10px}.blossoms-earn-list li{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;border-radius:10px;font-size:13px}.blossoms-earn-list li:nth-child(odd){background:#ffffff08}.blossoms-earn-list strong{color:var(--accent);font-weight:700}.blossoms-board{list-style:none;display:flex;flex-direction:column;gap:4px}.blossoms-board li.is-you .blossoms-row{background:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.3)}.blossoms-row{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;transition:background .15s}a.blossoms-row:hover{background:#ffffff0d}.blossoms-rank{width:22px;flex-shrink:0;text-align:center;font-size:13px;font-weight:700;color:var(--text-tertiary)}.blossoms-pic{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.blossoms-name{flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blossoms-amount{font-size:13px;font-weight:700;color:var(--accent);flex-shrink:0}@media (max-width: 768px){.blossoms-stats{grid-template-columns:1fr 1fr}.blossoms-columns{grid-template-columns:1fr}}.legal-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text-primary)}.legal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px;border-bottom:1px solid var(--border-glass);flex-wrap:wrap}.legal-logo-btn{background:none;border:none;cursor:pointer;padding:0}.legal-nav{display:flex;gap:18px}.legal-nav a{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:600}.legal-nav a:hover{color:var(--accent)}.legal-body{flex:1;width:100%;max-width:760px;margin:0 auto;padding:40px 24px 64px;line-height:1.7}.legal-body h1{font-size:2rem;font-weight:700;margin-bottom:6px}.legal-updated{color:var(--text-tertiary);font-size:13px;margin-bottom:28px}.legal-lead{font-size:1.05rem;color:var(--text-secondary);margin-bottom:8px}.legal-body h2{font-size:1.2rem;font-weight:700;margin:32px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--border-glass)}.legal-body h3{font-size:1rem;font-weight:600;margin:20px 0 6px}.legal-body p{margin-bottom:14px;color:var(--text-secondary)}.legal-body ul,.legal-body ol{margin:0 0 16px 22px;color:var(--text-secondary)}.legal-body li{margin-bottom:8px}.legal-body strong{color:var(--text-primary)}.legal-body a{color:var(--accent)}.legal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:20px 28px;border-top:1px solid var(--border-glass);font-size:13px;color:var(--text-tertiary)}.legal-footer a{color:var(--text-secondary);text-decoration:none}.legal-footer a:hover{color:var(--accent)}@media (max-width: 768px){.legal-header{padding:14px 18px}.legal-body{padding:28px 18px 48px}.legal-body h1{font-size:1.5rem}.legal-footer{padding:18px;flex-direction:column;align-items:flex-start}}.ad-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;min-height:250px;padding:20px;border:2px dashed rgba(var(--accent-rgb),.5);border-radius:12px;background:repeating-linear-gradient(45deg,rgba(var(--accent-rgb),.05),rgba(var(--accent-rgb),.05) 10px,transparent 10px,transparent 20px)}.ad-placeholder-mark{font-size:20px;font-weight:800;letter-spacing:.12em;color:var(--accent)}.ad-placeholder-size{font-size:12px;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums}.ad-placeholder-note{font-size:11px;line-height:1.5;color:var(--text-tertiary);text-align:center;max-width:240px}.bb-card{position:relative;border-radius:20px;padding:22px;background:radial-gradient(120% 90% at 12% 0%,rgba(var(--accent-rgb),.1),transparent 58%),linear-gradient(158deg,#ffffff0e,#ffffff04);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px #ffffff14,0 14px 34px #00000047}.bb-card-interactive{cursor:pointer;transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .22s,box-shadow .22s}.bb-card-interactive:hover{transform:translateY(-4px);border-color:rgba(var(--accent-rgb),.42);box-shadow:inset 0 1px #ffffff1a,0 20px 44px #0000005c,0 0 30px rgba(var(--accent-rgb),.16)}.bb-card-interactive:active{transform:translateY(-1px)}@media (prefers-reduced-motion: reduce){.bb-card-interactive{transition:border-color .22s,box-shadow .22s}.bb-card-interactive:hover{transform:none}}.bb-card-tight{padding:16px;border-radius:16px}.bb-section-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.bb-section-head h2,.bb-section-head h3{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;color:var(--text-primary);white-space:nowrap}.bb-section-head:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(var(--accent-rgb),.35),transparent)}.bb-icon-tile{display:flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:12px;color:var(--accent);background:rgba(var(--accent-rgb),.13);border:1px solid rgba(var(--accent-rgb),.26)}.bb-icon-tile svg{display:block;width:20px;height:20px}.bb-icon-tile-round{border-radius:50%}.bb-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:44px 24px}.bb-empty .bb-icon-tile{width:56px;height:56px;border-radius:18px}.bb-empty .bb-icon-tile svg{width:26px;height:26px}.bb-empty h3{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.bb-empty p{font-size:.88rem;line-height:1.55;color:var(--text-secondary);max-width:40ch}.bb-empty>button{margin-top:6px}.dj-sessions-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.dj-sessions-title,.feed-title,.feed-header h1,.feed-header h2,.library-header h1,.library-header h2,.discover-header h2,.profile-display-name{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.025em;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 768px){.dj-sessions-title,.feed-title,.feed-header h1,.feed-header h2,.library-header h1,.library-header h2,.discover-header h2,.profile-display-name{font-size:1.3rem}.dj-sessions-header{align-items:stretch;text-align:left}.create-session-trigger{width:100%}}.dj-sessions-subtitle{margin-top:4px;font-size:.88rem;color:var(--text-secondary)}.dj-invite-section.bb-card{padding:16px 18px;margin-bottom:22px}.dj-invite-input-wrap{max-width:420px}.dj-invite-input{flex:1;min-width:0;letter-spacing:.18em;text-transform:uppercase;font-variant-numeric:tabular-nums}.dj-sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:16px}.session-card{position:relative;overflow:hidden}.session-card-name{font-size:1.02rem;font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.session-card-now-playing{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;background:#00000038;border:1px solid rgba(255,255,255,.06)}.session-card-track-art{width:34px;height:34px;border-radius:7px;object-fit:cover;flex:none}.session-card-track-info{display:flex;flex-direction:column;min-width:0}.session-card-track-name,.session-card-track-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-card-join-btn{margin-top:auto}@media (max-width: 640px){.dj-sessions-grid{grid-template-columns:1fr;gap:12px}.dj-sessions-header{margin-bottom:16px}}.dj-leaderboard-list,.dj-cards{display:flex;flex-direction:column;gap:10px}.dj-card{gap:6px}.follow-self-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--accent);background:rgba(var(--accent-rgb),.14);border:1px solid rgba(var(--accent-rgb),.36);white-space:nowrap}.feed-header{margin-bottom:18px}.feed-subtitle{margin-top:4px;font-size:.88rem;color:var(--text-secondary)}.feed-list{display:flex;flex-direction:column;gap:12px}.feed-item{align-items:flex-start;gap:12px}.feed-composer{gap:12px;margin-bottom:16px}.feed-live-list{gap:10px}.feed-live-card{gap:12px}.feed-song-card{padding:9px 10px;margin-top:8px;border-radius:12px;background:#00000038;border:1px solid rgba(255,255,255,.06)}.feed-song-art{width:36px;height:36px;border-radius:8px;object-fit:cover;flex:none}.feed-song-art-ph{display:flex;align-items:center;justify-content:center;color:var(--accent);background:rgba(var(--accent-rgb),.13);border:1px solid rgba(var(--accent-rgb),.24)}.feed-song-art-ph svg{width:18px;height:18px}.feed-song-info{min-width:0;display:flex;flex-direction:column}.feed-song-name,.feed-song-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-sidebar{display:flex;flex-direction:column;gap:14px}.feed-suggested h4,.feed-sidebar-tip h4{font-size:.86rem;font-weight:700;color:var(--text-primary);margin-bottom:10px}@media (max-width: 768px){.feed-list{gap:10px}}.feed-filter-chip,.feed-filter-dd-item,.feed-filter-dd-btn{display:inline-flex;align-items:center;gap:6px}.feed-filter-dd-item{width:100%;justify-content:flex-start}.feed-search-icon{display:inline-flex;align-items:center;color:var(--text-tertiary)}.feed-like-btn,.feed-comment-btn{display:inline-flex;align-items:center;gap:6px}.feed-like-btn.liked{color:var(--accent)}.library-header{margin-bottom:18px}.library-list,.library-playlist-list{display:flex;flex-direction:column;gap:10px}.library-item{gap:12px}.library-art{width:44px;height:44px;border-radius:9px;object-fit:cover;flex:none}.library-info{min-width:0}.library-name,.library-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-connect-banner{border-style:dashed}.library-search-icon{display:inline-flex;align-items:center;color:var(--text-tertiary)}.library-pl-action{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:30px;padding:0 6px;border-radius:8px;color:var(--text-secondary);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.library-pl-action:hover{color:var(--accent);border-color:rgba(var(--accent-rgb),.45)}.library-pl-action svg{display:block}.library-pl-export{padding:0 14px!important;min-height:30px}.library-export-label{font-size:12.5px;font-weight:600;letter-spacing:.01em}.library-pl-export{width:auto;min-width:28px;padding:0 11px;gap:6px;font-size:12px;font-weight:600}.library-export-label{white-space:nowrap;line-height:1}.profile-tab{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.profile-tab-icon{display:inline-flex;align-items:center;color:currentColor}.profile-tab-icon svg{display:block}.profile-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:44px 24px;color:var(--text-secondary)}.empty-state h3{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.profile-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:10px 14px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:13.5px;font-weight:600;white-space:nowrap;cursor:pointer;transition:color .15s,border-color .15s}.profile-tab:hover{color:var(--text-primary)}.profile-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.profile-tab-icon{display:inline-flex;align-items:center;flex:none}.stat-card{display:flex;flex-direction:column;gap:4px}.stat-value{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--text-primary);font-variant-numeric:tabular-nums}.stat-label{font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}.ratings-list,.history-list{display:flex;flex-direction:column;gap:10px}.rating-item,.history-item{gap:12px}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:44px 24px;color:var(--text-secondary)}.empty-state h3{font-size:1.02rem;font-weight:700;color:var(--text-primary)}.empty-state p{font-size:.88rem;line-height:1.55;max-width:40ch}.blossoms-board{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.blossoms-row{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.blossoms-rank{flex:none;min-width:26px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-tertiary)}.blossoms-pic{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none}.blossoms-amount{margin-left:auto;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}.blossoms-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.blossoms-stat{display:flex;flex-direction:column;gap:4px}.settings-page{display:flex;flex-direction:column;gap:16px}.settings-section{margin:0}.accounts-list{display:flex;flex-direction:column;gap:10px}.account-row{display:flex;align-items:center;gap:12px}.account-icon{display:inline-flex;align-items:center;justify-content:center;flex:none}.account-info{min-width:0;flex:1}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;align-items:stretch}.plan-card{display:flex;flex-direction:column;gap:12px;min-width:0}@media (max-width: 768px){.plan-card{padding:16px;gap:10px}}.plan-card.featured{border-color:rgba(var(--accent-rgb),.45);box-shadow:inset 0 1px #ffffff1a,0 20px 44px #0000005c,0 0 34px rgba(var(--accent-rgb),.18)}.plan-card.current{border-color:rgba(var(--accent-rgb),.3)}.plan-price{display:flex;align-items:baseline;gap:4px}.price-amount{font-size:2.1rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary);font-variant-numeric:tabular-nums}.price-period{font-size:.85rem;color:var(--text-tertiary)}.plan-features{display:flex;flex-direction:column;gap:7px}.plan-btn{margin-top:auto}@media (max-width: 640px){.plans-grid{grid-template-columns:1fr}.settings-page{gap:12px}}.admin-page{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:18px;animation:slideUp .4s ease-out}.admin-header{margin-bottom:2px}.admin-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.025em;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.admin-subtitle{margin-top:4px;font-size:.88rem;color:var(--text-secondary)}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 768px){.admin-grid{grid-template-columns:1fr}}.admin-card{padding:18px 20px}.admin-live-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#34d399}.admin-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.admin-card-head h2{font-size:1rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.admin-count{font-size:.75rem;font-weight:700;color:#34d399;background:#34d39926;padding:1px 8px;border-radius:10px}.admin-export{display:flex;gap:6px}.admin-btn{font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:8px;padding:5px 10px;cursor:pointer;transition:color .15s,border-color .15s}.admin-btn:hover{color:var(--text-primary);border-color:var(--accent)}.admin-search{width:100%;box-sizing:border-box;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:10px;padding:10px 12px;color:var(--text-primary);font-size:14px;margin-bottom:10px;outline:none}.admin-search:focus{border-color:var(--accent)}.admin-user-list{list-style:none;display:flex;flex-direction:column;gap:2px;max-height:320px;overflow-y:auto}.admin-user-row{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;background:none;border:none;border-radius:8px;color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer}.admin-user-row:hover{background:var(--bg-glass)}.admin-online-dot{flex:none;width:7px;height:7px;border-radius:50%;background:#34d399}.admin-user-name{font-weight:600}.admin-user-meta{margin-left:auto;font-size:12px;color:var(--text-tertiary)}.admin-empty{color:var(--text-tertiary);font-size:13px;padding:8px 2px}.admin-detail-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px 22px}.admin-detail-group h3{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);margin-bottom:8px}.admin-detail-group dl{margin:0}.admin-detail-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:5px 0;font-size:13px;border-bottom:1px solid rgba(255,255,255,.04)}.admin-detail-row dt{color:var(--text-secondary);flex:none;margin:0}.admin-detail-row dd{color:var(--text-primary);text-align:right;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.admin-stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px}.admin-stat{text-align:center}.admin-stat-val{display:block;font-size:clamp(1.3rem,2.4vw,1.8rem);font-weight:800;line-height:1.1;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums}.admin-stat-label{display:block;margin-top:3px;font-size:11.5px;color:var(--text-secondary)}.admin-bars{list-style:none;display:flex;flex-direction:column;gap:8px}.admin-bar-row{display:flex;align-items:center;gap:10px;font-size:13px}.admin-bar-label{flex:0 0 90px;color:var(--text-secondary)}.admin-bar-track{flex:1;height:8px;border-radius:4px;background:var(--bg-glass);overflow:hidden}.admin-bar-fill{display:block;height:100%;border-radius:4px;background:var(--gradient)}.admin-bar-val{flex:0 0 auto;min-width:42px;text-align:right;color:var(--text-primary);font-variant-numeric:tabular-nums}.dsc-search{display:flex;gap:10px;margin-bottom:14px}.dsc-search-field{flex:1;display:flex;align-items:center;gap:10px;padding:0 16px;height:48px;border-radius:14px;background:var(--bg-glass);border:1px solid var(--border-glass)}.dsc-search-icon{width:18px;height:18px;color:var(--text-tertiary);flex-shrink:0}.dsc-search-input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--text-primary);font-size:15px}.dsc-search-input::placeholder{color:var(--text-tertiary)}.dsc-search-go{width:48px;height:48px;flex-shrink:0;border-radius:14px;background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-secondary);display:grid;place-items:center;cursor:pointer;transition:border-color .15s,color .15s}.dsc-search-go svg{width:20px;height:20px}.dsc-search-go:not(:disabled):hover{color:var(--accent);border-color:rgba(var(--accent-rgb),.5)}.dsc-search-go:disabled{opacity:.5;cursor:default}.dsc-genres{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.dsc-genres::-webkit-scrollbar{display:none}.dsc-genre{flex-shrink:0;padding:9px 18px;border-radius:999px;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:color .15s,border-color .15s}.dsc-genre:hover{color:var(--text-primary);border-color:rgba(var(--accent-rgb),.4)}.dsc-genre.active{background:var(--gradient);border-color:transparent;color:#fff}.dsc-main{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start;margin-bottom:16px}.np-card{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);grid-template-areas:"art info" "stats stats";gap:24px 28px;padding:24px;border-radius:20px;background:var(--bg-glass);border:1px solid var(--border-glass)}.np-art-col{grid-area:art;min-width:0;display:flex;flex-direction:column;gap:16px}.np-info-col{grid-area:info;min-width:0;display:flex;flex-direction:column}.np-stats{grid-area:stats}.np-art-frame{position:relative;width:100%;aspect-ratio:1;display:grid;place-items:center}.np-art-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 210deg,rgba(var(--accent-rgb),0) 0deg,var(--accent) 90deg,#fb923c 180deg,rgba(var(--accent-rgb),0) 260deg,rgba(var(--accent-rgb),0) 360deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 4px),#000 calc(50% - 4px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 4px),#000 calc(50% - 4px) 50%,transparent 50%);filter:drop-shadow(0 0 14px rgba(var(--accent-rgb),.55));animation:np-ring-spin 18s linear infinite}@keyframes np-ring-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.np-art-ring{animation:none}}.np-art-inner{position:relative;width:calc(100% - 26px);aspect-ratio:1;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 40px rgba(var(--accent-rgb),.28)}.np-art{width:100%;height:100%;object-fit:cover;display:block}.np-art-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border:none;background:#00000059;color:#fff;cursor:pointer;opacity:0;transition:opacity .18s}.np-art-inner:hover .np-art-play,.np-art-play:focus-visible{opacity:1}.np-art-play svg{width:54px;height:54px;filter:drop-shadow(0 2px 10px rgba(0,0,0,.5))}.np-wave-wrap{display:flex;flex-direction:column;gap:6px}.wave{display:flex;align-items:center;gap:2px;height:56px;width:100%}.wave-bar{flex:1;min-width:1px;border-radius:2px;background:rgba(var(--accent-rgb),.22);transition:height .08s linear}.wave-bar.played{background:linear-gradient(180deg,var(--accent),#fb923c)}.np-times{display:flex;justify-content:space-between;font-size:12px;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.np-title-row{display:flex;align-items:flex-start;gap:12px}.np-title{flex:1;min-width:0;font-size:2rem;font-weight:800;line-height:1.15;color:var(--text-primary);word-break:break-word}.np-share-wrap{position:relative;flex-shrink:0}.np-more{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--bg-glass-strong);border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer}.np-more svg{width:16px;height:16px}.np-more:hover{color:var(--accent)}.np-artist{font-size:1.05rem;font-weight:700;color:var(--accent);margin-top:6px}.np-album{font-size:.95rem;color:var(--text-tertiary);margin-top:2px}.np-rate-block{margin-top:auto;padding-top:18px}.np-rate-label{font-size:13px;color:var(--text-secondary);font-weight:600}.np-rate-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:4px}.np-stars{display:flex;gap:4px}.np-star{background:none;border:none;cursor:pointer;font-size:30px;line-height:1;padding:0;color:#ffffff2e;transition:color .12s,transform .12s}.np-star.filled{color:#fbbf24}.np-star:hover{transform:scale(1.12)}.np-avg{font-size:15px;font-weight:700;color:var(--text-secondary)}.np-avg-count{font-weight:500;color:var(--text-tertiary)}.np-mood-toggle{margin-top:16px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;border-radius:12px;background:var(--bg-glass-strong);border:1px solid var(--border-glass);color:var(--text-primary);font-size:15px;font-weight:600;cursor:pointer}.np-mood-toggle:hover{border-color:rgba(var(--accent-rgb),.45)}.np-chevron{width:18px;height:18px;transition:transform .2s;flex-shrink:0}.np-mood-toggle.open .np-chevron{transform:rotate(180deg)}.np-mood-panel{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.np-mood-chip{padding:7px 13px;border-radius:999px;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-secondary);font-size:13px;cursor:pointer}.np-mood-chip.selected{background:rgba(var(--accent-rgb),.18);border-color:var(--accent);color:var(--accent)}.np-note{margin-top:12px}.np-note-input{width:100%;padding:12px 14px;border-radius:12px;background:var(--bg-glass-strong);border:1px solid var(--border-glass);color:var(--text-primary);font-size:14px;outline:none}.np-note-input:focus{border-color:rgba(var(--accent-rgb),.6)}.np-note-locked{width:100%;padding:12px 14px;border-radius:12px;background:rgba(var(--accent-rgb),.07);border:1px dashed rgba(var(--accent-rgb),.4);color:var(--text-secondary);font-size:13px;text-align:left;cursor:pointer}.np-actions{display:flex;gap:10px;margin-top:14px}.np-action{flex:1;padding:13px 12px;border-radius:12px;background:transparent;border:1px solid var(--border-glass);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.np-action:hover{border-color:rgba(var(--accent-rgb),.5)}.np-action.saved{border-color:var(--accent);color:var(--accent)}.np-action-icon{font-size:16px;line-height:1}.np-cta-row{display:flex;gap:10px;margin-top:12px}.np-rate-next{flex:1;padding:15px 20px;border-radius:14px;border:none;background:var(--gradient);color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:filter .15s,transform .1s}.np-rate-next:hover:not(:disabled){filter:brightness(1.08)}.np-rate-next:active:not(:disabled){transform:translateY(1px)}.np-rate-next:disabled{opacity:.45;cursor:default}.np-cta-icon{width:18px;height:18px}.np-skip{padding:15px 20px;border-radius:14px;background:transparent;border:1px solid var(--border-glass);color:var(--text-secondary);font-size:15px;font-weight:600;cursor:pointer}.np-skip:hover{color:var(--text-primary)}.np-stats{display:grid;grid-template-columns:repeat(3,1fr);padding-top:18px;border-top:1px solid var(--border-glass)}.np-stat{display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.np-stat+.np-stat:before{content:"";position:absolute;left:0;top:10%;height:80%;width:1px;background:var(--border-glass)}.np-stat-icon{color:var(--accent);display:grid;place-items:center}.np-stat-icon svg{width:20px;height:20px}.np-stat-num{font-size:17px;font-weight:700;color:var(--text-primary)}.np-stat-label{font-size:11px;letter-spacing:.08em;color:var(--text-tertiary);font-weight:600}.dsc-comments{border-radius:20px;background:var(--bg-glass);border:1px solid var(--border-glass);overflow:hidden;min-width:0}.dsc-upnext{padding:18px 20px 20px;border-radius:20px;background:var(--bg-glass);border:1px solid var(--border-glass)}.dsc-upnext-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dsc-upnext-head h4{font-size:12px;letter-spacing:.1em;color:var(--text-tertiary);font-weight:700}.dsc-upnext-clear{background:none;border:none;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer}.dsc-upnext-clear:disabled{opacity:.4;cursor:default}.dsc-upnext-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dsc-upnext-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--bg-glass-strong);border:1px solid var(--border-glass);min-width:0}.dsc-upnext-art{width:46px;height:46px;border-radius:8px;object-fit:cover;flex-shrink:0}.dsc-upnext-text{display:flex;flex-direction:column;min-width:0;flex:1}.dsc-upnext-name{font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dsc-upnext-artist{font-size:12px;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dsc-upnext-remove{flex-shrink:0;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px}.dsc-upnext-remove svg{width:18px;height:18px}.dsc-upnext-remove:hover{color:var(--accent)}.dsc-upnext-empty{grid-column:1 / -1;font-size:13px;color:var(--text-tertiary)}@media (max-width: 1100px){.dsc-main{grid-template-columns:1fr}.dsc-comments{order:2}}@media (max-width: 768px){.discover-header{flex-wrap:nowrap;gap:8px;align-items:center}.discover-title-area{min-width:0;flex-shrink:1}.discover-header h2{font-size:1.05rem;white-space:nowrap}.discover-header .live-count{font-size:10px;margin-left:6px;gap:5px}.discover-header-right{gap:8px;flex-shrink:0}.xp-bar-widget{min-width:86px}.xp-level-row{font-size:11px;gap:5px}.xp-streak{font-size:10px}.xp-label{font-size:9px}.track-counter{font-size:11px;padding:4px 10px;white-space:nowrap}.dsc-search{gap:8px;margin-bottom:12px}.dsc-search-field,.dsc-search-go{height:44px}.dsc-search-go{width:44px}.dsc-genre{padding:8px 15px;font-size:13px}.np-card{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);grid-template-areas:"art info" "wave wave" "stats stats";gap:14px;padding:14px;border-radius:18px}.np-art-col{display:contents}.np-art-slot{grid-area:art}.np-wave-wrap{grid-area:wave}.np-title{font-size:1.35rem}.np-artist{font-size:.95rem}.np-album{font-size:.85rem}.np-star{font-size:24px}.np-avg{font-size:13px}.np-rate-block{margin-top:12px}.np-mood-toggle{margin-top:12px;padding:11px 13px;font-size:14px}.np-actions{margin-top:10px}.np-action{padding:11px 8px;font-size:13px}.np-cta-row{margin-top:10px;flex-direction:column;gap:8px}.np-rate-next{padding:13px 16px;font-size:15px}.np-skip{padding:11px 14px;font-size:14px;width:100%}.wave{height:44px}.np-stats{padding-top:14px}.np-stat{flex-wrap:wrap;gap:4px 6px}.np-stat-label{width:100%;text-align:center}.dsc-upnext{padding:14px 14px 16px;border-radius:18px}.dsc-upnext-list{grid-template-columns:1fr;gap:8px}}@media (max-width: 340px){.np-card{grid-template-columns:1fr;grid-template-areas:"art" "info" "wave" "stats"}.np-art-frame{max-width:220px;margin:0 auto}}.np-transport{display:flex;align-items:center;gap:14px;margin-top:2px}.np-play{width:42px;height:42px;flex-shrink:0;border-radius:50%;border:none;background:var(--gradient);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 16px rgba(var(--accent-rgb),.4);transition:filter .15s,transform .1s}.np-play svg{width:20px;height:20px;margin-left:1px}.np-play:hover{filter:brightness(1.1)}.np-play:active{transform:scale(.94)}.np-volume{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.np-vol-btn{background:none;border:none;padding:0;cursor:pointer;color:var(--text-secondary);display:grid;place-items:center;flex-shrink:0}.np-vol-btn svg{width:18px;height:18px}.np-vol-btn:hover{color:var(--accent)}.np-vol-range{flex:1;min-width:40px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;outline:none;cursor:pointer;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--vol, 100%),rgba(255,255,255,.15) var(--vol, 100%),rgba(255,255,255,.15) 100%)}.np-vol-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:#fff;border:none;cursor:pointer;box-shadow:0 1px 4px #00000080}.np-vol-range::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#fff;border:none;cursor:pointer}.np-detail-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;border:1px solid rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.12);color:var(--accent);font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.np-detail-btn svg{width:13px;height:13px}.np-detail-btn:hover{background:rgba(var(--accent-rgb),.2)}.np-card-detail{display:flex;flex-direction:column;gap:18px}.npd-head{display:flex;align-items:center;gap:14px}.npd-back{width:36px;height:36px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:var(--bg-glass-strong);border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer}.npd-back svg{width:18px;height:18px}.npd-back:hover{color:var(--accent)}.npd-art{width:56px;height:56px;border-radius:12px;object-fit:cover;flex-shrink:0}.npd-meta{flex:1;min-width:0}.npd-title{font-size:1.25rem;font-weight:800;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.npd-artist{font-size:.9rem;color:var(--accent);font-weight:600}.npd-progress{text-align:right;flex-shrink:0}.npd-progress-count{display:block;font-size:1.1rem;font-weight:800;color:var(--text-primary)}.npd-progress-label{font-size:11px;letter-spacing:.08em;color:var(--text-tertiary)}.npd-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px;align-content:start}.npd-group{min-width:0}.npd-group-title{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-weight:700;padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid var(--border-glass)}.npd-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}.npd-row-label{min-width:0;flex:1}.npd-row-name{display:block;font-size:14px;font-weight:600;color:var(--text-primary)}.npd-row-desc{display:block;font-size:11px;line-height:1.35;color:var(--text-tertiary);white-space:normal}.npd-stars{display:flex;gap:2px;flex-shrink:0;align-self:center}.npd-star{background:none;border:none;padding:0;cursor:pointer;font-size:19px;line-height:1;color:#ffffff2e;transition:color .12s,transform .12s}.npd-star.filled{color:#fbbf24}.npd-star:hover{transform:scale(1.15)}.npd-foot{display:flex;gap:10px;padding-top:16px;border-top:1px solid var(--border-glass)}.npd-foot .np-rate-next{flex:1}@media (max-width: 1100px){.npd-groups{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.npd-groups{grid-template-columns:1fr;gap:14px}.npd-title{font-size:1.05rem}.npd-art{width:46px;height:46px}.npd-foot{flex-direction:column-reverse}.npd-foot .np-skip{width:100%}.np-times{flex-wrap:wrap}.np-volume{order:3;width:100%;flex-basis:100%}}@media (min-width: 1101px) and (min-height: 780px){.discover-page{height:calc(100vh - 56px);overflow:hidden}.discover-header,.dsc-search,.dsc-genres,.dsc-upnext{flex-shrink:0}.dsc-main{flex:1;min-height:0;margin-bottom:16px}.np-card{height:100%;min-height:0;grid-template-rows:minmax(0,1fr) auto}.dsc-comments{height:100%;min-height:0}.np-art-col{min-height:0}.np-art-slot{flex:1;min-height:0}.np-info-col{min-height:0;overflow-y:auto;scrollbar-width:thin}.np-card-detail{height:auto;align-self:start}.npd-head,.npd-foot{flex-shrink:0}}.dsc-comments>.track-comments{height:100%;border:none;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;flex:1 1 auto}.np-art-inner{isolation:isolate;background:#0a0710}.np-art-bg{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;width:124%;height:124%;object-fit:cover;filter:blur(22px) saturate(1.5) brightness(.55);z-index:0}.np-art{position:relative;z-index:1;object-fit:cover;transform:scale(1.14)}.np-art-halo{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.22) 40%,rgba(var(--accent-rgb),.06) 62%,transparent 72%);pointer-events:none}.np-art-ring2{position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;background:conic-gradient(from 40deg,transparent 0deg,rgba(251,146,60,.85) 70deg,rgba(var(--accent-rgb),.5) 130deg,transparent 200deg,transparent 360deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 2px),#000 calc(50% - 2px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 2px),#000 calc(50% - 2px) 50%,transparent 50%);animation:np-ring-spin 26s linear infinite reverse;pointer-events:none}.np-art-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;z-index:2;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff29,inset 0 0 22px #0000008c}@media (prefers-reduced-motion: reduce){.np-art-ring2{animation:none}}.np-card-detail{min-width:0;max-width:100%}.npd-groups{min-width:0}@media (min-width: 1101px){.dsc-main{align-items:stretch}.dsc-comments{display:flex;flex-direction:column}}.np-art-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.07),transparent 55%),linear-gradient(160deg,#28163af2,#0e0918fa);box-shadow:inset 0 0 0 1px #ffffff12,0 18px 44px #0000008c;pointer-events:none}.np-art-halo{top:-9%;right:-9%;bottom:-9%;left:-9%;background:radial-gradient(circle,rgba(var(--accent-rgb),.3) 42%,rgba(var(--accent-rgb),.1) 60%,transparent 74%);filter:blur(6px)}.np-art-ring{top:3px;right:3px;bottom:3px;left:3px;-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 3px),#000 calc(50% - 3px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 3px),#000 calc(50% - 3px) 50%,transparent 50%);filter:drop-shadow(0 0 10px rgba(var(--accent-rgb),.7))}.np-art-ring2{top:15px;right:15px;bottom:15px;left:15px}.np-art-inner{width:calc(100% - 46px);box-shadow:0 0 0 1px #ffffff1f,0 0 34px rgba(var(--accent-rgb),.25)}.np-art-inner:after{box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 0 26px #0009}@media (max-width: 768px){.np-art-inner{width:calc(100% - 24px)}.np-art-ring2{top:9px;right:9px;bottom:9px;left:9px}.np-play{width:36px;height:36px}.np-play svg{width:17px;height:17px}}.np-art-frame:before{background:radial-gradient(circle at 32% 18%,rgba(255,255,255,.05),transparent 58%),linear-gradient(155deg,#241536,#150c22 55%,#0c0715);box-shadow:inset 0 0 0 1px #ffffff0d,0 20px 50px #0009}.np-art-ring{top:6px;right:6px;bottom:6px;left:6px;background:conic-gradient(from 135deg,#fb923c 0deg,var(--accent) 90deg,#c084fc 180deg,var(--accent) 270deg,#fb923c 360deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 3px),#000 calc(50% - 3px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 3px),#000 calc(50% - 3px) 50%,transparent 50%);filter:drop-shadow(0 0 12px rgba(var(--accent-rgb),.55));animation:np-ring-spin 40s linear infinite}.np-art-ring2{top:20px;right:20px;bottom:20px;left:20px;background:conic-gradient(from 315deg,#fb923ce6,rgba(var(--accent-rgb),.85),#c084fccc,#fb923ce6 360deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 2px),#000 calc(50% - 2px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 2px),#000 calc(50% - 2px) 50%,transparent 50%);filter:drop-shadow(0 0 7px rgba(var(--accent-rgb),.4));animation:np-ring-spin 60s linear infinite reverse}.np-art-inner{width:calc(100% - 62px)}@media (max-width: 768px){.np-art-ring{top:4px;right:4px;bottom:4px;left:4px}.np-art-ring2{top:13px;right:13px;bottom:13px;left:13px}.np-art-inner{width:calc(100% - 40px)}}.np-art-slot{container-type:size;display:grid;place-items:center;width:100%;min-width:0}.np-art-frame{width:100%;aspect-ratio:1}@supports (container-type: size){.np-art-slot{aspect-ratio:1}.np-art-frame{width:min(100cqw,100cqh);height:min(100cqw,100cqh);aspect-ratio:auto}}@media (min-width: 1101px) and (min-height: 780px){@supports (container-type: size){.np-art-slot{aspect-ratio:auto}}}.np-art-ticks{position:absolute;top:11px;right:11px;bottom:11px;left:11px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.34) 0deg .7deg,transparent .7deg 6deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 7px),#000 calc(50% - 7px) calc(50% - 1px),transparent calc(50% - 1px));mask:radial-gradient(circle,transparent 0 calc(50% - 7px),#000 calc(50% - 7px) calc(50% - 1px),transparent calc(50% - 1px));opacity:.5;pointer-events:none}.np-art-nodes{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 50% 0%,#fff 0 1.5px,rgba(var(--accent-rgb),.9) 1.5px 4px,transparent 4px),radial-gradient(circle at 100% 50%,#fff 0 1.5px,rgba(251,146,60,.9) 1.5px 4px,transparent 4px),radial-gradient(circle at 50% 100%,#fff 0 1.5px,rgba(var(--accent-rgb),.9) 1.5px 4px,transparent 4px),radial-gradient(circle at 0% 50%,#fff 0 1.5px,rgba(192,132,252,.9) 1.5px 4px,transparent 4px);filter:drop-shadow(0 0 5px rgba(var(--accent-rgb),.8));animation:np-ring-spin 24s linear infinite}.np-art-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.16) 22deg,transparent 52deg,transparent 360deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 30px),#000 calc(50% - 30px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 30px),#000 calc(50% - 30px) 50%,transparent 50%);animation:np-ring-spin 9s linear infinite}.np-art-halo{animation:np-halo-pulse 6s ease-in-out infinite}@keyframes np-halo-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.68;transform:scale(1.025)}}@media (prefers-reduced-motion: reduce){.np-art-nodes,.np-art-frame:after,.np-art-halo{animation:none}}@media (max-width: 768px){.np-art-ticks{top:8px;right:8px;bottom:8px;left:8px}.np-art-nodes{top:4px;right:4px;bottom:4px;left:4px}.np-art-frame:after{-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 20px),#000 calc(50% - 20px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 20px),#000 calc(50% - 20px) 50%,transparent 50%)}}.np-art-slot{padding:12px}.np-art-frame:before{background:repeating-conic-gradient(from 0deg,#ffffff0b,#ffffff0b .35deg,#0000000d .35deg,#0000000d .9deg),radial-gradient(circle at 30% 16%,rgba(255,255,255,.16),transparent 46%),radial-gradient(circle at 68% 92%,rgba(var(--accent-rgb),.2),transparent 44%),linear-gradient(152deg,#3b2555,#221436 42%,#120b1e 74%,#0a0612);box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0009,inset 0 0 0 1px #ffffff0f,0 22px 55px #000000a6,0 2px #ffffff0d}.np-art-ring{top:5px;right:5px;bottom:5px;left:5px;background:conic-gradient(from 128deg,#fdba74 0deg,var(--accent) 62deg,#e879f9 118deg,#a855f7 174deg,var(--accent) 236deg,#fb923c 300deg,#fdba74 360deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 5px),#000 calc(50% - 5px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 5px),#000 calc(50% - 5px) 50%,transparent 50%);filter:drop-shadow(0 0 14px rgba(var(--accent-rgb),.6)) saturate(1.15);animation-duration:50s}.np-art-groove{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;pointer-events:none;background:linear-gradient(160deg,#0b0713,#17102a 55%,#0b0713);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 9px),#000 calc(50% - 9px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 9px),#000 calc(50% - 9px) 50%,transparent 50%);box-shadow:inset 0 2px 4px #000000e6,inset 0 -1px #ffffff12}.np-art-ticks{top:13px;right:13px;bottom:13px;left:13px;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.5) 0deg .35deg,transparent .35deg 3deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 7px),#000 calc(50% - 7px) calc(50% - 2px),transparent calc(50% - 2px));mask:radial-gradient(circle,transparent 0 calc(50% - 7px),#000 calc(50% - 7px) calc(50% - 2px),transparent calc(50% - 2px));opacity:.28}.np-art-ring2{top:21px;right:21px;bottom:21px;left:21px;background:conic-gradient(from 300deg,#ffffffd9,#ffffff26 60deg,#ffffff8c,#ffffff1a 240deg,#ffffffd9 360deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 1.5px),#000 calc(50% - 1.5px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 1.5px),#000 calc(50% - 1.5px) 50%,transparent 50%);filter:none;animation:none;opacity:.55}.np-art-frame:after{background:conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.2) 16deg,rgba(255,255,255,.05) 34deg,transparent 60deg,transparent 360deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 24px),#000 calc(50% - 24px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 24px),#000 calc(50% - 24px) 50%,transparent 50%);animation-duration:14s}.np-art-inner{width:calc(100% - 46px);box-shadow:0 0 0 1px #000000e6,0 6px 18px #0009,0 0 46px rgba(var(--accent-rgb),.22)}.np-art-inner:after{box-shadow:inset 0 1px #ffffff47,inset 0 0 0 1px #ffffff1a,inset 0 0 30px #0000008c}.np-art-halo{top:-7%;right:-7%;bottom:-7%;left:-7%;background:radial-gradient(circle,rgba(var(--accent-rgb),.34) 44%,rgba(168,85,247,.14) 60%,transparent 74%)}@media (prefers-reduced-motion: reduce){.np-art-groove,.np-art-ticks{animation:none}}@media (max-width: 768px){.np-art-slot{padding:8px}.np-art-ring{top:3px;right:3px;bottom:3px;left:3px}.np-art-groove{top:8px;right:8px;bottom:8px;left:8px}.np-art-ticks{top:9px;right:9px;bottom:9px;left:9px}.np-art-ring2{top:14px;right:14px;bottom:14px;left:14px}.np-art-inner{width:calc(100% - 30px)}}.np-stats{padding-top:14px}.np-stat{gap:6px}.np-stat-icon svg{width:15px;height:15px}.np-stat-num{font-size:14px}.np-stat-label{font-size:9px;letter-spacing:.1em}@media (max-width: 768px){.np-stat-icon svg{width:14px;height:14px}.np-stat-num{font-size:13px}.np-stat-label{font-size:9px}}@media (min-width: 1400px) and (min-height: 1000px){.np-stats{padding-top:18px}.np-stat{gap:9px}.np-stat-icon svg{width:19px;height:19px}.np-stat-num{font-size:18px}.np-stat-label{font-size:11px}}@media (max-width: 560px){.np-card{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-areas:"art  info" "wave wave" "stats stats";gap:10px 12px;padding:12px;border-radius:16px}.np-art-col{display:contents}.np-art-slot{grid-area:art;padding:4px;aspect-ratio:1;align-self:center}.np-art-frame{width:100%;height:auto;aspect-ratio:1}.np-wave-wrap{grid-area:wave;gap:4px}.np-art-ring{top:2px;right:2px;bottom:2px;left:2px}.np-art-groove{top:6px;right:6px;bottom:6px;left:6px}.np-art-ticks{top:7px;right:7px;bottom:7px;left:7px;opacity:.2}.np-art-ring2{top:11px;right:11px;bottom:11px;left:11px}.np-art-inner{width:calc(100% - 24px)}.np-art-halo{top:-5%;right:-5%;bottom:-5%;left:-5%}.np-title{font-size:1.15rem;line-height:1.2}.np-artist{font-size:.85rem;margin-top:3px}.np-album{font-size:.75rem}.np-more{width:28px;height:28px}.np-more svg{width:13px;height:13px}.np-rate-block{margin-top:8px;padding-top:0}.np-rate-label{font-size:11px}.np-rate-row{gap:4px 8px;margin-top:2px}.np-star{font-size:19px}.np-avg{font-size:12px}.np-detail-btn{padding:4px 9px;font-size:11px}.np-mood-toggle{margin-top:8px;padding:9px 11px;font-size:13px;border-radius:10px}.np-chevron{width:15px;height:15px}.np-note{margin-top:7px}.np-note-input{padding:9px 11px;font-size:12px;border-radius:10px}.np-note-locked{padding:6px 9px;font-size:10.5px;border-radius:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-actions{gap:7px;margin-top:8px}.np-action{padding:9px 6px;font-size:12px;border-radius:10px;gap:5px}.np-action-icon{font-size:13px}.np-cta-row{flex-direction:row;gap:7px;margin-top:8px}.np-rate-next{padding:10px 12px;font-size:13px;border-radius:11px}.np-cta-icon{width:14px;height:14px}.np-skip{padding:10px 12px;font-size:12px;border-radius:11px;width:auto;flex-shrink:0}.wave{height:38px}.np-times{font-size:11px}.np-transport{gap:10px;margin-top:0}.np-play{width:32px;height:32px}.np-play svg{width:15px;height:15px}.np-vol-btn svg{width:16px;height:16px}.np-stats{padding-top:10px}.np-stat{flex-wrap:nowrap;gap:5px}.np-stat-icon svg{width:13px;height:13px}.np-stat-num{font-size:12px}.np-stat-label{width:auto;font-size:8px;letter-spacing:.06em}}.np-art-ring{background:repeating-conic-gradient(from -22deg,var(--accent) 0deg,var(--accent) 20deg,var(--accent-secondary, #fb923c) 45deg,var(--accent-secondary, #fb923c) 65deg,var(--accent) 90deg);filter:drop-shadow(0 0 14px rgba(var(--accent-rgb),.55)) saturate(1.2)}.np-art-ring2{background:repeating-conic-gradient(from 23deg,var(--accent-secondary, #fb923c) 0deg,var(--accent-secondary, #fb923c) 20deg,var(--accent) 45deg,var(--accent) 65deg,var(--accent-secondary, #fb923c) 90deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 2.5px),#000 calc(50% - 2.5px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 2.5px),#000 calc(50% - 2.5px) 50%,transparent 50%);filter:drop-shadow(0 0 8px rgba(var(--accent-rgb),.45));opacity:1;animation:np-ring-spin 70s linear infinite reverse}.np-art-halo{background:radial-gradient(circle at 30% 30%,rgba(var(--accent-rgb),.36) 40%,transparent 68%),radial-gradient(circle at 72% 74%,var(--accent-secondary, #fb923c) 0%,transparent 58%);opacity:.55}.np-art-inner{width:calc(100% - 32px)}.np-art-groove{top:8px;right:8px;bottom:8px;left:8px}.np-art-ticks{top:9px;right:9px;bottom:9px;left:9px;opacity:.2}.np-art-ring{top:4px;right:4px;bottom:4px;left:4px;background:conic-gradient(from 0deg,var(--accent) 0deg,var(--accent-secondary, #fb923c) 120deg,var(--accent) 240deg,var(--accent-secondary, #fb923c) 360deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 2px),#000 calc(50% - 2px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 2px),#000 calc(50% - 2px) 50%,transparent 50%);filter:drop-shadow(0 0 5px rgba(var(--accent-rgb),.3));animation:np-ring-spin 22s linear infinite}.np-art-ring:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:conic-gradient(from 186deg,transparent 0deg,var(--accent-secondary, #fb923c) 16deg,var(--accent-secondary, #fb923c) 78deg,transparent 100deg,transparent 360deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 6px),#000 calc(50% - 6px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 6px),#000 calc(50% - 6px) 50%,transparent 50%);filter:drop-shadow(0 0 6px rgba(251,146,60,.4))}.np-art-ring:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;background:conic-gradient(from 8deg,transparent 0deg,var(--accent) 14deg,var(--accent) 74deg,transparent 96deg,transparent 360deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 4px),#000 calc(50% - 4px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 4px),#000 calc(50% - 4px) 50%,transparent 50%);filter:drop-shadow(0 0 5px rgba(var(--accent-rgb),.35))}.np-art-ring2{top:14px;right:14px;bottom:14px;left:14px;background:conic-gradient(from 180deg,var(--accent-secondary, #fb923c) 0deg,var(--accent) 140deg,var(--accent-secondary, #fb923c) 280deg,var(--accent-secondary, #fb923c) 360deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 1.5px),#000 calc(50% - 1.5px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 1.5px),#000 calc(50% - 1.5px) 50%,transparent 50%);filter:drop-shadow(0 0 4px rgba(var(--accent-rgb),.25));opacity:.9;animation:np-ring-spin 32s linear infinite reverse}.np-art-ring2:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:conic-gradient(from 96deg,transparent 0deg,var(--accent) 12deg,var(--accent) 60deg,transparent 80deg,transparent 360deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 4px),#000 calc(50% - 4px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 4px),#000 calc(50% - 4px) 50%,transparent 50%)}.np-art-halo{top:-4%;right:-4%;bottom:-4%;left:-4%;background:radial-gradient(circle at 32% 30%,rgba(var(--accent-rgb),.2) 42%,transparent 66%),radial-gradient(circle at 70% 72%,rgba(251,146,60,.16) 0%,transparent 60%);opacity:.75;filter:blur(4px)}.np-art-frame:after{background:conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.12) 16deg,transparent 46deg,transparent 360deg)}@media (max-width: 560px){.np-art-inner{width:calc(100% - 20px)}.np-art-ring{top:2px;right:2px;bottom:2px;left:2px}.np-art-ring:before{top:-2px;right:-2px;bottom:-2px;left:-2px}.np-art-groove{top:5px;right:5px;bottom:5px;left:5px}.np-art-ticks{top:6px;right:6px;bottom:6px;left:6px}.np-art-ring2{top:9px;right:9px;bottom:9px;left:9px}}.np-card,.dsc-comments,.dsc-upnext{background:radial-gradient(120% 90% at 12% 0%,rgba(var(--accent-rgb),.1),transparent 58%),radial-gradient(90% 80% at 100% 100%,rgba(168,85,247,.1),transparent 60%),linear-gradient(158deg,#ffffff0e,#ffffff04);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px #ffffff14,0 18px 44px #00000059}.dsc-upnext-item{background:linear-gradient(150deg,#ffffff0f,#ffffff05);box-shadow:inset 0 1px #ffffff0f}.np-card{grid-template-areas:"art   info" "wave  wave" "trans trans" "stats stats";gap:18px 28px}.np-wave-wrap{grid-area:wave}.np-transport{grid-area:trans}.np-art-col{gap:0}.np-wave-wrap{display:flex;align-items:center;gap:12px}.np-wave-wrap .wave{flex:1;min-width:0;height:46px}.np-time-left,.np-time-right{font-size:12px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;flex-shrink:0}.np-transport{display:flex;align-items:center;gap:14px;margin-top:0}.np-prev{width:34px;height:34px;flex-shrink:0;border-radius:50%;border:none;background:transparent;color:var(--text-secondary);display:grid;place-items:center;cursor:pointer}.np-prev svg{width:18px;height:18px}.np-prev:hover{color:var(--accent)}.np-play{width:50px;height:50px}.np-transport .np-volume{flex:0 1 190px}.np-transport .np-cta-row{margin-left:auto;margin-top:0;flex:0 0 auto}.np-transport .np-rate-next{padding:13px 26px}.np-icon-actions{display:flex;gap:10px;margin-top:14px}.np-icon-btn{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#ffffff0a;border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.np-icon-btn svg{width:18px;height:18px}.np-icon-btn:hover{color:var(--accent);border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.1)}.np-icon-btn.saved{color:var(--accent);border-color:var(--accent);background:rgba(var(--accent-rgb),.14)}.rw{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.rw-bar{position:absolute;left:50%;bottom:50%;width:1.6px;margin-left:-.8px;border-radius:1px;transform-origin:50% 100%;transform:rotate(var(--a)) translateY(-40cqmin);height:calc(2cqmin + var(--h) * 7cqmin);background:#ffffff29;transition:height .1s linear}.rw-bar.played{background:linear-gradient(to top,var(--accent),var(--accent-secondary, #fb923c));box-shadow:0 0 5px rgba(var(--accent-rgb),.6)}.np-art-dots{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from 0deg,rgba(var(--accent-rgb),.85) 0deg 1.1deg,transparent 1.1deg 4deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 1.6px),#000 calc(50% - 1.6px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 1.6px),#000 calc(50% - 1.6px) 50%,transparent 50%);opacity:.5;animation:np-ring-spin 90s linear infinite}.np-art-slot{overflow:visible;padding:14px}.np-art-frame{overflow:visible}.np-art-ring{top:12px;right:12px;bottom:12px;left:12px}.np-art-ring2{top:20px;right:20px;bottom:20px;left:20px}.np-art-groove{top:15px;right:15px;bottom:15px;left:15px}.np-art-ticks{top:16px;right:16px;bottom:16px;left:16px;opacity:.14}.np-art-inner{width:calc(100% - 44px)}.np-art-halo{top:-2%;right:-2%;bottom:-2%;left:-2%;opacity:.4}.np-art-frame:before{top:10px;right:10px;bottom:10px;left:10px}.np-art-frame:after{top:10px;right:10px;bottom:10px;left:10px}@media (prefers-reduced-motion: reduce){.np-art-dots{animation:none}}@media (max-width: 560px){.np-card{grid-template-areas:"art   info" "wave  wave" "trans trans" "stats stats";gap:12px}.np-art-slot{padding:9px}.np-art-ring{top:8px;right:8px;bottom:8px;left:8px}.np-art-ring2{top:13px;right:13px;bottom:13px;left:13px}.np-art-groove{top:10px;right:10px;bottom:10px;left:10px}.np-art-ticks{top:11px;right:11px;bottom:11px;left:11px}.np-art-inner{width:calc(100% - 30px)}.np-art-frame:before,.np-art-frame:after{top:6px;right:6px;bottom:6px;left:6px}.rw-bar{width:1.2px;transform:rotate(var(--a)) translateY(-41cqmin);height:calc(1.5cqmin + var(--h) * 5.5cqmin)}.np-icon-actions{gap:7px;margin-top:10px}.np-icon-btn{width:34px;height:34px;border-radius:10px}.np-icon-btn svg{width:15px;height:15px}.np-wave-wrap{gap:8px}.np-wave-wrap .wave{height:34px}.np-time-left,.np-time-right{font-size:10px}.np-transport{flex-wrap:wrap;gap:8px 10px}.np-play{width:40px;height:40px}.np-play svg{width:18px;height:18px}.np-prev{width:28px;height:28px}.np-prev svg{width:15px;height:15px}.np-transport .np-volume{flex:1 1 90px}.np-transport .np-cta-row{margin-left:0;flex:1 1 100%}.np-transport .np-rate-next{padding:10px 14px}.np-stats{grid-template-columns:repeat(4,1fr)}.np-stat-label{font-size:7.5px}}.np-stats{grid-template-columns:repeat(4,1fr)}.np-wave-wrap{flex-direction:row;align-items:center;gap:14px}.np-wave-wrap .wave{height:52px}.wave-bar{background:#ffffff21}.wave-bar.played{background:linear-gradient(180deg,var(--accent-secondary, #fb923c),var(--accent));box-shadow:0 0 6px rgba(var(--accent-rgb),.5)}.np-time-left,.np-time-right{font-size:12px;font-weight:600;color:var(--text-secondary)}.np-prev{width:38px;height:38px;border:1px solid rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.1);color:var(--accent);box-shadow:inset 0 1px #ffffff1f;transition:background .15s,box-shadow .15s,transform .1s}.np-prev:hover{background:rgba(var(--accent-rgb),.2);box-shadow:0 0 14px rgba(var(--accent-rgb),.4),inset 0 1px #ffffff26}.np-prev:active{transform:scale(.94)}.np-vol-btn{width:38px;height:38px;flex-shrink:0;border-radius:50%;border:1px solid rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.1);color:var(--accent);box-shadow:inset 0 1px #ffffff1f;transition:background .15s,box-shadow .15s}.np-vol-btn svg{width:17px;height:17px}.np-vol-btn:hover{background:rgba(var(--accent-rgb),.2);box-shadow:0 0 14px rgba(var(--accent-rgb),.4);color:var(--accent)}.np-vol-range{height:6px;background:linear-gradient(to right,var(--accent-secondary, #fb923c) 0%,var(--accent) var(--vol, 100%),rgba(255,255,255,.12) var(--vol, 100%),rgba(255,255,255,.12) 100%);box-shadow:inset 0 1px 2px #00000080}.np-vol-range::-webkit-slider-thumb{width:15px;height:15px;background:#fff;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.35),0 0 10px rgba(var(--accent-rgb),.7)}.np-vol-range::-moz-range-thumb{width:15px;height:15px;background:#fff;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.35),0 0 10px rgba(var(--accent-rgb),.7)}.np-transport .np-cta-row{gap:12px}.np-transport .np-rate-next{padding:17px 40px;font-size:17px;border-radius:16px;box-shadow:0 6px 20px rgba(var(--accent-rgb),.35)}.np-transport .np-rate-next:hover:not(:disabled){box-shadow:0 8px 26px rgba(var(--accent-rgb),.45)}.np-transport .np-skip{padding:17px 34px;font-size:16px;border-radius:16px;border-color:#ffffff29}.np-transport .np-skip:hover{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.08)}@media (max-width: 560px){.np-wave-wrap{gap:8px}.np-wave-wrap .wave{height:36px}.np-prev,.np-vol-btn{width:32px;height:32px}.np-prev svg,.np-vol-btn svg{width:15px;height:15px}.np-transport .np-rate-next,.np-transport .np-skip{padding:13px 18px;font-size:14px;border-radius:13px}}.np-transport{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:28px;align-items:center}.np-transport-left{display:flex;align-items:center;gap:12px;min-width:0}.np-play,.np-prev,.np-vol-btn{width:50px;height:50px;flex-shrink:0}.np-play svg{width:22px;height:22px}.np-prev svg,.np-vol-btn svg{width:20px;height:20px}.np-prev{border-radius:50%}.np-transport .np-volume{flex:1 1 auto;min-width:0;gap:12px}.np-vol-range{height:8px}.np-vol-range::-webkit-slider-thumb{width:18px;height:18px}.np-vol-range::-moz-range-thumb{width:18px;height:18px}.np-transport .np-cta-row{margin-left:0;margin-top:0;display:flex;gap:12px;min-width:0}.np-transport .np-rate-next{flex:1 1 auto;padding:18px 28px;font-size:17px}.np-transport .np-skip{flex:0 0 auto;padding:18px 40px;font-size:16px}.rw-bar{background:linear-gradient(to top,var(--accent),var(--accent-secondary, #fb923c));box-shadow:0 0 4px rgba(var(--accent-rgb),.45)}@media (max-width: 560px){.np-transport{grid-template-columns:1fr;gap:10px}.np-play,.np-prev,.np-vol-btn{width:40px;height:40px}.np-play svg{width:18px;height:18px}.np-prev svg,.np-vol-btn svg{width:16px;height:16px}.np-vol-range{height:6px}.np-vol-range::-webkit-slider-thumb{width:15px;height:15px}.np-transport .np-rate-next{padding:13px 16px;font-size:14px}.np-transport .np-skip{padding:13px 22px;font-size:14px}}.np-art-slot{padding:38px}.rw{animation:np-ring-spin 20s linear infinite}.rw-bar{width:3px;margin-left:-1.5px;border-radius:1.5px;transform:rotate(var(--a)) translateY(calc(-50cqmin - 5px));height:calc(2.5cqmin + var(--h) * 7cqmin)}.rw-bar.a{background:var(--accent);box-shadow:0 0 6px rgba(var(--accent-rgb),.55)}.rw-bar.b{background:var(--accent-secondary, #fb923c);box-shadow:0 0 6px #fb923c80}@media (prefers-reduced-motion: reduce){.rw{animation:none}}@media (max-width: 560px){.np-art-slot{padding:22px}.rw-bar{width:2.2px;margin-left:-1.1px;transform:rotate(var(--a)) translateY(calc(-50cqmin - 3px));height:calc(2cqmin + var(--h) * 5.5cqmin)}}.np-art-slot{padding:6px}@supports (container-type: size){.np-art-frame{width:min(82cqw,82cqh);height:min(82cqw,82cqh)}}.rw-bar{transform:rotate(var(--a)) translateY(calc(-41cqmin - 4px));height:calc(2cqmin + var(--h) * 6.5cqmin)}@media (max-width: 560px){.np-art-slot{padding:4px}.rw-bar{transform:rotate(var(--a)) translateY(calc(-41cqmin - 3px));height:calc(1.8cqmin + var(--h) * 5.5cqmin)}}.rw{opacity:0;transition:opacity .45s ease;animation:np-ring-spin 48s linear infinite}.rw.on{opacity:1}.rw-bar{transform:rotate(var(--a)) translateY(calc(-41cqmin - 2px))}.np-art-halo{top:0;right:0;bottom:0;left:0;opacity:.34}@media (max-width: 560px){.rw-bar{transform:rotate(var(--a)) translateY(calc(-41cqmin - 2px))}}@media (min-width: 769px){:root{--sidebar-inset-x: 14px;--sidebar-inset-y: 28px;--sidebar-pad-x: 14px}.sidebar{top:var(--sidebar-inset-y);left:var(--sidebar-inset-x);bottom:var(--sidebar-inset-y);border-radius:22px;border:1px solid rgba(255,255,255,.09);border-right:1px solid rgba(255,255,255,.09);background:radial-gradient(110% 60% at 20% 0%,rgba(var(--accent-rgb),.12),transparent 58%),radial-gradient(90% 50% at 100% 100%,rgba(168,85,247,.1),transparent 60%),linear-gradient(170deg,#ffffff0e,#ffffff04);box-shadow:inset 0 1px #ffffff14,0 18px 44px #0006;padding:24px var(--sidebar-pad-x)}.mini-player,.club-mini-sidebar{left:calc(var(--sidebar-inset-x) + var(--sidebar-pad-x));width:calc(var(--sidebar-width) - var(--sidebar-pad-x) * 2);bottom:calc(var(--sidebar-user-gap, 128px) + 14px)}}.np-reactive-wrap{position:relative;flex-shrink:0}.np-reactive{display:inline-flex;align-items:center;gap:6px;height:50px;padding:0 16px;border-radius:25px;border:1px solid var(--border-glass);background:#ffffff0a;color:var(--text-secondary);font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s,background .15s}.np-reactive svg{width:17px;height:17px}.np-reactive:hover{color:var(--accent);border-color:rgba(var(--accent-rgb),.5)}.np-reactive.on{color:#fff;border-color:transparent;background:var(--gradient);box-shadow:0 0 16px rgba(var(--accent-rgb),.45)}.np-reactive-err{position:absolute;bottom:calc(100% + 8px);right:0;width:230px;padding:8px 10px;border-radius:10px;background:var(--bg-glass-strong);border:1px solid rgba(var(--accent-rgb),.4);color:var(--text-secondary);font-size:11px;line-height:1.4;z-index:5}@media (max-width: 560px){.np-reactive-wrap{display:none}}.np-reactive-meter{display:inline-block;width:34px;height:4px;border-radius:2px;background:#00000059;overflow:hidden;margin-left:2px}.np-reactive-meter-fill{display:block;width:100%;height:100%;transform-origin:left center;background:#fff;transition:transform .08s linear}.rx-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:400;display:grid;place-items:center;padding:20px;animation:fadeIn .2s}.rx-modal{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;padding:26px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(110% 70% at 15% 0%,rgba(var(--accent-rgb),.14),transparent 58%),linear-gradient(160deg,#1b1130,#120c1e);box-shadow:0 30px 70px #0009}.rx-modal h3{font-size:1.25rem;font-weight:800;margin-bottom:8px}.rx-lead{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.rx-steps{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.rx-steps li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--text-secondary);line-height:1.5}.rx-steps strong{color:var(--text-primary)}.rx-num{flex-shrink:0;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--gradient);color:#fff;font-size:12px;font-weight:800}.rx-mock{border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px;background:#ffffff09;margin-bottom:16px}.rx-mock-tabs{display:flex;gap:6px;margin-bottom:10px}.rx-mock-tab{font-size:10.5px;padding:5px 10px;border-radius:999px;color:var(--text-tertiary);border:1px solid transparent}.rx-mock-tab.active{color:var(--accent);border-color:rgba(var(--accent-rgb),.6);background:rgba(var(--accent-rgb),.12);font-weight:700}.rx-mock-list{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.rx-mock-row{height:24px;border-radius:6px;background:#ffffff0d;display:flex;align-items:center;padding:0 8px;font-size:10.5px;color:var(--text-tertiary)}.rx-mock-row.selected{background:rgba(var(--accent-rgb),.16);border:1px solid rgba(var(--accent-rgb),.45);color:var(--text-primary)}.rx-mock-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.rx-mock-check{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;color:var(--accent);font-weight:700}.rx-mock-check i{width:12px;height:12px;border-radius:3px;background:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb),.7)}.rx-mock-share{font-size:10.5px;font-weight:700;color:#fff;padding:4px 12px;border-radius:999px;background:var(--gradient)}.rx-note{font-size:11.5px;color:var(--text-tertiary);line-height:1.55;margin-bottom:18px}.rx-actions{display:flex;gap:10px}.rx-actions .np-rate-next{flex:1;padding:13px 18px;font-size:14px}.rx-actions .np-skip{padding:13px 20px;font-size:14px}.np-title-row .np-reactive-wrap{align-self:flex-start}.np-title-row .np-reactive{height:34px;padding:0 12px;border-radius:17px;font-size:12px;gap:5px}.np-title-row .np-reactive svg{width:15px;height:15px}.np-title-row .np-reactive-meter{width:24px;height:3px}.np-title-row .np-reactive-err{bottom:auto;top:calc(100% + 8px);right:0}.np-transport .np-volume{flex:1 1 auto}@media (max-width: 560px){.np-title-row .np-reactive-wrap{display:none}}.wave.live .wave-bar,.rw.live .rw-bar{transition:none}.rw.live .rw-bar{height:calc(1.5cqmin + var(--h) * 11cqmin)}@media (max-width: 560px){.rw.live .rw-bar{height:calc(1.2cqmin + var(--h) * 8cqmin)}}.wave{align-items:center;gap:2px}.wave-bar{min-height:3px;border-radius:999px;align-self:center;background:#ffffff29;transition:background .2s}.wave-bar.played{background:linear-gradient(180deg,var(--accent-secondary, #fb923c),var(--accent));box-shadow:0 0 6px rgba(var(--accent-rgb),.45)}.rw-bar{transition:none}.rw-bar{transform:rotate(var(--a)) translateY(calc(-41cqmin - 2px - var(--pulse, 0px)))}@media (max-width: 560px){.rw-bar{transform:rotate(var(--a)) translateY(calc(-41cqmin - 2px - var(--pulse, 0px)))}}.rw-bar{width:2.2px;margin-left:-1.1px}@media (max-width: 560px){.rw-bar{width:1.8px;margin-left:-.9px}}.wave{gap:1.5px}.np-art-ring{top:3%;right:3%;bottom:3%;left:3%}.np-art-groove{top:3.9%;right:3.9%;bottom:3.9%;left:3.9%}.np-art-ticks{top:4.3%;right:4.3%;bottom:4.3%;left:4.3%}.np-art-ring2{top:5.4%;right:5.4%;bottom:5.4%;left:5.4%}.np-art-inner{width:87%}@media (max-width: 560px){.np-art-ring{top:2.4%;right:2.4%;bottom:2.4%;left:2.4%}.np-art-groove{top:3.2%;right:3.2%;bottom:3.2%;left:3.2%}.np-art-ticks{top:3.6%;right:3.6%;bottom:3.6%;left:3.6%}.np-art-ring2{top:4.6%;right:4.6%;bottom:4.6%;left:4.6%}.np-art-inner{width:89%}}.np-art-inner{-webkit-mask-image:radial-gradient(circle at center,#000 99.5%,transparent 100%);mask-image:radial-gradient(circle at center,#000 99.5%,transparent 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;transform:translateZ(0)}.np-art-bg{border-radius:50%}.dj-room-header,.club-now-playing,.club-room-side>*,.club-collapsible,.dance-floor,.session-chat,.session-queue,.club-panel{background:radial-gradient(120% 90% at 12% 0%,rgba(var(--accent-rgb),.1),transparent 58%),radial-gradient(90% 80% at 100% 100%,rgba(168,85,247,.1),transparent 60%),linear-gradient(158deg,#ffffff0e,#ffffff04);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px #ffffff14,0 18px 44px #00000059}@media (min-width: 769px){.main-content:has(.dj-room){padding-top:28px;padding-bottom:28px}.dj-room{padding:0;height:calc(100vh - 56px)}}.np-reactive-wrap.compact .np-reactive{height:36px;padding:0 13px;border-radius:18px;font-size:12px}.np-reactive-wrap.compact .np-reactive svg{width:15px;height:15px}.np-reactive-wrap.compact .np-reactive-meter{width:26px;height:3px}.np-reactive-wrap.compact .np-reactive-err{right:0}.np-reactive-wrap.compact .np-reactive-err{top:calc(100% + 8px);bottom:auto;right:0}.dj-room-actions{flex-wrap:wrap;justify-content:flex-end}.dj-room-actions .dj-start-btn,.dj-room-actions .dj-end-btn,.dj-room-actions .dj-leave-btn{flex-shrink:0}.np-reactive-wrap.compact{flex-shrink:1;min-width:0}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.app-sky{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center center;filter:saturate(.9) brightness(.62)}.app-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(80% 70% at 50% 45%,transparent 0%,rgba(10,6,20,.5) 70%,rgba(8,5,16,.82) 100%),linear-gradient(180deg,#0f0a1a73,#0f0a1ab3)}.discover-page,.main-content>*{position:relative;z-index:1}.bgp{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:9000;width:min(460px,calc(100vw - 24px));display:flex;flex-direction:column;gap:9px;padding:12px 14px;border-radius:14px;background:#0c0814ed;border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 50px #0009;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#ece6f6}@media (max-width: 768px){.bgp{bottom:calc(64px + var(--sab, 0px))}}.bgp-row{display:flex;align-items:center;gap:9px}.bgp-tag{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:3px 8px;border-radius:999px;color:#fff;background:var(--gradient);white-space:nowrap}.bgp-name{flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bgp-count{font-size:11px;opacity:.6;white-space:nowrap;font-variant-numeric:tabular-nums}.bgp-slider{flex:1;min-width:0;accent-color:var(--accent);cursor:pointer}.bgp-step{flex:none;padding:6px 10px;border-radius:8px;font-size:12px;line-height:1;color:#ece6f6;background:#ffffff12;border:1px solid rgba(255,255,255,.16);cursor:pointer}.bgp-step:hover:not(:disabled){background:#ffffff24}.bgp-step:disabled{opacity:.35;cursor:default}.bgp-strength label{font-size:11.5px;opacity:.75;white-space:nowrap}.bgp-strength input{flex:1;min-width:0;accent-color:var(--accent);cursor:pointer}.bgp-strength input:disabled{opacity:.4;cursor:default}.bgp-pct{font-size:11px;opacity:.7;min-width:34px;text-align:right;font-variant-numeric:tabular-nums}.bgp-hint{background:none;border:none;padding:0;text-align:left;font-size:11.5px;color:var(--accent);cursor:pointer;text-decoration:underline}.bgp-error{font-size:11.5px;color:#f87171}.bgp-commit{gap:10px}.bgp-save,.bgp-cancel{flex:1;padding:9px 12px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;border:1px solid transparent}.bgp-save{background:var(--gradient);color:#fff}.bgp-save:hover{filter:brightness(1.07)}.bgp-cancel{background:#ffffff0f;border-color:#ffffff29;color:#ece6f6}.bgp-cancel:hover{background:#ffffff21}.bgp-note{font-size:11.5px;line-height:1.45;opacity:.7}.bgp-save.is-saved{background:rgba(var(--accent-rgb),.18);color:var(--accent);border:1px solid rgba(var(--accent-rgb),.5);cursor:default;filter:none}.bgp-confirm{margin-top:2px;padding:12px;border-radius:11px;background:radial-gradient(120% 100% at 0% 0%,rgba(var(--accent-rgb),.14),transparent 60%),#140d20f5;border:1px solid rgba(var(--accent-rgb),.45);box-shadow:0 10px 26px #00000073;animation:bgp-confirm-in .18s cubic-bezier(.22,1,.36,1)}@keyframes bgp-confirm-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.bgp-confirm strong{display:block;font-size:12.5px;color:var(--text-primary, #f5f5f7)}.bgp-confirm p{margin-top:3px;font-size:11.5px;line-height:1.45;opacity:.75}.bgp-confirm-actions{display:flex;gap:8px;margin-top:10px}.bgp-confirm-actions button{flex:1;padding:8px 6px;font-size:12px}.bgp-discard{border-radius:10px;font-weight:700;cursor:pointer;color:#fca5a5;background:#f871711f;border:1px solid rgba(248,113,113,.4)}.bgp-discard:hover{background:#f8717133}@media (prefers-reduced-motion: reduce){.bgp-confirm{animation:none}}.bgp-tabs{display:flex;gap:2px;padding:2px;border-radius:999px;background:#ffffff12}.bgp-tabs button{padding:4px 10px;border:none;border-radius:999px;background:none;color:#ece6f699;font-size:11px;font-weight:700;cursor:pointer}.bgp-tabs button.is-on{background:var(--gradient);color:#fff}.bgp-chips{flex-wrap:wrap;gap:6px}.bgp-chips button{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;font-size:11.5px;color:#ece6f6b8;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);cursor:pointer}.bgp-chips button.is-on{color:#fff;border-color:var(--accent);background:rgba(var(--accent-rgb),.22)}.bgp-chips button i{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background-image:linear-gradient(135deg,transparent 44%,rgba(255,255,255,.5) 44% 56%,transparent 56%)}.bgp-swatches{flex-wrap:wrap;gap:6px}.bgp-swatches button{display:inline-flex;overflow:hidden;width:34px;height:20px;padding:0;border-radius:6px;border:1px solid rgba(255,255,255,.2);cursor:pointer;background:none;transition:transform .14s cubic-bezier(.22,1,.36,1),border-color .14s}.bgp-swatches button:hover{transform:translateY(-2px)}.bgp-swatches button.is-on{border-color:#fff;box-shadow:0 0 0 2px rgba(var(--accent-rgb),.55)}.bgp-swatches button i{flex:1;display:block}.bgs-card{display:grid;grid-template-columns:minmax(0,1fr) 168px;gap:18px;align-items:stretch}.bgs-card-body{display:flex;flex-direction:column;gap:8px;min-width:0}.bgs-head{display:flex;align-items:center;gap:10px}.bgs-head h3{font-size:1rem;font-weight:700;color:var(--text-primary)}.bgs-badge{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;color:#fff;background:var(--gradient)}.bgs-summary{font-size:.86rem;font-weight:600;color:var(--accent);overflow-wrap:anywhere}.bgs-sub{font-size:.8rem;line-height:1.5;color:var(--text-secondary)}.bgs-launch{align-self:flex-start;margin-top:4px}.bgs-card-art{display:grid;grid-template-columns:1fr 1fr;gap:4px;min-height:104px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#ffffff08}.bgs-card-art img:only-child{grid-column:span 2}.bgs-card-art img:nth-child(3):last-child{grid-column:span 2}.bgs-card-art img{width:100%;height:100%;object-fit:cover;display:block;min-height:50px}.bgs-card-empty{grid-column:span 2;display:grid;place-items:center;font-size:.76rem;color:var(--text-tertiary);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 7px,transparent 7px 14px)}.bgs-card-locked .bgs-card-art{opacity:.5}@media (max-width: 640px){.bgs-card{grid-template-columns:1fr;gap:14px}.bgs-card-art{min-height:88px;order:-1}}.bgp-modes{gap:6px}.bgp-modes button{flex:1;padding:6px 10px;border-radius:8px;font-size:11.5px;font-weight:700;color:#ece6f6a8;background:#ffffff0d;border:1px solid rgba(255,255,255,.13);cursor:pointer}.bgp-modes button.is-on{color:#fff;border-color:var(--accent);background:rgba(var(--accent-rgb),.22)}.bgp-tools{gap:8px}.bgp-tool{flex:1;padding:6px 10px;border-radius:8px;font-size:11.5px;font-weight:600;color:#ece6f6cc;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);cursor:pointer}.bgp-tool:hover:not(:disabled){background:#ffffff21}.bgp-tool:disabled{opacity:.5;cursor:default}.bgp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:5px;max-height:168px;overflow-y:auto;padding:2px}.bgp-grid button{position:relative;aspect-ratio:16 / 10;padding:0;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;cursor:pointer}.bgp-grid button.is-on{border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.45)}.bgp-grid img{width:100%;height:100%;object-fit:cover;display:block}.bgp-grid .is-none span,.bgp-grid button.is-none span{display:grid;place-items:center;width:100%;height:100%;font-size:9px;color:#ece6f699}.bgp-reset{justify-content:center}.bgp-reset button{background:none;border:none;padding:2px 4px;font-size:11px;color:#ece6f68c;cursor:pointer;text-decoration:underline}.bgp-reset button:hover{color:#ece6f6e6}.pp-tab-hint{font-size:.76rem;line-height:1.45;color:var(--text-tertiary);margin-bottom:10px}.pp-tab-limit{color:var(--text-secondary)}.pp-tab-error{margin-top:10px;font-size:.78rem;color:#f87171}.playlist-item .playlist-thumb.placeholder svg{width:18px;height:18px;color:var(--accent)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transition-delay:0ms;will-change:opacity,transform}.reveal.is-in{opacity:1;transform:none}.reveal:nth-of-type(2){transition-delay:90ms}.reveal:nth-of-type(3){transition-delay:.18s}.reveal:nth-of-type(4){transition-delay:.27s}.reveal:nth-of-type(5){transition-delay:.36s}.reveal:nth-of-type(6){transition-delay:.45s}.reveal:nth-of-type(n+7){transition-delay:.54s}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}}.landing-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(var(--p, 0));background:var(--gradient);box-shadow:0 0 12px rgba(var(--accent-rgb),.6);z-index:60;pointer-events:none}.landing-page{position:relative;overflow-x:hidden}.landing-page:before{content:"";position:fixed;top:-20%;right:-10%;bottom:-20%;left:-10%;z-index:-1;pointer-events:none;background:radial-gradient(46% 38% at 18% 12%,rgba(var(--accent-rgb),.16),transparent 68%),radial-gradient(40% 34% at 84% 30%,rgba(168,85,247,.14),transparent 66%),radial-gradient(52% 40% at 50% 92%,rgba(251,146,60,.1),transparent 70%);transform:translate3d(0,calc(var(--scroll, 0) * -40px),0);transition:transform .2s linear}.landing-headline{letter-spacing:-.02em}.landing-headline-accent{background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:220% 100%;animation:bb-shimmer 9s ease-in-out infinite}@keyframes bb-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media (prefers-reduced-motion: reduce){.landing-headline-accent{animation:none}}.landing-cta-primary{position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(var(--accent-rgb),.35);transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .16s}.landing-cta-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(var(--accent-rgb),.45)}.landing-cta-primary:active{transform:translateY(0)}.landing-cta-primary:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-18deg);transition:left .6s cubic-bezier(.22,1,.36,1)}.landing-cta-primary:hover:after{left:120%}.landing-cta-secondary{transition:border-color .16s,color .16s,transform .16s}.landing-cta-secondary:hover{transform:translateY(-2px)}.landing-section-title{letter-spacing:-.015em}.landing-features,.landing-how,.landing-bottom-cta{position:relative;padding-block:clamp(56px,8vw,104px)}.landing-features:before,.landing-how:before,.landing-bottom-cta:before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent)}.landing-feature-card{position:relative;border-radius:18px;padding:22px;background:radial-gradient(120% 90% at 12% 0%,rgba(var(--accent-rgb),.1),transparent 58%),linear-gradient(158deg,#ffffff0e,#ffffff04);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px #ffffff14,0 14px 34px #00000047;transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .22s,box-shadow .22s;animation:none!important}.landing-feature-card:hover{transform:translateY(-5px);border-color:rgba(var(--accent-rgb),.42);box-shadow:inset 0 1px #ffffff1a,0 20px 44px #0000005c,0 0 30px rgba(var(--accent-rgb),.16)}.landing-feature-icon{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:13px;margin-bottom:12px;font-size:22px;background:rgba(var(--accent-rgb),.14);border:1px solid rgba(var(--accent-rgb),.3)}.landing-step{position:relative;animation:none!important}.landing-step-num{background:var(--gradient);box-shadow:0 8px 22px rgba(var(--accent-rgb),.35)}.landing-bottom-cta{text-align:center}.landing-footer{border-top:1px solid rgba(255,255,255,.08);padding-block:28px}.landing-footer-links a{transition:color .15s}.landing-page:after{content:"";position:fixed;top:-30%;right:-20%;bottom:-30%;left:-20%;z-index:-1;pointer-events:none;opacity:.55;background:conic-gradient(from 210deg at 30% 20%,transparent 0deg,rgba(var(--accent-rgb),.13) 40deg,transparent 110deg),conic-gradient(from 20deg at 78% 62%,transparent 0deg,rgba(168,85,247,.12) 55deg,transparent 130deg),conic-gradient(from 140deg at 55% 88%,transparent 0deg,rgba(251,146,60,.1) 45deg,transparent 120deg);filter:blur(38px);animation:bb-aurora 44s ease-in-out infinite alternate}@keyframes bb-aurora{0%{transform:translate3d(-2%,0,0) rotate(0) scale(1)}50%{transform:translate3d(2%,-2%,0) rotate(6deg) scale(1.08)}to{transform:translate3d(-1%,2%,0) rotate(-4deg) scale(1.04)}}.landing-stars{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.5;background-image:radial-gradient(1.6px 1.6px at 12% 18%,rgba(255,255,255,.75),transparent 60%),radial-gradient(1.4px 1.4px at 68% 12%,rgba(255,255,255,.6),transparent 60%),radial-gradient(1.8px 1.8px at 84% 44%,rgba(var(--accent-rgb),.8),transparent 60%),radial-gradient(1.2px 1.2px at 26% 62%,rgba(255,255,255,.55),transparent 60%),radial-gradient(1.5px 1.5px at 45% 34%,rgba(251,146,60,.7),transparent 60%),radial-gradient(1.3px 1.3px at 92% 76%,rgba(255,255,255,.5),transparent 60%),radial-gradient(1.7px 1.7px at 8% 84%,rgba(168,85,247,.7),transparent 60%),radial-gradient(1.2px 1.2px at 57% 92%,rgba(255,255,255,.45),transparent 60%);background-size:100% 100%;animation:bb-twinkle 7s ease-in-out infinite alternate}.landing-stars-2{opacity:.32;transform:translate3d(0,calc(var(--scroll, 0) * 70px),0);animation-duration:11s;animation-delay:-3s;filter:blur(.4px)}@keyframes bb-twinkle{0%{opacity:.28}to{opacity:.6}}.landing-grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}.landing-orb-1{animation:bb-drift-a 26s ease-in-out infinite alternate}.landing-orb-2{animation:bb-drift-b 34s ease-in-out infinite alternate}.landing-orb-3{animation:bb-drift-c 30s ease-in-out infinite alternate}@keyframes bb-drift-a{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(6vw,-4vh,0) scale(1.15)}}@keyframes bb-drift-b{0%{transform:translateZ(0) scale(1.1)}to{transform:translate3d(-7vw,5vh,0) scale(.95)}}@keyframes bb-drift-c{0%{transform:translateZ(0) scale(.95)}to{transform:translate3d(4vw,6vh,0) scale(1.2)}}@media (prefers-reduced-motion: reduce){.landing-page:after,.landing-stars,.landing-orb-1,.landing-orb-2,.landing-orb-3{animation:none}}.landing-page:before{background:radial-gradient(38% 30% at 22% 16%,rgba(var(--accent-rgb),.3),transparent 70%),radial-gradient(34% 28% at 82% 26%,rgba(168,85,247,.3),transparent 68%),radial-gradient(46% 36% at 50% 90%,rgba(251,146,60,.18),transparent 72%),radial-gradient(70% 55% at 62% 44%,rgba(88,28,135,.35),transparent 76%)}.landing-galaxy{position:fixed;top:-18%;left:50%;width:145vw;height:145vw;max-height:190vh;z-index:-1;pointer-events:none;translate:-50% 0;opacity:.5;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(168,85,247,.3) 24deg,transparent 74deg,rgba(var(--accent-rgb),.26) 118deg,transparent 168deg,rgba(129,140,248,.22) 214deg,transparent 268deg,rgba(251,146,60,.18) 312deg,transparent 356deg),radial-gradient(closest-side,rgba(255,255,255,.14),rgba(168,85,247,.12) 38%,transparent 72%);-webkit-mask:radial-gradient(closest-side,#000 12%,rgba(0,0,0,.75) 42%,transparent 78%);mask:radial-gradient(closest-side,#000 12%,rgba(0,0,0,.75) 42%,transparent 78%);filter:blur(28px);transform:rotate(-14deg) skewY(-6deg);animation:bb-spin-slow 150s linear infinite}@keyframes bb-spin-slow{to{transform:rotate(346deg) skewY(-6deg)}}.landing-page:after{opacity:.85;filter:blur(26px)}.landing-stars{opacity:.85}.landing-stars-2{opacity:.6}.landing-stars-3{opacity:.45;background-size:60% 60%;transform:translate3d(0,calc(var(--scroll, 0) * 130px),0);animation-duration:14s;animation-delay:-6s}@media (prefers-reduced-motion: reduce){.landing-galaxy{animation:none}}.landing-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px;max-width:980px;margin:8px auto 0;padding:22px 18px;border-radius:18px;background:radial-gradient(120% 100% at 12% 0%,rgba(var(--accent-rgb),.1),transparent 60%),linear-gradient(158deg,#ffffff0e,#ffffff04);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px #ffffff14,0 14px 34px #00000047}.landing-stat{text-align:center}.landing-stat-value{display:block;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:800;line-height:1.1;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums}.landing-stat-live{display:inline-flex;align-items:center;justify-content:center;gap:8px}.landing-live-dot{flex:none;width:8px;height:8px;border-radius:50%;background:#34d399;-webkit-text-fill-color:initial;box-shadow:0 0 #34d3998c;animation:landing-live-pulse 2s ease-out infinite}@keyframes landing-live-pulse{0%{box-shadow:0 0 #34d3998c}70%{box-shadow:0 0 0 7px #34d39900}to{box-shadow:0 0 #34d39900}}@media (prefers-reduced-motion: reduce){.landing-live-dot{animation:none}}.landing-stat-label{display:block;margin-top:4px;font-size:12px;color:var(--text-secondary)}@media (max-width: 640px){.landing-stats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:16px 10px}}.landing-photo{position:fixed;top:-32%;right:-32%;bottom:-32%;left:-32%;z-index:-2;pointer-events:none;background-image:image-set(url(/background.webp) type("image/webp"),url(/background.jpg) type("image/jpeg"));background-image:-webkit-image-set(url(/background.webp) 1x);background-size:cover;background-position:center 20%;opacity:.55;filter:saturate(.85) brightness(.62) hue-rotate(-8deg);transform:translate3d(0,calc(var(--scroll, 0) * -70px),0) rotate(calc(var(--scroll, 0) * 58deg)) scale(calc(1.05 + var(--scroll, 0) * .4));transform-origin:58% 42%;transition:transform .25s cubic-bezier(.22,1,.36,1);will-change:transform}.landing-photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(72% 60% at 50% 42%,transparent 0%,rgba(10,6,20,.55) 78%,rgba(8,5,16,.9) 100%),linear-gradient(180deg,#0f0a1a59,#0f0a1ab8)}.landing-page.has-photo .landing-galaxy{opacity:.28}.landing-page.has-photo:before{opacity:.75}.landing-stats-toggle{position:fixed;right:16px;bottom:16px;z-index:70;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid rgba(var(--accent-rgb),.5);background:#140c22e6;color:var(--text-primary);font-size:12px;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-stats-toggle:hover{border-color:var(--accent)}.landing-stats-toggle small{color:var(--text-tertiary);font-weight:500}.landing-photo:after{display:none}.landing-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(76% 64% at 50% 42%,transparent 0%,rgba(10,6,20,.5) 74%,rgba(8,5,16,.92) 100%),linear-gradient(180deg,#0f0a1a57,#0f0a1abd)}@media (prefers-reduced-motion: reduce){.landing-photo{transform:none;transition:none}}@media (max-width: 768px){.landing-feature-card{padding:15px 16px;border-radius:15px;box-shadow:inset 0 1px #ffffff12,0 8px 20px #00000042}.landing-feature-card h3{font-size:.98rem}.landing-feature-card p{font-size:.82rem;line-height:1.5}.landing-feature-icon{width:36px;height:36px;border-radius:10px;font-size:17px;margin-bottom:9px}.landing-feature-card:hover{transform:none}.landing-features,.landing-how,.landing-bottom-cta{padding-block:clamp(38px,9vw,60px)}.landing-step h3{font-size:.98rem}.landing-step p{font-size:.82rem}.landing-step-num{width:34px;height:34px;font-size:.9rem}.landing-stats{padding:16px 12px;border-radius:15px;gap:12px 8px}.landing-stat-label{font-size:10.5px}.landing-photo{top:-45%;right:-45%;bottom:-45%;left:-45%;opacity:.5;background-image:url(/background-mobile.jpg);background-position:center center;transform:translate3d(0,calc(var(--scroll, 0) * -40px),0) rotate(calc(var(--scroll, 0) * 46deg)) scale(calc(1.05 + var(--scroll, 0) * .26))}.landing-galaxy{width:190vw;height:190vw}.landing-grain{opacity:.035}.landing-stats-toggle{bottom:calc(14px + var(--sab, 0px));right:12px}}@media (max-width: 420px){.landing-feature-card{padding:13px 14px}.landing-feature-card p{font-size:.79rem}.landing-photo{top:-55%;right:-55%;bottom:-55%;left:-55%}}.landing-nav{background:linear-gradient(180deg,#100a1c6b,#100a1c2e);backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);border-bottom:1px solid rgba(255,255,255,.07)}@media (max-width: 768px){.landing-nav{padding:12px 16px}}.landing-stats-toggle{display:none}.landing-feature-card:hover{background:radial-gradient(120% 90% at 12% 0%,rgba(var(--accent-rgb),.16),transparent 58%),linear-gradient(158deg,#ffffff13,#ffffff06);border-color:rgba(var(--accent-rgb),.45);box-shadow:inset 0 1px #ffffff1a,0 20px 44px #0000005c,0 0 30px rgba(var(--accent-rgb),.18)}.landing-feature-card{background:radial-gradient(120% 90% at 12% 0%,rgba(var(--accent-rgb),.1),transparent 58%),linear-gradient(158deg,#160e24b8,#100a1ad1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.landing-step{background:linear-gradient(158deg,#160e24a8,#100a1ac7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.landing-bottom-cta{border:1px solid rgba(var(--accent-rgb),.35);background:radial-gradient(120% 90% at 12% 0%,rgba(var(--accent-rgb),.12),transparent 58%),linear-gradient(158deg,#160e24bd,#100a1ad6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px #ffffff14,0 20px 48px #00000057}.landing-nav-btn,.landing-cta-secondary{background:linear-gradient(#140d208c,#140d208c) padding-box,var(--gradient) border-box;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.landing-nav-btn:hover,.landing-cta-secondary:hover{background:linear-gradient(#221634b8,#221634b8) padding-box,var(--gradient) border-box}.landing-step{border:1px solid rgba(255,255,255,.09);border-radius:18px;box-shadow:inset 0 1px #ffffff12,0 14px 34px #00000042;transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .22s,box-shadow .22s}.landing-step:hover{background:radial-gradient(120% 90% at 12% 0%,rgba(var(--accent-rgb),.16),transparent 58%),linear-gradient(158deg,#ffffff13,#ffffff06);border-color:rgba(var(--accent-rgb),.45);transform:translateY(-5px);box-shadow:inset 0 1px #ffffff1a,0 20px 44px #0000005c,0 0 30px rgba(var(--accent-rgb),.18)}.landing-bottom-cta{border:1px solid rgba(255,255,255,.09);transition:border-color .25s,box-shadow .25s}.landing-bottom-cta:hover{border-color:rgba(var(--accent-rgb),.4);box-shadow:inset 0 1px #ffffff17,0 24px 56px #0006,0 0 44px rgba(var(--accent-rgb),.14)}@media (hover: none){.landing-step:hover{transform:none}}.login-page{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 18px;overflow-x:hidden;overflow-y:auto}.login-page{isolation:isolate}.login-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.login-sky{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;background-image:url(/login-bg.jpg);background-size:cover;background-position:center 30%;filter:saturate(1.05) brightness(.78);animation:lg-sky-drift 90s ease-in-out infinite alternate}@keyframes lg-sky-drift{0%{transform:scale(1.04) translateZ(0)}to{transform:scale(1.12) translate3d(-1.5%,-1.5%,0)}}.login-sky:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(74% 62% at 50% 46%,transparent 0%,rgba(10,6,20,.42) 72%,rgba(8,5,16,.86) 100%),linear-gradient(180deg,#0f0a1a4d,#0f0a1a9e)}.login-orb{opacity:.5}.login-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:18px 26px;z-index:2}.login-header-right{display:flex;align-items:center;gap:8px;padding:9px 16px 9px 18px;border-radius:999px;font-size:13.5px;color:var(--text-secondary);background:#140d2080;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.login-header-link{background:none;border:none;padding:0;color:var(--accent);font-size:13.5px;font-weight:700;cursor:pointer}.login-header-link:hover{text-decoration:underline}.login-content{position:relative;z-index:1;width:100%;max-width:540px;padding:32px 30px 26px;border-radius:26px;background:radial-gradient(120% 90% at 50% 0%,rgba(var(--accent-rgb),.1),transparent 60%),linear-gradient(165deg,#180f26e0,#0e0918f0);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff17,0 34px 90px #0000008c,0 0 60px rgba(var(--accent-rgb),.1);animation:lg-card-in .6s cubic-bezier(.22,1,.36,1) both}@keyframes lg-card-in{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}.login-logo-lockup{text-align:center}.login-logo-img{width:min(230px,62%);height:auto;border-radius:18px;display:block;margin:0 auto}.login-welcome{margin-top:14px;text-align:center}.login-welcome h1{font-size:clamp(1.15rem,2.4vw,1.4rem);font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.login-welcome p{margin-top:6px;font-size:.92rem;line-height:1.55;color:var(--text-secondary)}.login-buttons{display:flex;flex-direction:column;gap:12px;margin-top:22px}.login-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:15px 18px;border-radius:14px;font-size:15px;font-weight:600;color:var(--text-primary);cursor:pointer;border:1px solid transparent;background:linear-gradient(#120b1ed9,#120b1ed9) padding-box,var(--gradient) border-box;transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .16s,filter .16s}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px rgba(var(--accent-rgb),.22)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.55;cursor:default}.login-divider{display:flex;align-items:center;gap:14px;margin:18px 0;color:var(--text-tertiary);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)}.login-email-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px 18px;border:none;border-radius:14px;background:var(--gradient);color:#fff;font-size:15.5px;font-weight:700;cursor:pointer;box-shadow:0 12px 30px rgba(var(--accent-rgb),.34);transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .16s,filter .16s}.login-email-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 16px 38px rgba(var(--accent-rgb),.44)}.login-features{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.login-feature{position:relative;text-align:center;padding:0 8px}.login-feature+.login-feature:before{content:"";position:absolute;left:0;top:12%;height:76%;width:1px;background:#ffffff17}.login-feature-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 auto 8px;border-radius:50%;background:rgba(var(--accent-rgb),.13);border:1px solid rgba(var(--accent-rgb),.26);color:var(--accent)}.login-feature-icon svg{width:21px;height:21px;display:block}.login-feature>span:not(.login-feature-icon){display:block;font-size:12px;line-height:1.45;color:var(--text-secondary)}.login-footer{position:relative;z-index:1;margin-top:22px;text-align:center;font-size:12px;line-height:1.6;color:var(--text-tertiary)}.login-footer a,.login-footer button{color:var(--accent);background:none;border:none;padding:0;font-size:12px;cursor:pointer}.login-footer a:hover,.login-footer button:hover{text-decoration:underline}.login-copyright{margin-top:5px;opacity:.75}.login-stage{position:relative}.login-stage.is-leaving .login-view{animation:lg-recede .24s cubic-bezier(.4,0,1,1) both;pointer-events:none}@keyframes lg-recede{to{opacity:0;transform:scale(1.14);filter:blur(7px)}}.login-view{animation:lg-rush .42s cubic-bezier(.22,1,.36,1) both}@keyframes lg-rush{0%{opacity:0;transform:scale(.82);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}.login-content.is-zooming{animation:lg-card-pulse .62s cubic-bezier(.22,1,.36,1)}@keyframes lg-card-pulse{0%{transform:scale(1)}32%{transform:scale(.975)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.login-content,.login-content.is-zooming,.login-view,.login-stage.is-leaving .login-view,.login-sky{animation:none}}.email-auth-form,.login-back-row{position:relative}.email-auth-form{display:flex;flex-direction:column;gap:12px}.auth-form-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:2px}.email-auth-form input{width:100%;padding:14px 16px;border-radius:13px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);font-size:15px;outline:none;transition:border-color .15s,background .15s}.email-auth-form input:focus{border-color:rgba(var(--accent-rgb),.6);background:#ffffff12}.email-auth-form input::placeholder{color:var(--text-tertiary)}@media (max-width: 640px){.login-page{padding:10px 14px 16px;justify-content:flex-start}.login-header{display:none}.login-content{padding:16px;border-radius:20px}.login-logo-img{width:min(118px,40%)}.login-logo-lockup{margin-bottom:8px!important}.login-features{display:none!important}.login-welcome{margin-top:6px!important}.login-welcome h1{font-size:1.02rem}.login-welcome p{font-size:.8rem}.login-btn{padding:12px 16px;font-size:14px}.login-email-btn{padding:13px 16px;font-size:14.5px}.login-sky{background-image:image-set(url(/login-bg-mobile.webp) type("image/webp"),url(/login-bg-mobile.jpg) type("image/jpeg"));background-image:-webkit-image-set(url(/login-bg-mobile.webp) 1x);background-position:center center}.login-features{margin-top:20px;padding-top:18px}.login-feature-icon{width:40px;height:40px}.login-feature-icon svg{width:19px;height:19px}.login-feature>span:not(.login-feature-icon){font-size:11px}}