@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";:root{--bg-darkest:#07070a;--bg-dark:#0f0f15;--bg-card:#16162199;--bg-card-hover:#1e1e2dcc;--border-color:#ffffff14;--primary:#9d4edd;--primary-glow:#9d4edd4d;--secondary:#3a86c8;--secondary-glow:#3a86c833;--text-primary:#f8f9fa;--text-secondary:#adb5bd;--text-muted:#6c757d;--sidebar-width:240px;--player-height:88px;--font-outfit:"Outfit", "Inter", sans-serif;--glass:backdrop-filter: blur(12px);--transition:all .3s cubic-bezier(.25, .8, .25, 1);--shadow-premium:0 10px 30px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-outfit);background-color:var(--bg-darkest);color:var(--text-primary);-webkit-font-smoothing:antialiased;height:100dvh;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}#root{background-image:radial-gradient(circle at 10% 20%,#1e0f3c26 0%,#0000 40%),radial-gradient(circle at 90% 80%,#0f1e3c1a 0%,#0000 40%);width:100vw;height:100dvh;display:flex;position:relative}.app-container{width:100%;height:calc(100vh - var(--player-height));display:flex;position:relative}.sidebar{width:var(--sidebar-width);background-color:var(--bg-dark);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;padding:24px 16px 120px;display:flex}.logo-section{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;margin-bottom:24px;padding-bottom:32px;display:flex}.logo-section h1{letter-spacing:-.5px;background:linear-gradient(135deg, var(--text-primary) 30%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800}.logo-icon{color:var(--primary);filter:drop-shadow(0 0 8px var(--primary-glow))}.nav-links{flex-direction:column;gap:8px;list-style:none;display:flex}.nav-item{cursor:pointer;color:var(--text-secondary);transition:var(--transition);border-radius:12px;align-items:center;gap:16px;padding:12px 16px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{color:var(--text-primary);background-color:#ffffff0a}.nav-item.active{color:var(--text-primary);border-left:3px solid var(--primary);background:linear-gradient(90deg,#9d4edd26 0%,#9d4edd08 100%);padding-left:13px}.nav-item .icon{width:20px;height:20px}.main-content{flex-grow:1;height:100%;padding:32px 40px 120px;position:relative;overflow-y:auto}@media (width<=768px){:root{--player-height:112px}.sidebar{z-index:1000;width:250px;height:100vh;padding-top:24px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.mobile-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#0009;transition:opacity .3s;position:fixed;inset:0}.mobile-overlay.active{opacity:1;pointer-events:auto}.mobile-header{background-color:var(--bg-dark);border-bottom:1px solid var(--border-color);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;min-height:56px;padding:12px 20px;display:flex;position:sticky;top:0}.mobile-header .logo-section{border-bottom:none;margin-bottom:0;padding-bottom:0}.hamburger-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.app-container{height:calc(100dvh - var(--player-height) - env(safe-area-inset-bottom));flex-direction:column}.main-content{height:auto;min-height:0;padding:16px 12px 24px}}.hero-banner{border:1px solid var(--border-color);box-shadow:var(--shadow-premium);background:linear-gradient(135deg,#9d4edd4d 0%,#3a86c81a 100%);border-radius:20px;margin-bottom:40px;padding:40px;position:relative;overflow:hidden}.hero-banner:after{content:"";background:radial-gradient(circle, var(--primary-glow) 0%, transparent 70%);pointer-events:none;width:300px;height:300px;position:absolute;top:-20%;right:-10%}.hero-banner.home-hero{background:linear-gradient(135deg,#261546 0%,#150926 100%);align-items:center;padding:48px;display:flex;position:relative;overflow:hidden}.hero-banner.home-hero:after{opacity:.5}.hero-content{z-index:2;max-width:55%;position:relative}.hero-mascot-bg{z-index:1;pointer-events:none;background-position:100%;background-repeat:no-repeat;background-size:contain;width:55%;transition:transform .6s cubic-bezier(.25,1,.5,1);position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 15%);mask-image:linear-gradient(90deg,#0000 0%,#000 15%)}.hero-genre-video{z-index:1;pointer-events:none;background:url(/assets/mascot-bVuIm17w.png) 50%/cover no-repeat;width:48%;position:absolute;top:0;bottom:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 15%);mask-image:linear-gradient(90deg,#0000 0%,#000 15%)}.hero-genre-video video{object-fit:cover;object-position:var(--genre-video-position,center);opacity:0;width:100%;height:100%;transition:opacity .35s,transform .6s cubic-bezier(.25,1,.5,1);display:block}.hero-genre-video.is-ready video{opacity:1}.hero-banner.home-hero:hover .hero-mascot-bg{transform:scale(1.04)translate(-5px)}.hero-banner.home-hero:hover .hero-genre-video video{transform:scale(1.015)translate(-2px)}@media (width<=1024px){.hero-content{max-width:70%}.hero-mascot-bg,.hero-genre-video{width:45%}}@media (width<=768px){.hero-banner.home-hero{padding:32px}.hero-content{z-index:2;max-width:100%}.hero-mascot-bg,.hero-genre-video{opacity:.25;width:100%;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000 100%)}}.hero-tag{text-transform:uppercase;color:var(--primary);letter-spacing:2px;margin-bottom:8px;font-size:12px;font-weight:700;display:inline-block}.hero-title{letter-spacing:-1px;margin-bottom:12px;font-size:36px;font-weight:800}.hero-desc{color:var(--text-secondary);max-width:500px;margin-bottom:24px;font-size:16px;line-height:1.6}.play-btn-premium{background-color:var(--text-primary);color:var(--bg-darkest);cursor:pointer;transition:var(--transition);border:none;border-radius:30px;align-items:center;gap:8px;padding:12px 28px;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #fff3}.play-btn-premium:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffffff4d}.category-container{gap:12px;margin-bottom:32px;padding-bottom:8px;display:flex;overflow-x:auto}.category-chip{border:1px solid var(--border-color);cursor:pointer;white-space:nowrap;transition:var(--transition);color:var(--text-secondary);background-color:#ffffff0d;border-radius:20px;padding:8px 18px;font-size:14px;font-weight:500}.category-chip:hover,.category-chip.active{background-color:var(--primary);color:var(--text-primary);border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow)}.section-header{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.section-header h2{letter-spacing:-.5px;font-size:24px;font-weight:700}.mobile-live-chat-launch{display:none}.song-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px;margin-bottom:48px;display:grid}.song-card{background-color:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition);border-radius:16px;flex-direction:column;padding:16px;display:flex;position:relative}.song-card:hover{background-color:var(--bg-card-hover);box-shadow:var(--shadow-premium);border-color:#ffffff26;transform:translateY(-4px)}.card-img-container{aspect-ratio:1;border-radius:12px;width:100%;margin-bottom:16px;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000004d}.card-img{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.song-card:hover .card-img{transform:scale(1.05)}.card-play-overlay{opacity:0;transition:var(--transition);background-color:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.song-card:hover .card-play-overlay{opacity:1}.play-icon-glow{background-color:var(--primary);color:var(--text-primary);width:48px;height:48px;box-shadow:0 0 15px var(--primary);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;transform:scale(.9)}.song-card:hover .play-icon-glow{transform:scale(1)}.card-info{flex-direction:column;gap:4px;display:flex}.card-title{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.card-artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.song-list-premium{flex-direction:column;gap:10px;margin-bottom:48px;display:flex}.song-row{background-color:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition);border-radius:12px;align-items:center;padding:12px 20px;display:flex}.song-row:hover{background-color:var(--bg-card-hover);border-color:#ffffff26}.row-index{color:var(--text-muted);width:30px;font-size:14px;font-weight:700}.row-img{object-fit:cover;border-radius:6px;width:48px;height:48px;margin-right:16px}.row-details{flex-direction:column;flex-grow:1;min-width:0;display:flex}.row-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.row-artist{color:var(--text-secondary);font-size:13px}.row-meta{color:var(--text-secondary);align-items:center;gap:24px;font-size:13px;display:flex}.meta-item{align-items:center;gap:6px;display:flex}.icon-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none}.icon-btn:hover{color:var(--text-primary)}.icon-btn.liked{color:#ff4d6d;filter:drop-shadow(0 0 6px #ff4d6d66)}.live-chat-nav-entry{margin-top:10px}.live-chat-nav-button{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;transition:var(--transition);background:linear-gradient(135deg,#9d4edd2b,#09090feb);border:1px solid #9d4edd6b;border-radius:14px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0a}.live-chat-nav-button.has-presence,.mobile-live-chat-launch.has-presence,.live-chat-panel.has-presence{border-color:#a78bfac7;animation:2.4s ease-in-out infinite liveChatPresenceGlow}.live-chat-nav-button.has-activity,.mobile-live-chat-launch.has-activity,.live-chat-panel.has-activity{border-color:#2dd4bff2;animation:.9s ease-in-out infinite alternate liveChatActivityGlow}.live-chat-nav-button.has-mention,.mobile-live-chat-launch.has-mention,.live-chat-panel.has-mention{border-color:#f472b6;animation:.72s ease-in-out infinite alternate liveChatMentionGlow}@keyframes liveChatPresenceGlow{0%,to{box-shadow:0 0 10px #8b5cf62e,inset 0 0 9px #a855f70f}50%{box-shadow:0 0 22px #8b5cf66b,0 0 38px #3b82f61f,inset 0 0 14px #a855f71a}}@keyframes liveChatActivityGlow{0%{box-shadow:0 0 14px #2dd4bf59,0 0 25px #8b5cf63d}to{box-shadow:0 0 24px #2dd4bfb3,0 0 44px #8b5cf66b,inset 0 0 14px #2dd4bf1a}}@keyframes liveChatMentionGlow{0%{box-shadow:0 0 15px #f472b670,0 0 28px #a855f75c}to{box-shadow:0 0 30px #f472b6db,0 0 54px #a855f794,inset 0 0 16px #f472b61f}}.live-chat-nav-button:hover,.live-chat-nav-button.active{border-color:#c084fcd1;transform:translateY(-1px);box-shadow:0 8px 24px #6b21a838,inset 0 1px #ffffff14}.live-chat-nav-icon{color:#e9d5ff;background:#9d4edd47;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.live-chat-nav-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.live-chat-nav-copy strong{font-size:14px;line-height:1.2}.live-chat-nav-copy small{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:flex}.live-chat-nav-copy i,.live-chat-status i{background:#4ade80;border-radius:50%;flex:0 0 6px;width:6px;height:6px;box-shadow:0 0 9px #4ade80bf}.live-chat-nav-state{color:#d8b4fe;text-align:center;background:#a855f71f;border-radius:999px;min-width:28px;padding:3px 6px;font-size:10px;font-weight:700}.live-chat-nav-button.has-mention .live-chat-nav-state{color:#fff;background:#db2777c2}.live-chat-panel{z-index:180;width:min(var(--chat-panel-width,400px), calc(100vw - 24px));height:min(var(--chat-panel-height,560px), calc(100dvh - var(--player-height) - 32px));min-height:410px;color:var(--text-primary);background:rgba(11, 11, 18, var(--chat-panel-opacity,.94));-webkit-backdrop-filter:blur(var(--chat-panel-blur,13px));backdrop-filter:blur(var(--chat-panel-blur,13px));border:1px solid #9d4edd94;border-radius:18px;flex-direction:column;animation:.22s ease-out liveChatEnter;display:flex;position:fixed;overflow:hidden;box-shadow:0 22px 70px #00000094,0 0 28px #9d4edd1f}.live-chat-panel.is-dragging{-webkit-user-select:none;user-select:none;box-shadow:0 28px 80px #000000ad,0 0 36px #9d4edd38}.live-chat-panel.is-resizing{-webkit-user-select:none;user-select:none}.live-chat-resize-handle{z-index:8;color:#a78bfa;cursor:nwse-resize;touch-action:none;opacity:.82;background:#181226c7;border:0;border-radius:8px;place-items:center;width:26px;height:26px;padding:0;display:grid;position:absolute;bottom:3px;right:3px}.live-chat-resize-handle:hover,.live-chat-panel.is-resizing .live-chat-resize-handle{color:#f3e8ff;opacity:1;background:#7e22cedb}@keyframes liveChatEnter{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.live-chat-header{cursor:grab;touch-action:none;background:linear-gradient(90deg,#9d4edd24,#ffffff04);border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:13px 14px 12px 16px;display:flex;position:relative}.live-chat-panel.is-dragging .live-chat-header{cursor:grabbing}.live-chat-heading,.live-chat-header-actions,.live-chat-message-meta,.live-chat-notice{align-items:center;display:flex}.live-chat-heading{gap:10px;min-width:0}.live-chat-icon{color:#f3e8ff;background:linear-gradient(135deg,#7e22ce,#a855f7);border-radius:11px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 6px 16px #7e22ce57}.live-chat-heading h2{letter-spacing:-.35px;margin:0 0 3px;font-size:16px}.live-chat-status{color:var(--text-secondary);align-items:center;gap:5px;font-size:10px;display:flex}.live-chat-status.connecting i,.live-chat-status.idle i{background:#fbbf24;box-shadow:0 0 8px #fbbf24b3}.live-chat-status.error i,.live-chat-status.login i{box-shadow:none;background:#94a3b8}.live-chat-header-actions{gap:7px}.live-chat-online{color:#d8b4fe;white-space:nowrap;cursor:pointer;background:#ffffff09;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:5px;padding:6px 8px;font-family:inherit;font-size:10px;font-weight:700;display:inline-flex}.live-chat-online:hover,.live-chat-online.active{color:#f3e8ff;background:#a855f724;border-color:#c084fc57}.live-chat-grip{color:#71717a}.live-chat-close,.live-chat-opacity-toggle,.live-chat-emoji,.live-chat-send{cursor:pointer;border:0;place-items:center;display:grid}.live-chat-close,.live-chat-opacity-toggle{width:30px;height:30px;color:var(--text-secondary);background:#ffffff0a;border-radius:9px}.live-chat-opacity-toggle{white-space:nowrap;grid-auto-flow:column;gap:5px;width:auto;min-width:78px;padding:0 8px;font-size:9px;font-weight:750;display:inline-flex}.live-chat-close:hover,.live-chat-opacity-toggle:hover,.live-chat-opacity-toggle.active{color:#fff;background:#ffffff1a}.live-chat-opacity-popover{z-index:3;cursor:default;background:#120f1afa;border:1px solid #c084fc59;border-radius:12px;width:196px;padding:12px 13px;position:absolute;top:57px;right:42px;box-shadow:0 14px 35px #00000075}.live-chat-participants-popover{z-index:4;color:#f4f4f5;cursor:default;background:#120f1afa;border:1px solid #c084fc59;border-radius:13px;width:238px;padding:12px;position:absolute;top:57px;right:10px;box-shadow:0 16px 38px #00000080}.live-chat-participants-head{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1px 2px 10px;display:flex}.live-chat-participants-head strong{font-size:12px}.live-chat-participants-head span{color:#d8b4fe;background:#a855f721;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:800}.live-chat-participants-list{max-height:220px;padding:5px 0;overflow-y:auto}.live-chat-participant{width:100%;min-height:48px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff0b;grid-template-columns:30px minmax(0,1fr) 8px;align-items:center;gap:9px;padding:6px 4px;font-family:inherit;display:grid}.live-chat-participant:not(:disabled):hover{background:#a855f71f;border-radius:9px}.live-chat-participant:disabled{cursor:default}.live-chat-participant:last-child{border-bottom:0}.live-chat-participant-avatar{color:#f3e8ff;background:linear-gradient(135deg,#a855f75c,#4f46e53d);border:1px solid #c084fc47;border-radius:50%;place-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:grid}.live-chat-participant-copy{min-width:0}.live-chat-participant-copy strong,.live-chat-participant-copy span{align-items:center;display:flex}.live-chat-participant-copy strong{color:#f4f4f5;text-overflow:ellipsis;white-space:nowrap;gap:5px;min-width:0;font-size:11px;overflow:hidden}.live-chat-participant-copy strong em{color:#c4b5fd;background:#8b5cf629;border-radius:999px;flex:none;padding:2px 5px;font-size:8px;font-style:normal}.live-chat-participant-copy>span{color:#a1a1aa;gap:4px;margin-top:4px;font-size:9px}.live-chat-participant-dot{background:#34d399;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #34d399b3}.live-chat-participant-mention{color:#c4b5fd}.live-chat-participants-empty{color:#a1a1aa;text-align:center;padding:22px 8px;font-size:10px}.live-chat-participants-popover>small{color:#a78bfa;border-top:1px solid #ffffff14;padding:8px 2px 1px;font-size:9px;display:block}.live-chat-opacity-popover>div{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;display:flex}.live-chat-opacity-popover strong{color:#f4f4f5}.live-chat-opacity-popover span{color:#d8b4fe;font-weight:800}.live-chat-opacity-popover input{accent-color:#a855f7;cursor:pointer;width:100%}.live-chat-opacity-scale{color:#a1a1aa;justify-content:space-between;margin-top:5px;font-size:9px;display:flex}.live-chat-opacity-scale span{color:#a1a1aa;font-weight:500}.live-chat-opacity-popover>small{color:#c4b5fd;margin-top:9px;font-size:9px;line-height:1.35;display:block}.live-chat-safety{color:#c4b5fd;background:#6366f112;border:1px solid #818cf824;border-radius:10px;align-items:center;gap:8px;margin:10px 12px 0;padding:9px 11px;font-size:11px;display:flex}.live-chat-safety>svg{flex:none}.live-chat-safety-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.live-chat-safety-copy strong{color:#ede9fe;font-size:11px;line-height:1.25}.live-chat-safety-copy span{color:#a5b4fc;font-size:9px;line-height:1.3}.live-chat-identity{color:#a78bfa;background:#ffffff06;border:1px solid #ffffff12;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;min-height:34px;margin:7px 13px 0;padding:5px 8px;display:flex}.live-chat-identity>span,.live-chat-identity form{align-items:center;gap:5px;min-width:0;display:flex}.live-chat-identity small{color:#a1a1aa;font-size:9px}.live-chat-identity strong{color:#e9d5ff;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.live-chat-identity button{color:#d8b4fe;cursor:pointer;background:#a855f71f;border:0;border-radius:7px;justify-content:center;align-items:center;gap:4px;min-height:24px;padding:4px 7px;font-family:inherit;font-size:9px;display:inline-flex}.live-chat-identity form{width:100%}.live-chat-identity input{color:#fff;min-width:0;font:inherit;background:#0000003d;border:1px solid #c084fc61;border-radius:7px;outline:0;flex:1;padding:5px 7px;font-size:10px}.live-chat-identity .spin{animation:.8s linear infinite liveChatSpin}@keyframes liveChatSpin{to{transform:rotate(360deg)}}.live-chat-messages{scrollbar-width:thin;scrollbar-color:#9d4edd61 transparent;flex:1;min-height:0;padding:11px 13px 6px;overflow-y:auto}.live-chat-message{border-radius:11px;align-items:flex-start;gap:9px;padding:8px 6px;display:flex}.live-chat-message:hover,.live-chat-message.mine{background:#ffffff06}.live-chat-message.mentions-me{background:linear-gradient(90deg,#db27771f,#8b5cf612);border:1px solid #f472b657;box-shadow:inset 3px 0 #f472b6bf}.live-chat-avatar{color:#ede9fe;background:linear-gradient(135deg,#4c1d95,#2563eb);border:1px solid #ffffff14;border-radius:50%;flex:0 0 29px;place-items:center;width:29px;height:29px;font-size:11px;font-weight:800;display:grid}.live-chat-message.mine .live-chat-avatar{background:linear-gradient(135deg,#7e22ce,#db2777)}.live-chat-message-body{flex:1;min-width:0}.live-chat-message-meta{gap:7px;margin-bottom:3px}.live-chat-message-meta strong{color:#c4b5fd;font-size:11px}.live-chat-message.mine .live-chat-message-meta strong{color:#f0abfc}.live-chat-message-meta time{color:#71717a;font-size:9px}.live-chat-device{color:#a1a1aa;background:#ffffff09;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:3px;padding:2px 5px;font-size:8px;line-height:1;display:inline-flex}.live-chat-device.mobile{color:#93c5fd;background:#3b82f614;border-color:#60a5fa2e}.live-chat-device.pc{color:#c4b5fd;background:#8b5cf614;border-color:#a78bfa2e}.live-chat-message p{color:#e4e4e7;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:12px;line-height:1.48}.live-chat-presence-notice{color:#a1a1aa;background:#ffffff06;border-radius:8px;justify-content:center;align-items:center;gap:5px;margin:5px 3px;padding:5px 8px;font-size:9px;display:flex}.live-chat-presence-notice.join svg{color:#4ade80}.live-chat-presence-notice.leave svg{color:#fda4af}.live-chat-presence-notice time{color:#71717a;font-size:8px}.live-chat-empty,.live-chat-login{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.live-chat-empty{gap:7px;height:100%;padding:30px}.live-chat-empty svg{color:#c084fcbf}.live-chat-empty strong{color:#f4f4f5;font-size:13px}.live-chat-empty span{font-size:11px}.live-chat-compose-wrap{background:rgba(4, 4, 8, var(--chat-chrome-opacity,.58));border-top:1px solid #ffffff12;padding:8px 12px 12px;position:relative}.live-chat-notice{color:#fbbf24;background:#f59e0b14;border-radius:8px;gap:6px;margin-bottom:7px;padding:7px 9px;font-size:10px}.live-chat-policy{color:#71717a;margin:0 2px 7px;font-size:9px}.live-chat-compose{background:#ffffff09;border:1px solid #ffffff21;border-radius:12px;align-items:center;gap:7px;min-height:43px;padding:5px 5px 5px 8px;display:flex}.live-chat-compose:focus-within{border-color:#c084fcb8;box-shadow:0 0 0 3px #9d4edd17}.live-chat-compose input{color:#f4f4f5;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:12px}.live-chat-compose input::placeholder{color:#71717a}.live-chat-emoji{color:#a1a1aa;background:0 0;padding:2px}.live-chat-emoji:hover,.live-chat-emoji.active{color:#e9d5ff}.live-chat-emoji-picker{z-index:6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#120f1afa;border:1px solid #c084fc59;border-radius:14px;padding:12px;position:absolute;bottom:64px;left:12px;right:12px;box-shadow:0 18px 45px #0000008c,0 0 24px #9333ea21}.live-chat-emoji-picker-head{justify-content:space-between;align-items:baseline;margin-bottom:9px;display:flex}.live-chat-emoji-picker-head strong{color:#f4f4f5;font-size:12px}.live-chat-emoji-picker-head span{color:#71717a;font-size:8px}.live-chat-emoji-tabs{border-bottom:1px solid #ffffff12;grid-template-columns:repeat(4,1fr);gap:4px;padding-bottom:9px;display:grid}.live-chat-emoji-tabs button{color:#a1a1aa;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:3px;padding:6px 3px;font-size:9px;display:inline-flex}.live-chat-emoji-tabs button:hover,.live-chat-emoji-tabs button.active{color:#f3e8ff;background:#9d4edd2e}.live-chat-emoji-tabs button>span{font-size:13px}.live-chat-emoji-grid{grid-template-columns:repeat(6,1fr);gap:4px;padding-top:9px;display:grid}.live-chat-emoji-grid button{cursor:pointer;background:#ffffff06;border:0;border-radius:9px;place-items:center;height:34px;font-size:20px;transition:transform .13s,background .13s;display:grid}.live-chat-emoji-grid button:hover{background:#9d4edd33;transform:scale(1.13)}.live-chat-count{color:#71717a;white-space:nowrap;font-size:9px}.live-chat-send{color:#fff;background:linear-gradient(135deg,#9333ea,#c026d3);border-radius:10px;flex:0 0 34px;width:34px;height:34px;box-shadow:0 6px 14px #9333ea47}.live-chat-send:disabled{opacity:.38;cursor:default;box-shadow:none}.live-chat-login{flex:1;gap:9px;padding:32px}.live-chat-login-icon{color:#d8b4fe;background:#9d4edd1c;border:1px solid #c084fc3d;border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:4px;display:grid}.live-chat-login strong{color:#f4f4f5;font-size:15px}.live-chat-login p{margin:0 0 7px;font-size:12px}.live-chat-login button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7e22ce,#a855f7);border:0;border-radius:999px;align-items:center;gap:7px;padding:10px 16px;font-weight:700;display:inline-flex}@media (width<=768px){.live-chat-panel{right:12px;bottom:calc(var(--player-height) + env(safe-area-inset-bottom) + 10px);width:auto;height:min(var(--chat-panel-height,520px), calc(100dvh - var(--player-height) - 82px));border-radius:16px;min-height:300px;top:auto!important;left:12px!important}.live-chat-header{cursor:default;padding-top:18px}.live-chat-grip{display:none}.live-chat-resize-handle{cursor:ns-resize;border-radius:0 0 9px 9px;width:48px;height:18px;inset:2px auto auto 50%;transform:translate(-50%)}.live-chat-online{padding:5px 7px}.live-chat-participants-popover{width:auto;left:10px;right:10px}}.bottom-player{height:var(--player-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-color);z-index:100;background-color:#0a0a0fd9;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:fixed;bottom:0;left:0;right:0}.player-song-info{align-items:center;gap:16px;width:30%;min-width:180px;display:flex}.player-img{object-fit:cover;border-radius:8px;width:56px;height:56px;box-shadow:0 4px 10px #0006}.player-details{flex-direction:column;min-width:0;display:flex}.player-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.player-artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.player-controls-container{flex-direction:column;align-items:center;gap:8px;width:40%;display:flex}.controls-row{align-items:center;gap:20px;display:flex}.control-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none}.control-btn:hover{color:var(--text-primary)}.control-btn.active{color:var(--primary)}.play-pause-btn{background-color:var(--text-primary);color:var(--bg-darkest);width:40px;height:40px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.play-pause-btn:hover{background-color:var(--primary);color:var(--text-primary);transform:scale(1.05)}.progress-row{width:100%;color:var(--text-muted);align-items:center;gap:12px;font-size:11px;display:flex}.progress-track-bg{cursor:pointer;background-color:#ffffff1a;border-radius:2px;flex-grow:1;height:4px;position:relative}.progress-track-fill{background:linear-gradient(90deg, var(--secondary) 0%, var(--primary) 100%);border-radius:2px;height:100%;position:absolute;top:0;left:0}.progress-thumb{background-color:var(--text-primary);opacity:0;border-radius:50%;width:10px;height:10px;transition:opacity .1s;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-track-bg:hover .progress-thumb{opacity:1}.progress-track-bg:hover{height:6px}.player-extras{justify-content:flex-end;align-items:center;gap:16px;width:30%;display:flex}.volume-container{align-items:center;gap:8px;width:120px;display:flex}.volume-track{cursor:pointer;background-color:#ffffff26;border-radius:2px;flex-grow:1;height:4px;position:relative}.volume-fill{background-color:var(--text-primary);border-radius:2px;width:80%;height:100%}.sleep-timer-container{align-items:center;display:flex}.mobile-sleep-timer-container{display:none;position:relative}.sleep-timer-btn{justify-content:center;align-items:center;display:flex;position:relative}.sleep-badge{background-color:var(--primary);color:var(--text-primary);text-align:center;min-width:14px;box-shadow:0 0 6px var(--primary-glow);border-radius:8px;padding:2px 5px;font-size:8px;font-weight:700;position:absolute;top:-8px;right:-8px}.sleep-timer-popover{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);z-index:200;background-color:#14141ef2;border-radius:12px;flex-direction:column;width:160px;padding:8px 0;animation:.2s cubic-bezier(.25,.8,.25,1) popoverFadeIn;display:flex;position:absolute;bottom:50px;right:0;box-shadow:0 10px 25px #00000080}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sleep-timer-popover .popover-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #ffffff0d;margin-bottom:4px;padding:8px 16px 4px;font-size:11px;font-weight:700}.sleep-timer-popover .popover-item{color:var(--text-secondary);cursor:pointer;transition:var(--transition);text-align:left;padding:8px 16px;font-size:13px}.sleep-timer-popover .popover-item:hover{color:var(--text-primary);background-color:#ffffff0d}.sleep-timer-popover .popover-divider{background-color:#ffffff0d;height:1px;margin:4px 0}.sleep-timer-popover .popover-item.disable{color:#ff4d6d}.sleep-timer-popover .popover-item.disable:hover{background-color:#ff4d6d1a}.lyrics-drawer{top:0;right:-380px;bottom:var(--player-height);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-left:1px solid var(--border-color);z-index:95;background-color:#0f0f19f2;flex-direction:column;width:380px;transition:right .4s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;box-shadow:-10px 0 30px #0009}.lyrics-drawer.open{right:0}.lyrics-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px;display:flex}.lyrics-header h3{font-size:18px;font-weight:700}.lyrics-body{color:var(--text-secondary);text-align:center;white-space:pre-wrap;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;padding:32px 24px;font-size:16px;line-height:2.2;display:flex;overflow:hidden}.lyrics-body::-webkit-scrollbar{display:none}.lyrics-line{cursor:pointer;opacity:.5;margin-bottom:20px;transition:all .3s cubic-bezier(.25,.8,.25,1);transform:scale(.98)}.lyrics-line.active{color:var(--secondary);opacity:1;text-shadow:0 0 8px var(--secondary-glow);font-size:17px;font-weight:700;transform:scale(1.03)}.lyrics-line.clickable:hover:not(.active){color:var(--text-primary);opacity:.7;transform:scale(1.02)}.admin-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;max-width:700px;margin:0 auto;padding:40px}.form-group{text-align:left;flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.form-group label{color:var(--text-secondary);font-size:14px;font-weight:600}.form-control{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-outfit);transition:var(--transition);background-color:#0000004d;border-radius:10px;padding:12px 16px;font-size:15px}.form-control:focus{border-color:var(--primary);box-shadow:0 0 8px var(--primary-glow);outline:none}.file-upload-box{border:2px dashed var(--border-color);text-align:center;cursor:pointer;transition:var(--transition);background-color:#ffffff03;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:30px;display:flex}.file-upload-box:hover{border-color:var(--primary);background-color:#9d4edd05}.file-upload-box .icon{width:32px;height:32px;color:var(--primary)}.btn-primary-glow{background:linear-gradient(135deg, var(--primary) 0%, #7b2cbf 100%);color:var(--text-primary);cursor:pointer;transition:var(--transition);box-shadow:0 4px 15px var(--primary-glow);border:none;border-radius:30px;padding:14px 32px;font-size:15px;font-weight:600}.btn-primary-glow:hover{box-shadow:0 6px 20px var(--primary);transform:translateY(-2px)}.btn-primary-glow:disabled{background:var(--text-muted);cursor:not-allowed;box-shadow:none;transform:none}.playlist-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;display:grid}.playlist-card{background-color:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex;position:relative}.playlist-delete-button{color:#ff737f;cursor:pointer;opacity:.82;width:34px;height:34px;transition:var(--transition);background:#ff475714;border:1px solid #ff5b693d;border-radius:9px;place-items:center;display:grid;position:absolute;top:10px;right:10px}.playlist-delete-button:hover,.playlist-delete-button:focus-visible{color:#fff;opacity:1;background:#e63946;border-color:#ff5b69;transform:scale(1.05);box-shadow:0 0 14px #e6394647}.playlist-card:hover{background-color:var(--bg-card-hover);border-color:var(--primary);transform:translateY(-4px)}.playlist-folder-icon{width:64px;height:64px;color:var(--secondary);filter:drop-shadow(0 0 10px var(--secondary-glow))}.playlist-name{font-size:18px;font-weight:700}.playlist-desc{color:var(--text-secondary);font-size:13px}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-dark);border:1px solid var(--border-color);width:90%;max-width:480px;box-shadow:var(--shadow-premium);border-radius:20px;padding:32px;position:relative}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h3{font-size:20px;font-weight:700}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.playlist-delete-confirm{text-align:center;max-width:430px}.playlist-delete-icon{color:#ff737f;background:#ff47571a;border:1px solid #ff5b6952;border-radius:16px;place-items:center;width:54px;height:54px;margin:0 auto 16px;display:grid}.playlist-delete-confirm h3{margin:0;font-size:20px}.playlist-delete-confirm p{color:var(--text-secondary);margin:12px 0 0;font-size:13px;line-height:1.7}.playlist-delete-confirm p strong{color:var(--text-primary)}.playlist-delete-confirm .modal-actions{justify-content:center}.playlist-delete-confirm-button{color:#fff;cursor:pointer;min-width:112px;transition:var(--transition);background:#d62839;border:1px solid #e63946;border-radius:8px;padding:10px 16px}.playlist-delete-confirm-button:hover:not(:disabled){background:#e63946;box-shadow:0 0 16px #e6394647}.playlist-delete-confirm-button:disabled,.playlist-delete-confirm .btn-secondary:disabled{cursor:wait;opacity:.55}.playlist-picker-modal{max-width:520px}.playlist-picker-song{color:var(--text-secondary);margin-top:6px;font-size:13px}.playlist-picker-list{flex-direction:column;gap:10px;max-height:min(420px,55vh);display:flex;overflow-y:auto}.playlist-choice-button{border:1px solid var(--border-color);background:var(--bg-card);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;transition:var(--transition);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;display:grid}.playlist-choice-button:hover{border-color:var(--primary);background:var(--bg-card-hover);box-shadow:0 0 14px var(--primary-glow)}.playlist-choice-button span{flex-direction:column;gap:3px;min-width:0;display:flex}.playlist-choice-button strong,.playlist-choice-button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-choice-button small{color:var(--text-secondary)}.playlist-picker-empty{text-align:center;color:var(--text-secondary);padding:28px 16px}.playlist-picker-empty .btn-primary-glow{margin-top:16px}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition);background-color:#ffffff0d;border-radius:20px;padding:10px 20px;font-weight:500}.btn-secondary:hover{background-color:#ffffff1a}.search-wrapper{width:100%;margin-bottom:32px;position:relative}.search-input{background-color:var(--bg-card);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-size:16px;font-family:var(--font-outfit);transition:var(--transition);border-radius:30px;padding:16px 24px 16px 56px}.search-input:focus{border-color:var(--primary);background-color:var(--bg-card-hover);box-shadow:0 0 15px var(--primary-glow);outline:none}.search-icon-inside{color:var(--text-secondary);position:absolute;top:50%;left:20px;transform:translateY(-50%)}.playlist-select-popover{background-color:var(--bg-dark);border:1px solid var(--border-color);z-index:10;box-shadow:var(--shadow-premium);border-radius:8px;flex-direction:column;gap:4px;min-width:160px;padding:8px;display:flex;position:absolute;right:20px}.popover-item{cursor:pointer;color:var(--text-secondary);transition:var(--transition);text-align:left;border-radius:4px;padding:8px 12px;font-size:13px}.popover-item:hover{color:var(--text-primary);background-color:#ffffff0d}.toast-msg{background-color:var(--primary);color:var(--text-primary);z-index:2000;box-shadow:0 4px 15px var(--primary-glow);border-radius:30px;padding:12px 24px;font-size:14px;font-weight:500;animation:.3s ease-out forwards slideDownIn;position:fixed;top:24px;left:50%;transform:translate(-50%)}@keyframes slideDownIn{0%{opacity:0;top:-50px}to{opacity:1;top:24px}}.icon-btn.edit-btn:hover{filter:drop-shadow(0 0 6px var(--secondary-glow));color:var(--secondary)!important}.icon-btn.delete-btn:hover{filter:drop-shadow(0 0 6px #ff4d6d66);color:#ff4d6d!important}.card-admin-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);z-index:10;opacity:0;background-color:#07070acc;border-radius:12px;gap:8px;padding:6px 8px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;top:8px;right:8px;transform:translateY(-5px)}.song-card:hover .card-admin-overlay{opacity:1;transform:translateY(0)}.card-admin-overlay .icon-btn{color:var(--text-secondary);transition:var(--transition);justify-content:center;align-items:center;display:flex}.home-weekly-vs{background:radial-gradient(circle at 50% -35%,#f7258538,#0000 48%),linear-gradient(135deg,#120d1dfa,#080b16fa);border:1px solid #7209b761;border-radius:24px;margin:34px 0 48px;padding:30px;position:relative;overflow:hidden;box-shadow:0 22px 60px #00000047}.home-weekly-vs:before{content:"";pointer-events:none;background:linear-gradient(110deg,#9d4edd14,#0000 38%,#3a86c814);position:absolute;inset:0}.home-weekly-vs-header,.home-weekly-vs-arena,.home-weekly-vs-progress,.home-weekly-vs-summary{z-index:1;position:relative}.home-weekly-vs-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.home-weekly-vs-kicker{color:#f9a8d4;letter-spacing:1.5px;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:8px;font-size:11px;font-weight:800;display:inline-flex}.home-weekly-vs-header h2{letter-spacing:-.6px;margin:0;font-size:24px}.home-weekly-vs-header p{color:var(--text-secondary);margin:7px 0 0;font-size:14px}.home-weekly-vs-actions{align-items:center;gap:10px;display:flex}.home-weekly-vs-period,.home-weekly-vs-actions>button{min-height:34px;color:var(--text-secondary);white-space:nowrap;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;padding:0 13px;font-size:12px;display:inline-flex}.home-weekly-vs-actions>button{color:var(--text-primary);cursor:pointer;transition:var(--transition)}.home-weekly-vs-actions>button:hover{background:#f725851f;border-color:#f7258580}.home-weekly-vs-arena{grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);align-items:stretch;gap:20px;display:grid}.home-weekly-vs-choice{min-width:0;transition:var(--transition);background:#ffffff09;border:1px solid #ffffff14;border-radius:18px;grid-template-columns:138px minmax(0,1fr);align-items:center;gap:20px;padding:18px;display:grid}.home-weekly-vs-choice.voted{background:#f7258513;border-color:#f7258594;box-shadow:inset 0 0 28px #f7258512}.home-weekly-vs-cover{cursor:pointer;background:#111;border:0;border-radius:14px;width:138px;height:138px;padding:0;position:relative;overflow:hidden;box-shadow:0 14px 30px #00000052}.home-weekly-vs-cover img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.home-weekly-vs-cover>span{color:#fff;opacity:0;background:#0000005c;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.home-weekly-vs-cover:hover img{transform:scale(1.06)}.home-weekly-vs-cover:hover>span,.home-weekly-vs-cover:focus-visible>span{opacity:1}.home-weekly-vs-song-info{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.home-weekly-vs-side{color:#c4b5fd;letter-spacing:1.2px;margin-bottom:8px;font-size:10px;font-weight:800}.home-weekly-vs-song-info strong{max-width:100%;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.home-weekly-vs-song-info small{color:var(--text-secondary);margin-top:5px;font-size:13px}.home-weekly-vote-button{min-height:36px;color:var(--text-primary);cursor:pointer;transition:var(--transition);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;margin-top:18px;padding:0 17px;font-size:12px;font-weight:700}.home-weekly-vote-button:hover,.home-weekly-vote-button.active{background:linear-gradient(135deg,#f72585,#7209b7);border-color:#0000;box-shadow:0 8px 22px #f7258538}.home-weekly-vs-mark{color:#fff;background:linear-gradient(135deg,#f72585,#7209b7);border:1px solid #ffffff24;border-radius:50%;justify-content:center;place-self:center;align-items:center;width:56px;height:56px;font-size:17px;font-weight:900;display:flex;box-shadow:0 0 30px #f7258547}.home-weekly-vs-progress{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;height:26px;margin-top:24px;display:flex;overflow:hidden}.home-weekly-vs-progress span{color:#fff;align-items:center;min-width:38px;padding:0 12px;font-size:11px;font-weight:800;transition:width .5s;display:flex}.home-weekly-vs-progress .song-a{background:linear-gradient(90deg,#9d4edd,#f72585);justify-content:flex-start}.home-weekly-vs-progress .song-b{background:linear-gradient(90deg,#3a86c8,#3f37c9);justify-content:flex-end}.home-weekly-vs-summary{color:var(--text-secondary);grid-template-columns:1fr auto 1fr;gap:16px;margin-top:10px;font-size:11px;display:grid}.home-weekly-vs-summary span:last-child{text-align:right}.home-weekly-vs-summary strong{color:var(--text-muted);font-weight:600}@media (width<=900px){.home-weekly-vs{padding:24px}.home-weekly-vs-header{flex-direction:column}.home-weekly-vs-arena{grid-template-columns:1fr}.home-weekly-vs-mark{width:44px;height:44px}}@media (width<=560px){.home-weekly-vs{border-radius:20px;margin-top:26px;padding:18px}.home-weekly-vs-header h2{font-size:21px}.home-weekly-vs-actions{flex-direction:column;align-items:stretch;width:100%}.home-weekly-vs-actions>*{justify-content:center}.home-weekly-vs-choice{grid-template-columns:92px minmax(0,1fr);gap:14px;padding:13px}.home-weekly-vs-cover{width:92px;height:92px}.home-weekly-vs-song-info strong{font-size:15px}.home-weekly-vote-button{width:100%;margin-top:12px;padding:0 10px}.home-weekly-vs-summary{grid-template-columns:1fr 1fr}.home-weekly-vs-summary strong{display:none}}.vs-grid{grid-template-columns:1fr;gap:32px;margin-top:16px;margin-bottom:48px;display:grid}@media (width>=1024px){.vs-grid{grid-template-columns:1fr}}.vs-card{background-color:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition);box-shadow:var(--shadow-premium);border-radius:20px;padding:32px;position:relative}.vs-card:hover{border-color:#ffffff26}.vs-admin-actions{z-index:10;gap:12px;display:flex;position:absolute;top:20px;right:20px}.vs-action-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.vs-action-btn.edit:hover{color:var(--secondary);filter:drop-shadow(0 0 6px var(--secondary-glow))}.vs-action-btn.delete:hover{color:#ff4d6d;filter:drop-shadow(0 0 6px #ff4d6d66)}.vs-card-title{text-align:center;letter-spacing:-.5px;margin-bottom:32px;font-size:20px;font-weight:700}.vs-layout-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;margin-bottom:40px;display:flex}.vs-song-section{text-align:center;width:200px;transition:var(--transition);border:1px solid #0000;border-radius:16px;flex-direction:column;flex-shrink:0;align-items:center;gap:16px;padding:16px;display:flex}.vs-song-section.voted{background-color:#9d4edd0d;border-color:#9d4edd4d;box-shadow:0 0 20px #9d4edd1a}.vs-img-container{cursor:pointer;border-radius:12px;width:140px;height:140px;position:relative;overflow:hidden;box-shadow:0 8px 20px #0006}.vs-cover-img{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.vs-img-container:hover .vs-cover-img{transform:scale(1.08)}.vs-play-overlay{opacity:0;transition:var(--transition);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.vs-img-container:hover .vs-play-overlay{opacity:1}.vs-play-btn-glow{background-color:var(--primary);color:var(--text-primary);width:44px;height:44px;box-shadow:0 0 15px var(--primary);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;transform:scale(.9)}.vs-img-container:hover .vs-play-btn-glow{transform:scale(1)}.vs-song-details{flex-direction:column;gap:4px;display:flex}.vs-song-title{white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:16px;font-weight:600;overflow:hidden}.vs-song-artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:13px;overflow:hidden}.vs-vote-button{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition);background-color:#ffffff0d;border-radius:30px;margin-top:8px;padding:8px 20px;font-size:13px;font-weight:600}.vs-vote-button:hover{background-color:var(--primary);border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.vs-vote-button.active{background:linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);color:var(--text-primary);box-shadow:0 0 15px var(--primary-glow);border-color:#0000}.vs-middle-section{flex-direction:column;justify-content:center;align-items:center;display:flex}.vs-badge{color:var(--text-primary);font-family:var(--font-outfit);letter-spacing:-.5px;background:linear-gradient(135deg,#f72585 0%,#7209b7 100%);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:20px;font-weight:800;animation:2s infinite alternate pulseVS;display:flex;box-shadow:0 0 20px #f7258566}@keyframes pulseVS{0%{transform:scale(1);box-shadow:0 0 20px #f7258566}to{transform:scale(1.08);box-shadow:0 0 30px #f7258599}}.vs-progress-section{flex-direction:column;gap:12px;width:100%;max-width:600px;margin:0 auto;display:flex}.vs-progress-bar-container{border:1px solid var(--border-color);background-color:#ffffff0d;border-radius:12px;height:24px;display:flex;position:relative;overflow:hidden}.vs-progress-fill{box-sizing:border-box;align-items:center;height:100%;padding:0 16px;transition:width .6s cubic-bezier(.25,.8,.25,1);display:flex}.vs-progress-fill.song1-fill{background:linear-gradient(90deg,#9d4edd 0%,#7b2cbf 100%);border-right:1px solid #ffffff1a;justify-content:flex-start;box-shadow:inset -5px 0 10px #0003}.vs-progress-fill.song2-fill{background:linear-gradient(90deg,#3a86c8 0%,#3f37c9 100%);justify-content:flex-end;box-shadow:inset 5px 0 10px #0003}.pct-label{font-family:var(--font-outfit);color:var(--text-primary);text-shadow:0 1px 3px #00000080;font-size:13px;font-weight:700}.vs-votes-summary{color:var(--text-secondary);justify-content:space-between;align-items:center;padding:0 4px;font-size:13px;display:flex}.sync-edit-trigger-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:#ffffff0d;border-radius:20px;margin-top:4px;padding:4px 8px;font-size:11px;font-weight:600}.sync-edit-trigger-btn:hover{background-color:var(--primary);color:var(--text-primary);box-shadow:0 0 8px var(--primary-glow);border-color:#0000}.sync-badge-recording{color:#ff4d6d;background-color:#ff4d6d26;border:1px solid #ff4d6d4d;border-radius:20px;margin-top:4px;padding:4px 8px;font-size:11px;font-weight:700;animation:1.5s infinite alternate pulseRecording}@keyframes pulseRecording{0%{opacity:.7;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}.sync-editing.lyrics-drawer{width:420px}.sync-edit-body{flex-direction:column;height:calc(100% - 80px);display:flex;padding:16px 20px!important}.sync-editor-container{flex-direction:column;gap:16px;height:100%;display:flex}.highlight-hint{color:var(--text-secondary);text-align:left;border-left:2px solid var(--primary);background-color:#ffffff05;border-radius:4px;padding:8px 12px;font-size:12px;line-height:1.5}.sync-timer{font-family:var(--font-outfit);color:var(--secondary);text-align:center;letter-spacing:.5px;text-shadow:0 0 10px var(--secondary-glow);font-size:18px;font-weight:700}.sync-lines-list{border:1px solid var(--border-color);background-color:#0003;border-radius:12px;flex-direction:column;flex-grow:1;gap:6px;max-height:50vh;padding:8px;display:flex;overflow-y:auto}.sync-lines-list::-webkit-scrollbar{width:6px}.sync-lines-list::-webkit-scrollbar-track{background:0 0}.sync-lines-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.sync-lines-list::-webkit-scrollbar-thumb:hover{background:#fff3}.sync-edit-line{transition:var(--transition);cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.sync-edit-line:hover{background-color:#ffffff08}.sync-edit-line .line-num{font-family:var(--font-outfit);color:var(--text-muted);width:20px;font-size:11px;font-weight:700}.sync-edit-line .line-text{text-align:left;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex-grow:1;overflow:hidden}.sync-edit-line .line-time{font-family:var(--font-outfit);color:var(--secondary);font-size:11px;font-weight:600}.sync-edit-line.recorded{opacity:.5}.sync-edit-line.recorded .line-text{color:var(--text-muted)}.sync-edit-line.recorded .line-time{color:#52b788}.sync-edit-line.current{background-color:#9d4edd14;border-color:#9d4edd66;box-shadow:0 0 10px #9d4edd26}.sync-edit-line.current .line-text{color:var(--text-primary);font-weight:700}.sync-edit-line.current .line-num{color:var(--primary)}.btn-sync-record{background:linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);color:var(--text-primary);cursor:pointer;transition:var(--transition);box-shadow:0 4px 15px var(--primary-glow);border:none;border-radius:30px;width:100%;padding:16px;font-size:15px;font-weight:700}.btn-sync-record:hover:not(:disabled){box-shadow:0 6px 20px var(--primary);transform:translateY(-2px)}.btn-sync-record:active:not(:disabled){transform:translateY(0)}.btn-sync-record:disabled{background:var(--border-color);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.sync-editor-actions{flex-direction:column;gap:12px;margin-top:auto;display:flex}.fullscreen-player-overlay{z-index:1500;width:100vw;height:100vh;color:var(--text-primary);justify-content:center;align-items:center;animation:.45s cubic-bezier(.25,1,.5,1) forwards slideUpFade;display:flex;position:fixed;top:0;left:0;overflow:hidden}@keyframes slideUpFade{0%{opacity:.5;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.fullscreen-player-overlay.closing{animation:.4s cubic-bezier(.25,1,.5,1) forwards slideDownFade}@keyframes slideDownFade{0%{opacity:1;transform:translateY(0)}to{opacity:.5;transform:translateY(100%)}}.fs-bg-ambient{filter:blur(10px)brightness(.45)saturate(110%);z-index:1;background-position:50%;background-size:cover;width:110%;height:110%;transition:background-image .5s ease-in-out;position:absolute;top:-5%;left:-5%;transform:scale(1.05)}.fs-bg-overlay{z-index:2;background:radial-gradient(circle,#0a0a0f26 0%,#0a0a0f80 50%,#07070ae6 100%);width:100%;height:100%;position:absolute;top:0;left:0}.fs-container{width:100%;max-width:600px;height:100%;padding:32px 24px var(--safe-area-inset-bottom,24px) 24px;z-index:10;flex-direction:column;justify-content:space-between;display:flex;position:relative}.fs-header{justify-content:space-between;align-items:center;height:48px;margin-bottom:16px;display:flex}.fs-close-btn,.fs-option-btn{color:#ffffffb3;cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.fs-close-btn:hover,.fs-option-btn:hover{color:var(--text-primary);background-color:#ffffff14}.fs-header-title{flex-direction:column;align-items:center;display:flex}.fs-header-title span{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:700}.fs-content{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;min-height:0;margin:16px 0;display:flex}.fs-content.showing-lyrics{justify-content:stretch;align-items:stretch}.fs-cover-view{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.fs-cover-wrap{border-radius:20px;width:280px;max-width:75vw;height:280px;max-height:75vw;margin-bottom:40px;transition:transform .5s ease-out;position:relative;overflow:hidden;box-shadow:0 16px 40px #0009,0 0 30px #9d4edd40}.fs-cover-wrap:hover{transform:scale(1.03)}.fs-cover-img{object-fit:cover;width:100%;height:100%}.fs-cover-wrap.spinning{animation:40s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fs-lyrics-preview{text-align:center;flex-direction:column;justify-content:center;gap:8px;width:100%;min-height:56px;padding:0 20px;display:flex;overflow:hidden}.fs-lyrics-preview-lines{flex-direction:column;gap:8px;animation:.7s cubic-bezier(.22,1,.36,1) both fsPreviewLyricIn;display:flex}@keyframes fsPreviewLyricIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fs-lyrics-active{color:var(--secondary);text-shadow:0 2px 10px #000000f2, 0 0 15px var(--secondary-glow);font-size:15px;font-weight:600;transition:all .3s}.fs-lyrics-next{color:var(--text-muted);opacity:.85;text-shadow:0 1px 5px #000000e6;font-size:13px;transition:all .3s}.fs-lyrics-placeholder{color:var(--text-muted);text-shadow:0 1px 4px #000000e6;font-size:14px;font-style:italic}.fs-open-lyrics-btn{color:#ffffffe6;-webkit-backdrop-filter:blur(14px);cursor:pointer;background:#08080e7a;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:38px;margin-top:14px;padding:0 18px;font-size:12px;font-weight:750;display:none;box-shadow:0 8px 24px #00000040}.fs-lyrics-view{-webkit-backdrop-filter:blur(25px);background-color:#0000008c;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;flex:auto;align-items:center;width:100%;height:100%;min-height:0;padding:24px 16px;display:flex}.fs-lyrics-header-tabs{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.fs-lyrics-heading{white-space:nowrap;justify-content:center;align-items:baseline;gap:6px;margin:0 auto;display:flex}.fs-lyrics-heading strong{font-size:14px}.fs-lyrics-heading span{color:var(--text-muted);font-size:11px}.fs-tab-btn,.fs-sync-edit-btn,.fs-follow-lyrics-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:8px;padding:4px 12px;font-size:12px;font-weight:600}.fs-tab-btn:hover,.fs-sync-edit-btn:hover,.fs-follow-lyrics-btn:hover{color:var(--text-primary);background-color:#ffffff0d}.fs-follow-lyrics-btn.active{color:var(--secondary);background:#c084fc1f}.fs-lyrics-list{scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;overscroll-behavior:contain;flex-direction:column;flex-grow:1;align-items:center;gap:24px;width:100%;padding:20px 8px;display:flex;overflow-y:auto}.fs-lyrics-list::-webkit-scrollbar{width:5px}.fs-lyrics-list::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:999px}.fs-lyric-line{color:#ffffff8c;opacity:.52;text-shadow:0 1px 4px #000000d9;text-align:center;cursor:pointer;will-change:transform, opacity, color;width:90%;font-size:15px;line-height:1.6;transition:color .15s ease-out,opacity .15s ease-out,transform .15s ease-out,text-shadow .15s ease-out;transform:translateY(0)scale(.985)}.fs-lyric-line.past{opacity:.32;transform:translateY(-2px)scale(.975)}.fs-lyric-line.upcoming{opacity:.52;transform:translateY(2px)scale(.985)}.fs-lyric-line:hover{color:var(--text-primary)}.fs-lyric-line.active{color:var(--secondary);opacity:1;text-shadow:0 2px 10px #000000f2, 0 0 15px var(--secondary-glow);font-weight:700;transform:translateY(0)scale(1.06)}@media (prefers-reduced-motion:reduce){.live-chat-nav-button.has-presence,.live-chat-nav-button.has-activity,.live-chat-nav-button.has-mention,.mobile-live-chat-launch.has-presence,.mobile-live-chat-launch.has-activity,.mobile-live-chat-launch.has-mention,.live-chat-panel.has-presence,.live-chat-panel.has-activity,.live-chat-panel.has-mention,.live-chat-identity .spin,.fs-lyrics-preview-lines{animation:none}.fs-lyric-line{transition-duration:.01ms}}@media (width<=480px){.fs-lyrics-view{padding:16px 10px}.fs-lyrics-header-tabs{flex-wrap:wrap;margin-bottom:8px}.fs-lyrics-heading{order:-1;width:100%;margin-bottom:4px}.fs-tab-btn,.fs-sync-edit-btn,.fs-follow-lyrics-btn{padding:5px 8px;font-size:11px}.fs-sync-edit-btn{width:100%}.fs-lyrics-list{gap:18px;padding:12px 4px}}.fs-no-lyrics{color:var(--text-muted);margin-top:100px;font-style:italic}.fs-song-info{justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 4px;display:flex}.fs-details{text-align:left;flex-direction:column;gap:6px;min-width:0;display:flex}.fs-title{color:var(--text-primary);text-shadow:0 2px 8px #000000e6;white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:700;overflow:hidden}.fs-artist{color:var(--text-secondary);text-shadow:0 1px 4px #000000d9;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.fs-like-btn{color:#ffffff80;cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.fs-like-btn:hover{color:var(--text-primary);background-color:#ffffff0d}.fs-like-btn.liked{color:#ff4d6d;filter:drop-shadow(0 0 8px #ff4d6d80)}.fs-progress-row{color:var(--text-muted);align-items:center;gap:12px;margin-bottom:24px;font-size:11px;display:flex}.fs-progress-time{text-align:center;width:36px}.fs-progress-track-bg{cursor:pointer;background-color:#ffffff1a;border-radius:2px;flex-grow:1;height:4px;transition:height .15s;position:relative}.fs-progress-track-bg:hover{height:6px}.fs-progress-track-fill{background:linear-gradient(90deg, var(--secondary) 0%, var(--primary) 100%);border-radius:2px;height:100%;position:absolute;top:0;left:0}.fs-progress-thumb{background-color:var(--text-primary);opacity:0;border-radius:50%;width:10px;height:10px;transition:opacity .1s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #fffc}.fs-progress-track-bg:hover .fs-progress-thumb{opacity:1}.fs-controls{justify-content:space-between;align-items:center;margin-bottom:32px;padding:0 16px;display:flex}.fs-control-btn{color:#ffffff80;cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.fs-control-btn:hover{color:var(--text-primary);background-color:#ffffff0d}.fs-control-btn.active{color:var(--secondary);filter:drop-shadow(0 0 6px var(--secondary-glow))}.fs-play-pause-btn{background:linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);color:var(--text-primary);cursor:pointer;width:64px;height:64px;transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 8px 24px #9d4edd73}.fs-play-pause-btn:hover{transform:scale(1.06);box-shadow:0 10px 28px #9d4edd99}.fs-bottom-bar{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:20px;display:flex}.fs-bottom-btn{color:#fff9;cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:4px 12px;font-size:10px;font-weight:500;display:flex}.fs-bottom-btn:hover{color:var(--text-primary);background-color:#ffffff08}.fs-bottom-btn.active{color:var(--secondary)}.fs-volume-control{align-items:center;gap:8px;width:120px;display:flex}.fs-volume-icon{color:#fff9;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.fs-volume-icon:hover{color:var(--text-primary)}.fs-volume-track{cursor:pointer;background-color:#ffffff26;border-radius:2px;flex-grow:1;height:4px;position:relative}.fs-volume-fill{background-color:var(--text-primary);border-radius:2px;height:100%}.fs-queue-drawer{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:100;background-color:#0f0f19f5;border-top:1px solid #ffffff14;border-radius:24px 24px 0 0;flex-direction:column;width:100%;height:440px;padding:24px 20px;animation:.35s cubic-bezier(.25,1,.5,1) forwards slideUpDrawer;display:flex;position:absolute;bottom:0;left:0;box-shadow:0 -12px 30px #0009}@keyframes slideUpDrawer{0%{transform:translateY(100%)}to{transform:translateY(0)}}.fs-queue-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.fs-queue-header h4{font-size:16px;font-weight:700}.fs-queue-close{color:#fff9;cursor:pointer;background:0 0;border:none;padding:4px}.fs-queue-close:hover{color:var(--text-primary)}.fs-queue-list{flex-direction:column;flex-grow:1;gap:8px;display:flex;overflow-y:auto}.fs-queue-item{cursor:pointer;transition:var(--transition);background-color:#ffffff03;border-radius:12px;align-items:center;padding:10px 12px;display:flex}.fs-queue-item:hover{background-color:#ffffff0a}.fs-queue-item.active{background-color:#9d4edd14;border:1px solid #9d4edd33}.fs-qi-index{color:var(--text-muted);text-align:center;width:24px;font-size:12px}.fs-qi-img{object-fit:cover;border-radius:6px;width:40px;height:40px;margin-right:12px}.fs-qi-details{text-align:left;flex-direction:column;flex-grow:1;gap:4px;min-width:0;display:flex}.fs-qi-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.fs-qi-artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.fs-qi-item.active .fs-qi-title{color:var(--secondary)}.fs-playing-wave{align-items:flex-end;gap:3px;height:12px;margin-left:8px;display:flex}.fs-playing-wave span{background-color:var(--secondary);width:2px;animation:1.2s ease-in-out infinite waveBounce}.fs-playing-wave span:first-child{height:60%;animation-delay:.2s}.fs-playing-wave span:nth-child(2){height:100%;animation-delay:.4s}.fs-playing-wave span:nth-child(3){height:40%;animation-delay:.6s}@keyframes waveBounce{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.player-song-info{cursor:pointer}.player-song-info:hover .player-img{box-shadow:0 4px 12px var(--primary-glow);transform:scale(1.04)}.player-img{transition:transform .25s,box-shadow .25s}.expand-btn{transition:var(--transition);margin-left:12px}.expand-btn:hover{filter:drop-shadow(0 0 6px var(--secondary-glow));transform:scale(1.2);color:var(--secondary)!important}.board-container{flex-direction:column;gap:24px;margin-bottom:60px;display:flex}.board-hero{border-radius:20px;margin-bottom:24px}.board-table{border-collapse:collapse;background-color:var(--bg-card);width:100%;box-shadow:var(--shadow-premium);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.board-table th,.board-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:16px;font-size:14px}.board-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background-color:#ffffff08;font-weight:600}.board-table tbody tr{cursor:pointer;transition:var(--transition)}.board-table tbody tr:hover{background-color:#ffffff0d}.board-table tbody tr:last-child td{border-bottom:none}.board-id,.board-views{width:80px;color:var(--text-secondary);text-align:center!important}.board-table th:first-child,.board-table th:nth-child(4){text-align:center}.board-author{width:140px;color:var(--secondary)}.board-date{width:120px;color:var(--text-secondary)}.board-title-cell{color:var(--text-primary);font-weight:500}.board-table tbody tr:hover .board-title-cell{color:var(--primary)}.board-textarea{font-family:inherit;line-height:1.6}.comment-delete-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:4px;font-size:12px;display:flex}.comment-delete-btn:hover{color:#ff4d6d}.sync-badge-count{color:#fff;background:linear-gradient(135deg,#ff4d6d,#e03e5c);border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;animation:2s ease-in-out infinite syncBadgePulse;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 8px #ff4d6d66}@keyframes syncBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.sync-warning-banner{background:linear-gradient(135deg,#ffaa331f,#ff643214);border:1px solid #ffaa3340;border-radius:12px;align-items:flex-start;gap:14px;margin-bottom:8px;padding:18px 20px;display:flex}.sync-warning-icon{flex-shrink:0;margin-top:2px;font-size:28px}.sync-warning-content{flex-direction:column;gap:4px;display:flex}.sync-warning-content strong{color:#fa3;font-size:15px}.sync-warning-content span{color:var(--text-secondary);font-size:13px}.sync-warning-size{font-weight:600;color:#f85!important}.sync-ok-banner{background:linear-gradient(135deg,#51cf661a,#28a7450f);border:1px solid #51cf6633;border-radius:12px;align-items:flex-start;gap:14px;margin-bottom:8px;padding:18px 20px;display:flex}.sync-ok-icon{flex-shrink:0;margin-top:2px;font-size:28px}.sync-ok-content{flex-direction:column;gap:4px;display:flex}.sync-ok-content strong{color:#51cf66;font-size:15px}.sync-ok-content span{color:var(--text-secondary);font-size:13px}.sync-stat-card{text-align:center;transition:var(--transition);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;padding:18px 16px}.sync-stat-card:hover{background:#ffffff0f}.sync-stat-number{color:var(--text-primary);margin-bottom:4px;font-size:28px;font-weight:700}.sync-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.sync-stat-ok{border-color:#51cf6626}.sync-stat-ok .sync-stat-number{color:#51cf66}.sync-stat-warn{background:#ffaa330f;border-color:#fa33}.sync-stat-warn .sync-stat-number{color:#fa3}.sync-song-table{border:1px solid #ffffff0f;border-radius:10px;overflow:hidden}.sync-song-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:#ffffff0a;grid-template-columns:2fr 1.2fr 1fr .8fr 1fr;gap:8px;padding:10px 16px;font-size:12px;font-weight:600;display:grid}.sync-song-row{border-top:1px solid #ffffff0a;grid-template-columns:2fr 1.2fr 1fr .8fr 1fr;align-items:center;gap:8px;padding:12px 16px;transition:background .2s;display:grid}.sync-song-row:hover{background:#ffffff08}.sync-song-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.sync-song-artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.sync-song-date{color:var(--text-muted);font-size:12px}.sync-status-badge{letter-spacing:.3px;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.sync-status-unsynced{color:#fa3;background:#ffaa3326;border:1px solid #ffaa3340}.sync-status-synced{color:#51cf66;background:#51cf661a;border:1px solid #51cf6633}.sync-download-btn{color:#c084fc;transition:var(--transition);cursor:pointer;background:#9d4edd1f;border:1px solid #9d4edd40;border-radius:6px;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.sync-download-btn:hover{color:#d8b4fe;background:#9d4edd40;transform:translateY(-1px)}.sync-log-container{margin-top:8px}.sync-log-console{background:#0a0a12;border:1px solid #ffffff0f;border-radius:10px;max-height:350px;padding:16px;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.7;overflow-y:auto}.sync-log-line{gap:10px;padding:2px 0;animation:.3s ease-out syncLogFadeIn;display:flex}@keyframes syncLogFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sync-log-time{color:var(--text-muted);flex-shrink:0;min-width:72px;font-size:11px}.sync-log-msg{color:var(--text-secondary);word-break:break-word}.sync-log-error .sync-log-msg{color:#ff6b6b}.sync-log-warning .sync-log-msg{color:#fa3}.sync-log-success .sync-log-msg{color:#51cf66}.sync-log-step .sync-log-msg{color:#74c0fc}.sync-log-progress .sync-log-msg{color:#c084fc;font-weight:500}.sync-complete-banner{color:#51cf66;text-align:center;background:linear-gradient(135deg,#51cf661a,#28a7450f);border:1px solid #51cf6633;border-radius:10px;margin-top:12px;padding:16px 20px;font-size:15px;font-weight:600}.sync-complete-banner code{color:#c084fc;background:#ffffff1a;border-radius:4px;padding:2px 8px;font-size:12px}.sync-spin-icon{animation:1.2s linear infinite syncSpin}@keyframes syncSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.sync-song-header,.sync-song-row{grid-template-columns:2fr 1fr .8fr}.sync-song-header>:nth-child(3),.sync-song-header>:nth-child(5),.sync-song-row>:nth-child(3),.sync-song-row>:nth-child(5){display:none}.sync-stat-card{padding:14px 10px}.sync-stat-number{font-size:22px}#root,.app-container{overflow:hidden}.lyrics-drawer{display:none}.fs-open-lyrics-btn{display:inline-flex}.fs-cover-wrap{margin-bottom:26px}.bottom-player{height:calc(var(--player-height) + env(safe-area-inset-bottom));padding:8px 12px calc(8px + env(safe-area-inset-bottom));grid-template-rows:52px 30px;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:6px 10px;display:grid}.player-song-info{grid-area:1/1;gap:9px;width:100%;min-width:0;margin:0;overflow:hidden}.player-img{flex:0 0 42px;width:42px;height:42px}.player-details{flex:1;overflow:hidden}.player-title{font-size:14px}.player-song-info>.icon-btn{flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.player-song-info .expand-btn,.player-extras{display:none!important}.player-controls-container{display:contents}.controls-row{grid-area:1/2;gap:6px}.controls-row .control-btn{place-items:center;width:36px;height:36px;display:grid}.controls-row .shuffle-btn,.controls-row .repeat-btn{display:none}.controls-row .mobile-sleep-timer-container{display:flex}.mobile-sleep-timer-container .sleep-timer-popover{z-index:110;bottom:48px;right:0}.play-pause-btn{flex:0 0 44px;width:44px;height:44px}.progress-row{grid-area:2/1/auto/-1;gap:8px;width:100%;min-width:0;font-size:10px;display:flex!important}.progress-row>span{text-align:center;flex:0 0 32px;width:32px}.progress-track-bg{height:5px}.progress-track-bg:before{content:"";position:absolute;inset:-8px 0}.progress-thumb{opacity:1;width:12px;height:12px}.song-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:32px}.song-card{border-radius:8px;padding:10px}.card-img-container{border-radius:6px;margin-bottom:10px}.card-title{font-size:14px}.card-admin-overlay{opacity:1;padding:4px;transform:none}.section-header{margin-bottom:16px}.section-header h2{font-size:21px}.mobile-live-chat-launch{color:#f3e8ff;white-space:nowrap;cursor:pointer;background:linear-gradient(135deg,#7e22ced1,#a855f7b8);border:1px solid #c084fc75;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:8px 11px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 7px 18px #7e22ce42}.mobile-live-chat-launch.active{color:#d8b4fe;box-shadow:none;background:#7e22ce33}.song-row{border-radius:8px;padding:10px}.row-index{flex:0 0 24px;width:24px}.row-img{width:44px;height:44px;margin-right:10px}.row-title{font-size:14px}.row-meta{gap:10px;margin-left:8px}.hero-banner.home-hero{border-radius:8px;margin-bottom:24px;padding:24px 20px}.hero-title{font-size:28px}.hero-desc{font-size:14px}.category-container{scrollbar-width:none;margin-bottom:24px}.category-container::-webkit-scrollbar{display:none}.toast-msg{top:max(12px, env(safe-area-inset-top));text-align:center;border-radius:8px;width:calc(100% - 24px);padding:10px 14px;font-size:13px}}.hero-section{z-index:9999;background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0;overflow:hidden}.hero-section>.container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.hero-section .content{border-radius:40px;width:1000px;height:562px;animation:200s linear infinite brightness;position:relative;overflow:hidden}.hero-section .container-full{justify-content:center;align-items:center;width:1000px;height:562px;margin:0;animation:200s linear infinite zoom-in;display:flex;position:relative;transform:scale(1)}.hero-section .backgroundImage{object-fit:cover;pointer-events:none;width:1000px;height:562px;position:absolute;top:0;left:0}.hero-section .boyImage{object-fit:cover;z-index:3;pointer-events:none;width:1000px;height:562px;animation:200s linear infinite blur;position:absolute;top:0;left:0}.hero-section .container-full>.container{transform-style:preserve-3d;z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.hero-section .cube{width:870px;height:190px;transform-style:preserve-3d;perspective:480px;perspective-origin:51% 70%;position:relative}.hero-section .face{opacity:.5;background:0 0;border:0 solid #000;align-items:center;width:870px;height:190px;display:flex;position:absolute;overflow:hidden}.hero-section .face.bottom,.hero-section .face.top{width:870px;height:870px}.hero-section .face p{white-space:nowrap;color:#fff;margin:0;padding-top:20px;font-family:Bebas Neue,sans-serif;font-size:calc(6em + 13.3px);font-weight:400;overflow:hidden}.hero-section .face span{color:#9d4edd;text-shadow:0 0 12px #9d4eddcc;font-weight:700}.hero-section .front{display:none;transform:translateZ(435px)}.hero-section .back{transform:translateZ(-435px)rotateY(180deg)scaleX(-1)}.hero-section .left{transform:translate(-435px)rotateY(-90deg)scaleX(-1)}.hero-section .right{transform:translate(435px)rotateY(90deg)scaleX(-1)}.hero-section .top{transform:translateY(-435px)rotateX(90deg)scaleY(-1)}.hero-section .bottom{transform:translateY(-245px)rotateX(-90deg)scaleY(-1)}.hero-section .left p{margin-left:480px;animation:500s linear infinite left}.hero-section .back p{margin-left:-390px;animation:500s linear infinite back}.hero-section .right p{margin-left:-1260px;animation:500s linear infinite right}@keyframes left{to{margin-left:-54000px}}@keyframes back{to{margin-left:-54870px}}@keyframes right{to{margin-left:-55740px}}.hero-section .container-reflect{opacity:.15;filter:blur(6px);transform-style:preserve-3d;z-index:2;margin-top:380px;position:absolute;transform:scaleY(-1)}.hero-section .animated.hue{mix-blend-mode:overlay;z-index:1;pointer-events:none;background:linear-gradient(45deg,#9d4edd1f,#3a86c81f);width:1000px;height:562px;animation:200s linear infinite hue;position:absolute;top:0;left:0}@keyframes hue{to{filter:hue-rotate(360deg)}}@keyframes brightness{0%,to{filter:brightness()}50%{filter:brightness(1.15)}}@keyframes blur{0%,to{filter:blur()}50%{filter:blur(1.5px)}}@keyframes zoom-in{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.enter-button{z-index:10000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;letter-spacing:2px;background:#9d4edd33;border:1px solid #9d4edd80;border-radius:30px;padding:14px 44px;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1);position:absolute;bottom:8%;left:50%;transform:translate(-50%);box-shadow:0 0 15px #9d4edd4d}.enter-button:hover{background:#9d4edd80;border-color:#9d4eddcc;transform:translate(-50%)scale(1.05);box-shadow:0 0 25px #9d4eddb3}.enter-button:active{transform:translate(-50%)scale(.98)}@media (width<=768px){.hero-section .content{border-radius:0;width:100vw;height:100vh}.hero-section .container-full{width:100vw;height:100vh}.hero-section .backgroundImage{object-fit:cover;width:100vw;height:100vh}.hero-section .boyImage{object-fit:cover;object-position:top center;z-index:3;width:100vw;height:60vh;top:auto;bottom:0}.hero-section .cube{perspective:300px;perspective-origin:50%;width:320px;height:120px}.hero-section .face{width:320px;height:120px}.hero-section .face p{padding-top:10px;font-size:calc(3em + 8px)}.hero-section .front{display:none;transform:translateZ(160px)}.hero-section .back{transform:translateZ(-160px)rotateY(180deg)scaleX(-1)}.hero-section .left{transform:translate(-160px)rotateY(-90deg)scaleX(-1)}.hero-section .right{transform:translate(160px)rotateY(90deg)scaleX(-1)}.hero-section .left p{margin-left:160px;animation:500s linear infinite left}.hero-section .back p{margin-left:-160px;animation:500s linear infinite back}.hero-section .right p{margin-left:-480px;animation:500s linear infinite right}.hero-section .container-reflect{margin-top:240px}.enter-button{padding:12px 36px;font-size:14px;bottom:12%}}.admin-workspace{width:100%;max-width:1280px;margin:0 auto;padding-bottom:56px}.admin-workspace-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-end;gap:24px;padding:4px 0 24px;display:flex}.admin-workspace-header h1{letter-spacing:0;margin:5px 0 6px;font-size:30px;line-height:1.2}.admin-workspace-header p{color:var(--text-secondary);margin:0;font-size:14px}.admin-eyebrow,.admin-section-heading>div>span{color:#5eead4;text-transform:uppercase;letter-spacing:0;font-size:11px;font-weight:700}.admin-header-actions,.admin-inline-actions,.admin-actions{align-items:center;gap:10px;display:flex}.admin-icon-button,.admin-secondary-button,.admin-primary-button,.admin-table-button{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;gap:8px;font-weight:650;display:inline-flex}.admin-icon-button{background:#ffffff0a;border-radius:6px;width:38px;height:38px;padding:0}.admin-secondary-button,.admin-table-button{background:#ffffff0a;border-radius:6px;min-height:38px;padding:0 14px}.admin-primary-button{background:#0f766e;border-color:#14b8a6;border-radius:6px;min-height:40px;padding:0 17px}.admin-icon-button:hover,.admin-secondary-button:hover,.admin-table-button:hover{background:#ffffff17;border-color:#fff3}.admin-primary-button:hover{background:#0d9488}.admin-icon-button:disabled,.admin-primary-button:disabled{opacity:.45;cursor:not-allowed}.admin-tabs{border-bottom:1px solid var(--border-color);scrollbar-width:none;align-items:center;gap:4px;padding:14px 0;display:flex;overflow-x:auto}.admin-tabs::-webkit-scrollbar{display:none}.admin-tabs button{height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;align-items:center;gap:8px;padding:0 14px;font-weight:650;display:inline-flex;position:relative}.admin-tabs button:hover{color:var(--text-primary);background:#ffffff0a}.admin-tabs button.active{color:#f8fafc;background:#14b8a629;box-shadow:inset 0 0 0 1px #2dd4bf33}.admin-tabs button i{color:#fff;background:#e11d48;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-style:normal;display:inline-flex}.admin-content{padding-top:24px}.admin-panel-stack{flex-direction:column;gap:22px;display:flex}.admin-metric-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.admin-metric-grid-compact{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-metric{border:1px solid var(--border-color);background:#12121bb8;border-radius:8px;align-items:flex-start;gap:12px;min-height:112px;padding:16px;display:flex}.admin-metric-icon{background:#ffffff0f;border-radius:6px;flex:none;place-items:center;width:34px;height:34px;display:grid}.admin-metric-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.admin-metric-copy>span,.admin-metric-copy small{color:var(--text-secondary);font-size:11px}.admin-metric-copy strong{letter-spacing:0;white-space:nowrap;font-size:21px;line-height:1.2}.admin-tone-teal .admin-metric-icon{color:#2dd4bf;background:#14b8a621}.admin-tone-amber .admin-metric-icon{color:#fbbf24;background:#f59e0b21}.admin-tone-rose .admin-metric-icon{color:#fb7185;background:#f43f5e21}.admin-tone-blue .admin-metric-icon{color:#60a5fa;background:#3b82f621}.admin-tone-violet .admin-metric-icon{color:#c084fc;background:#a855f721}.admin-tone-green .admin-metric-icon{color:#4ade80;background:#22c55e21}.admin-section{border-top:1px solid var(--border-color);width:100%;padding:22px 0}.admin-section-heading{justify-content:space-between;align-items:flex-start;gap:18px;min-height:42px;margin-bottom:18px;display:flex}.admin-section-heading h2{letter-spacing:0;margin:4px 0 0;font-size:17px;line-height:1.3}.admin-section-heading>small{max-width:420px;color:var(--text-secondary);text-align:right;font-size:12px;line-height:1.5}.admin-split-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.admin-chart-wrap{min-width:0}.admin-chart-legend{color:var(--text-secondary);justify-content:flex-end;gap:16px;margin-bottom:10px;font-size:11px;display:flex}.admin-chart-legend span{align-items:center;gap:6px;display:inline-flex}.admin-chart-legend i{border-radius:2px;width:8px;height:8px}.admin-legend-play{background:#2dd4bf}.admin-legend-visit{background:#f59e0b}.admin-daily-chart{border:1px solid var(--border-color);background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/100% 25%;border-radius:8px;grid-template-columns:repeat(14,minmax(22px,1fr));align-items:end;gap:7px;height:220px;padding:14px 10px 0;display:grid}.admin-chart-column{flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;min-width:0;height:100%;display:flex}.admin-chart-bars{justify-content:center;align-items:flex-end;gap:3px;width:100%;height:174px;display:flex}.admin-chart-bar{border-radius:2px 2px 0 0;width:min(12px,42%);min-height:3px;transition:height .3s}.admin-chart-play{background:#2dd4bf}.admin-chart-visit{background:#f59e0b}.admin-chart-label{color:var(--text-muted);white-space:nowrap;font-size:10px}.admin-traffic-section{background:#f43f5e06;border:1px solid #f43f5e2e;border-radius:8px;padding:20px}.admin-traffic-chart{grid-template-columns:repeat(14,minmax(28px,1fr));align-items:end;gap:7px;height:230px;display:grid;overflow-x:auto}.admin-traffic-column{text-align:center;grid-template-rows:22px minmax(0,1fr) 18px;align-items:end;gap:5px;min-width:28px;height:100%;display:grid}.admin-traffic-column>strong{color:var(--text-secondary);white-space:nowrap;font-size:9px;font-weight:600;overflow:hidden}.admin-traffic-column>div{background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/100% 25%;border-bottom:1px solid #ffffff14;justify-content:center;align-items:flex-end;height:176px;display:flex}.admin-traffic-column>div span{background:#f43f5e;border-radius:2px 2px 0 0;width:min(20px,72%);min-height:3px}.admin-traffic-column small{color:var(--text-muted);white-space:nowrap;font-size:9px}.admin-ranked-track-traffic span{background:#f43f5e}.admin-traffic-guide dl{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;display:grid}.admin-traffic-guide dl>div{border:1px solid var(--border-color);background:#ffffff05;border-radius:6px;min-height:70px;padding:12px}.admin-traffic-guide dt{color:var(--text-secondary);font-size:10px}.admin-traffic-guide dd{color:var(--text-primary);margin:8px 0 0;font-size:17px;font-weight:700}.admin-traffic-guide p{color:var(--text-secondary);margin:14px 0 0;font-size:11px;line-height:1.65}.admin-ranked-bars{flex-direction:column;gap:13px;display:flex}.admin-ranked-row{align-items:center;gap:10px;display:flex}.admin-rank{width:21px;color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.admin-ranked-main{flex:1;min-width:0}.admin-ranked-label{grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:8px;margin-bottom:6px;display:grid}.admin-ranked-label>span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.admin-ranked-label small{color:var(--text-secondary);font-size:10px}.admin-ranked-label strong{color:#5eead4;font-size:11px}.admin-ranked-track{background:#ffffff0f;border-radius:2px;height:4px;overflow:hidden}.admin-ranked-track span{background:#14b8a6;min-width:2px;height:100%;display:block}.admin-table-scroll{border:1px solid var(--border-color);border-radius:8px;width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;min-width:760px;font-size:12px}.admin-table th{height:40px;color:var(--text-secondary);text-transform:uppercase;background:#ffffff09;padding:0 13px;font-size:10px;font-weight:700}.admin-table td{height:58px;color:var(--text-secondary);vertical-align:middle;border-top:1px solid #ffffff0e;padding:9px 13px}.admin-table tbody tr:hover{background:#ffffff06}.admin-table td strong{max-width:230px;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.admin-table td small{color:var(--text-muted);margin-top:3px;font-size:10px;display:block}.admin-user-link{max-width:240px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.admin-user-link:hover strong{color:#5eead4}.admin-chip,.admin-role{white-space:nowrap;border-radius:4px;align-items:center;min-height:24px;padding:0 8px;font-size:10px;font-weight:700;display:inline-flex}.admin-chip{color:#93c5fd;background:#3b82f61f}.admin-role-admin{color:#d8b4fe;background:#a855f724}.admin-role-user{color:#cbd5e1;background:#94a3b81f}.admin-role-ready{color:#5eead4;background:#14b8a624}.admin-role-wait{color:#fbbf24;background:#f59e0b24}.admin-table-button{min-height:30px;padding:0 10px;font-size:10px}.admin-activity-list{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.admin-activity-row{border-top:1px solid #ffffff0e;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:10px 14px;display:grid}.admin-activity-row:first-child{border-top:0}.admin-activity-icon{color:#5eead4;background:#14b8a61f;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.admin-activity-row div{min-width:0}.admin-activity-row strong,.admin-activity-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-activity-row strong{font-size:12px}.admin-activity-row small,.admin-activity-row time{color:var(--text-secondary);margin-top:3px;font-size:10px}.admin-notice{border:1px solid;border-radius:8px;align-items:center;gap:11px;min-height:54px;padding:13px 16px;font-size:12px;display:flex}.admin-notice>div{flex-direction:column;gap:3px;display:flex}.admin-notice strong{font-size:13px}.admin-notice span{color:var(--text-secondary)}.admin-notice-warning{color:#fbbf24;background:#f59e0b12;border-color:#f59e0b47}.admin-notice-success{color:#5eead4;background:#14b8a612;border-color:#14b8a647}.admin-match-list{flex-direction:column;gap:10px;display:flex}.admin-match-row{border:1px solid var(--border-color);background:#ffffff05;border-radius:8px;padding:15px}.admin-match-title,.admin-match-labels{justify-content:space-between;gap:16px;display:flex}.admin-match-title strong{font-size:13px}.admin-match-title span,.admin-match-labels{color:var(--text-secondary);font-size:10px}.admin-match-labels{margin:13px 0 7px}.admin-vote-track{background:#ffffff0d;border-radius:3px;height:7px;display:flex;overflow:hidden}.admin-vote-track span{background:#14b8a6;height:100%}.admin-vote-track i{background:#f43f5e;height:100%}.admin-upload-form{flex-direction:column;gap:22px;display:flex}.admin-form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.admin-form-grid label{color:var(--text-secondary);flex-direction:column;gap:7px;font-size:11px;font-weight:650;display:flex}.admin-form-wide{grid-column:1/-1}.admin-lyrics-input{resize:vertical;min-height:150px}.admin-file-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.admin-file-picker{color:#5eead4;cursor:pointer;background:#ffffff05;border:1px dashed #ffffff2e;border-radius:8px;justify-content:center;align-items:center;gap:13px;min-height:94px;padding:15px;display:flex}.admin-file-picker:hover{background:#14b8a60d;border-color:#14b8a6}.admin-file-picker span{text-align:left;min-width:0}.admin-file-picker strong,.admin-file-picker small{text-overflow:ellipsis;white-space:nowrap;max-width:280px;display:block;overflow:hidden}.admin-file-picker strong{color:var(--text-primary);font-size:12px}.admin-file-picker small{color:var(--text-secondary);margin-top:4px;font-size:10px}.admin-actions{justify-content:flex-end}.admin-download-link{color:#5eead4;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-weight:650;text-decoration:none;display:inline-flex}.admin-download-link:hover{color:#99f6e4}.admin-log{border:1px solid var(--border-color);background:#09090f;border-radius:8px;max-height:330px;padding:10px 14px;font-family:Consolas,monospace;overflow-y:auto}.admin-log>div{color:var(--text-secondary);grid-template-columns:150px minmax(0,1fr);gap:12px;padding:4px 0;font-size:11px;display:grid}.admin-log time{color:var(--text-muted)}.admin-log-error span{color:#fb7185}.admin-log-warning span{color:#fbbf24}.admin-log-success span,.admin-log-done span{color:#5eead4}.admin-log-progress span{color:#93c5fd}.admin-loading,.admin-empty{min-height:180px;color:var(--text-secondary);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.admin-spin{animation:1s linear infinite adminSpin}@keyframes adminSpin{to{transform:rotate(360deg)}}.admin-auth-layout{place-items:center;min-height:62vh;display:grid}.admin-auth-panel{border:1px solid var(--border-color);background:#12121bc7;border-radius:8px;width:min(420px,100%);padding:34px;box-shadow:0 18px 55px #00000038}.admin-auth-icon{color:#5eead4;background:#14b8a621;border-radius:8px;place-items:center;width:48px;height:48px;margin-bottom:18px;display:grid}.admin-auth-panel h1{letter-spacing:0;margin:6px 0 8px;font-size:25px}.admin-auth-panel>p{color:var(--text-secondary);margin:0 0 24px;font-size:13px;line-height:1.65}.admin-auth-panel form,.admin-auth-panel label{flex-direction:column;gap:9px;display:flex}.admin-auth-panel label>span{color:var(--text-secondary);font-size:11px;font-weight:650}.admin-password-field{border:1px solid var(--border-color);height:44px;color:var(--text-muted);background:#00000038;border-radius:6px;align-items:center;gap:9px;padding:0 12px;display:flex}.admin-password-field:focus-within{border-color:#14b8a6}.admin-password-field input{min-width:0;color:var(--text-primary);font:inherit;background:0 0;border:0;outline:0;flex:1}.admin-auth-panel form .admin-primary-button{width:100%;margin-top:9px}.admin-drawer-backdrop{z-index:1800;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000094;justify-content:flex-end;display:flex;position:fixed;inset:0}.admin-user-drawer{border-left:1px solid var(--border-color);background:#111119;width:min(620px,100vw);height:100%;animation:.25s both adminDrawerIn;overflow-y:auto;box-shadow:-20px 0 60px #00000059}@keyframes adminDrawerIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.admin-user-drawer>header{z-index:2;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111119f5;justify-content:space-between;align-items:flex-start;gap:18px;min-height:104px;padding:22px 24px;display:flex;position:sticky;top:0}.admin-user-drawer header h2{text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;max-width:480px;margin:5px 0 3px;font-size:20px;overflow:hidden}.admin-user-drawer header p{color:var(--text-secondary);margin:0;font-size:11px}.admin-drawer-body{padding:20px 24px 50px}.admin-drawer-summary{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.admin-drawer-summary>div{border:1px solid var(--border-color);background:#ffffff05;border-radius:6px;min-height:72px;padding:12px}.admin-drawer-summary span{color:var(--text-secondary);font-size:10px;display:block}.admin-drawer-summary strong{color:#5eead4;margin-top:8px;font-size:17px;display:block}.admin-drawer-summary .admin-drawer-date{color:var(--text-primary);font-size:12px}.admin-user-song-list{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.admin-user-song-list>div:not(.admin-empty){border-top:1px solid #ffffff0e;grid-template-columns:24px 38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:60px;padding:8px 12px;display:grid}.admin-user-song-list>div:not(.admin-empty):first-child{border-top:0}.admin-user-song-list>.admin-empty{min-height:130px}.admin-user-song-list>div>span{color:var(--text-muted);font-size:10px}.admin-user-song-list img,.admin-song-placeholder{object-fit:cover;border-radius:4px;width:38px;height:38px}.admin-song-placeholder{color:var(--text-muted);background:#ffffff0d;place-items:center;display:grid}.admin-user-song-list p{min-width:0;margin:0}.admin-user-song-list p strong,.admin-user-song-list p small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-user-song-list p strong{font-size:12px}.admin-user-song-list p small{color:var(--text-secondary);margin-top:4px;font-size:10px}.admin-user-song-list b{color:#5eead4;font-size:11px}.admin-user-timeline{border-left:1px solid var(--border-color);margin-left:15px}.admin-user-timeline>div{grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;margin-left:-15px;display:grid}.admin-user-timeline p{min-width:0;margin:0}.admin-user-timeline p strong,.admin-user-timeline p small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-user-timeline p strong{font-size:11px}.admin-user-timeline p small,.admin-user-timeline time{color:var(--text-secondary);margin-top:3px;font-size:9px}@media (width<=1120px){.admin-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-metric-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.admin-workspace-header{flex-direction:column;align-items:flex-start}.admin-workspace-header h1{font-size:25px}.admin-header-actions{justify-content:flex-end;width:100%}.admin-tabs button{padding:0 11px}.admin-tabs button span{font-size:11px}.admin-content{padding-top:18px}.admin-metric-grid,.admin-metric-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-metric{min-height:104px;padding:13px}.admin-metric-copy strong{font-size:18px}.admin-split-grid,.admin-form-grid,.admin-file-grid{grid-template-columns:1fr;gap:12px}.admin-form-wide{grid-column:auto}.admin-section-heading{flex-direction:column}.admin-section-heading>small{text-align:left}.admin-daily-chart,.admin-traffic-chart{grid-template-columns:repeat(14,32px);overflow-x:auto}.admin-chart-label{font-size:9px}.admin-traffic-guide dl{grid-template-columns:1fr 1fr}.admin-activity-row{grid-template-columns:32px minmax(0,1fr)}.admin-activity-row time{grid-column:2}.admin-log>div{grid-template-columns:1fr;gap:2px}.admin-drawer-summary{grid-template-columns:repeat(2,1fr)}.admin-user-timeline>div{grid-template-columns:30px minmax(0,1fr)}.admin-user-timeline time{grid-column:2}}@media (width<=430px){.admin-metric-grid,.admin-metric-grid-compact{grid-template-columns:1fr}.admin-metric{min-height:86px}.admin-auth-panel{padding:25px 20px}.admin-secondary-button{padding:0 10px}.admin-workspace-header p{font-size:12px}}.admin-notice-editor{background:radial-gradient(circle at 92% 4%,#a855f721,#0000 34%),#12121bb8;overflow:hidden}.admin-notice-editor form{flex-direction:column;gap:17px;display:flex}.admin-notice-type-tabs{flex-wrap:wrap;gap:7px;display:flex}.admin-notice-type-tabs button{height:34px;color:var(--text-secondary);font:inherit;cursor:pointer;background:#ffffff06;border:1px solid #ffffff17;border-radius:999px;padding:0 13px;font-size:10px;font-weight:700}.admin-notice-type-tabs button.active{color:#f3e8ff;background:#a855f726;border-color:#c084fc6b}.admin-notice-field{flex-direction:column;gap:7px;display:flex;position:relative}.admin-notice-field>span{color:var(--text-secondary);font-size:11px;font-weight:700}.admin-notice-field input,.admin-notice-field textarea{border:1px solid var(--border-color);width:100%;color:var(--text-primary);font:inherit;background:#05050a73;border-radius:8px;outline:0;font-size:12px}.admin-notice-field input{height:45px;padding:0 50px 0 13px}.admin-notice-field textarea{resize:vertical;min-height:210px;padding:13px 13px 30px;line-height:1.7}.admin-notice-field input:focus,.admin-notice-field textarea:focus{border-color:#a855f7b3;box-shadow:0 0 0 3px #a855f714}.admin-notice-field>small{color:var(--text-muted);font-size:9px;position:absolute;bottom:8px;right:10px}.admin-notice-submit-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-notice-submit-row>span{color:#5eead4;font-size:10px}.admin-notice-submit-row>span.error{color:#fb7185}.admin-notice-editor-actions,.admin-notice-history-actions{align-items:center;gap:9px;display:flex}.admin-notice-history-actions{margin-top:15px}.admin-notice-history{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.admin-notice-history article{border:1px solid var(--border-color);background:#ffffff05;border-radius:10px;min-width:0;padding:17px;position:relative}.admin-notice-history article.active{background:linear-gradient(145deg,#a855f71c,#ffffff05);border-color:#a855f766}.admin-notice-history header,.admin-notice-history header>div{align-items:center;gap:7px;display:flex}.admin-notice-history header{justify-content:space-between}.admin-notice-history header span{color:#c084fc;font-size:9px;font-weight:800}.admin-notice-history header em{color:#a7f3d0;background:#10b9811f;border-radius:999px;padding:3px 6px;font-size:8px;font-style:normal}.admin-notice-history time{color:var(--text-muted);font-size:8px}.admin-notice-history h3{margin:14px 0 8px;font-size:14px}.admin-notice-history p{max-height:82px;color:var(--text-secondary);white-space:pre-wrap;margin:0;font-size:10px;line-height:1.65;overflow:hidden}.admin-notice-history-actions button{color:#c4b5fd;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:9px;font-weight:750;display:inline-flex}.admin-notice-history-actions button:hover{color:#fff}.admin-notice-history-actions button+button{border-left:1px solid var(--border-color);padding-left:9px}@media (width<=760px){.admin-notice-history{grid-template-columns:1fr}.admin-notice-submit-row{flex-direction:column;align-items:stretch}.admin-notice-editor-actions{width:100%}.admin-notice-editor-actions button{flex:1}}.playlist-hub-layout{grid-template-columns:minmax(230px,.58fr) minmax(0,1.75fr);align-items:start;gap:32px;display:grid}.playlist-library-panel{min-width:0}.playlist-library-panel .playlist-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.personal-dashboard{min-width:0}.personal-dashboard-heading{justify-content:space-between;align-items:flex-end;margin-bottom:22px;display:flex}.personal-dashboard-heading span{color:var(--secondary);letter-spacing:1.5px;text-transform:uppercase;font-size:11px;font-weight:800}.personal-dashboard-heading h2{margin:3px 0 2px;font-size:28px;line-height:1.15}.personal-dashboard-heading p{color:var(--text-secondary);margin:0;font-size:13px}.dashboard-refresh{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#ffffff09;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;display:inline-flex}.dashboard-refresh:hover{border-color:var(--primary);color:var(--secondary)}.dashboard-refresh.icon-only{width:38px;height:38px;padding:0}.personal-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.personal-metric{border:1px solid var(--border-color);background:linear-gradient(145deg,#151522fa,#0d0d17fa);border-radius:14px;align-items:center;gap:12px;min-height:96px;padding:16px;display:flex}.personal-metric-icon{background:#ffffff09;border:1px solid;border-radius:12px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.personal-metric>span:last-child{min-width:0}.personal-metric small,.personal-metric strong{display:block}.personal-metric small{color:var(--text-secondary);white-space:nowrap;margin-bottom:4px;font-size:11px}.personal-metric strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(17px,1.5vw,23px);overflow:hidden}.personal-metric.purple{color:#c56cff}.personal-metric.cyan{color:#4de7e2}.personal-metric.violet{color:#a873ff}.personal-metric.teal{color:#42d7c7}.personal-dashboard-body{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;display:grid}.personal-dashboard-column{align-content:start;gap:16px;display:grid}.personal-insight-card{border:1px solid var(--border-color);background:linear-gradient(145deg,#12121efa,#0c0c15fa);border-radius:14px;padding:20px;overflow:hidden}.personal-card-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.personal-card-title h3{margin:0;font-size:16px}.personal-card-title small,.personal-more-label{color:var(--text-secondary);font-size:10px}.personal-more-label{align-items:center;display:inline-flex}.personal-song-row{text-align:left;width:100%;min-height:62px;color:inherit;cursor:pointer;background:0 0;border:0;border-top:1px solid #fff1;grid-template-columns:auto 46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;display:grid}.personal-card-title+.personal-song-row{border-top:0}.personal-song-row:not(:disabled):hover .personal-song-copy strong{color:var(--secondary)}.personal-song-row:disabled{cursor:default}.personal-song-row img{object-fit:cover;background:var(--bg-card-hover);border-radius:8px;width:46px;height:46px}.personal-song-rank{color:#b467ff;text-align:center;width:16px;font-size:16px;font-weight:800}.personal-song-copy{min-width:0}.personal-song-copy strong,.personal-song-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.personal-song-copy strong{font-size:13px;transition:color .2s}.personal-song-copy small,.personal-song-trailing{color:var(--text-secondary);margin-top:3px;font-size:10px}.personal-unplayed-card .personal-song-row{grid-template-columns:46px minmax(0,1fr) auto}.personal-genre-card{min-height:142px}.personal-genre-bar{background:#ffffff0f;border-radius:999px;height:8px;margin:20px 0 13px;display:flex;overflow:hidden}.personal-genre-bar span{min-width:3px}.genre-tone-1{background:#b259f6}.genre-tone-2{background:#42dbd5}.genre-tone-3{background:#4e8eef}.personal-genre-labels{justify-content:space-between;gap:16px;display:flex}.personal-genre-labels span{min-width:0}.personal-genre-labels small,.personal-genre-labels strong{display:block}.personal-genre-labels small{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.personal-genre-labels strong{margin-top:3px;font-size:13px}.genre-text-1 strong{color:#c36bff}.genre-text-2 strong{color:#4ce6df}.genre-text-3 strong{color:#69a4ff}.recent-listening-row{min-height:62px;color:var(--secondary);border-top:1px solid #fff1;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.personal-card-title+.recent-listening-row{border-top:0}.recent-listening-row span strong,.recent-listening-row span small{display:block}.recent-listening-row span strong{color:var(--text-primary);font-size:13px}.recent-listening-row span small{color:var(--text-secondary);margin-top:3px;font-size:10px}.recent-listening-row b{color:var(--text-primary);font-size:13px}.personal-empty-state{min-height:120px;color:var(--text-secondary);text-align:center;place-items:center;padding:20px;font-size:12px;line-height:1.6;display:grid}.personal-empty-state.compact{min-height:70px}.dashboard-skeleton{background:linear-gradient(90deg,#ffffff09,#ffffff13,#ffffff09) 0 0/200% 100%;border-radius:14px;min-height:96px;animation:1.5s linear infinite dashboard-shimmer}.dashboard-skeleton-tall{min-height:300px}.skeleton-heading{border-radius:10px;width:210px;height:58px}.dashboard-error-card{border:1px solid var(--border-color);min-height:300px;color:var(--secondary);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;display:flex}.dashboard-error-card h3{color:var(--text-primary);margin:12px 0 3px}.dashboard-error-card p{color:var(--text-secondary);margin:0 0 16px;font-size:12px}.is-spinning{animation:.9s linear infinite dashboard-spin}@keyframes dashboard-spin{to{transform:rotate(360deg)}}@keyframes dashboard-shimmer{to{background-position:-200% 0}}@media (width<=1280px){.playlist-hub-layout{grid-template-columns:1fr}.playlist-library-panel .playlist-grid{grid-template-columns:repeat(auto-fill,minmax(180px,220px))}}@media (width<=900px){.personal-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.personal-dashboard-body{grid-template-columns:1fr}}@media (width<=560px){.playlist-hub-layout{gap:28px}.personal-dashboard-heading h2{font-size:24px}.personal-metrics-grid{gap:9px}.personal-metric{min-height:82px;padding:12px}.personal-metric-icon{flex-basis:38px;width:38px;height:38px}.personal-metric strong{font-size:17px}.personal-insight-card{padding:16px}.personal-card-title{flex-direction:column;align-items:flex-start;gap:4px}}.login-notice-backdrop{z-index:2400;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03030ab8;place-items:center;padding:20px;animation:.22s both loginNoticeFade;display:grid;position:fixed;inset:0}.login-notice-modal{color:#f7f4ff;background:linear-gradient(160deg,#181027fa,#0a0a12fa 56%);border:1px solid #a855f759;border-radius:24px;width:min(520px,100%);max-height:min(720px,100vh - 40px);animation:.3s cubic-bezier(.2,.8,.2,1) both loginNoticeRise;position:relative;overflow:hidden auto;box-shadow:0 28px 90px #0000009e,0 0 52px #7e22ce29}.login-notice-glow{filter:blur(55px);pointer-events:none;background:#a855f738;border-radius:50%;width:240px;height:240px;position:absolute;top:-90px;right:-70px}.login-notice-close{z-index:2;color:#a1a1aa;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:11px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:17px;right:17px}.login-notice-close:hover{color:#fff;background:#ffffff1a}.login-notice-header{border-bottom:1px solid #ffffff14;align-items:center;gap:13px;padding:26px 64px 20px 27px;display:flex;position:relative}.login-notice-icon{color:#e9d5ff;background:linear-gradient(135deg,#a855f74d,#4f46e533);border:1px solid #c084fc59;border-radius:15px;place-items:center;width:49px;height:49px;display:grid;box-shadow:inset 0 1px #ffffff1a}.login-notice-eyebrow{color:#c084fc;letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:850}.login-notice-header p{color:#d4d4d8;align-items:center;gap:5px;margin:6px 0 0;font-size:11px;font-weight:700;display:flex}.login-notice-body{padding:29px 28px 32px;position:relative}.login-notice-body h2{color:#fff;letter-spacing:-.04em;margin:0;font-size:clamp(22px,4vw,29px);line-height:1.25}.login-notice-body time{color:#8b8b98;margin-top:9px;font-size:10px;display:block}.login-notice-content{color:#d8d6df;white-space:pre-wrap;overflow-wrap:anywhere;background:#ffffff07;border:1px solid #ffffff13;border-radius:15px;margin-top:24px;padding:19px 20px;font-size:13px;line-height:1.85}.login-notice-modal footer{background:#0000002e;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:16px;padding:17px 27px;display:flex}.login-notice-modal footer span{color:#8b8b98;font-size:9px}.login-notice-modal footer button{color:#fff;min-width:112px;height:40px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#a855f7,#7c3aed);border:0;border-radius:12px;font-size:12px;font-weight:800;box-shadow:0 9px 22px #7e22ce4d}@keyframes loginNoticeFade{0%{opacity:0}}@keyframes loginNoticeRise{0%{opacity:0;transform:translateY(18px)scale(.975)}}@media (width<=560px){.login-notice-backdrop{padding:13px}.login-notice-modal{border-radius:20px}.login-notice-header{padding:22px 58px 17px 20px}.login-notice-icon{border-radius:13px;width:43px;height:43px}.login-notice-body{padding:24px 20px 26px}.login-notice-content{padding:16px;font-size:12px}.login-notice-modal footer{flex-direction:column;align-items:stretch;padding:16px 20px 20px}.login-notice-modal footer button{width:100%}}.admin-container{color:#fff;background-color:#121212;max-width:1000px;min-height:100vh;margin:0 auto;padding:2rem}.admin-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.back-btn{color:#a0a0a0;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem;transition:all .2s;display:flex}.back-btn:hover{color:#fff;background:#ffffff1a}.admin-table-container{background:#1e1e1e;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000004d}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #333;padding:1rem}.admin-table th{color:#a0a0a0;background:#252525;font-weight:600}.role-badge{border-radius:4px;padding:.25rem .5rem;font-size:.875rem;font-weight:500}.role-badge.admin{color:#ff4081;background:#ff408133}.role-badge.user{color:#40c4ff;background:#40c4ff33}.action-buttons{gap:.5rem;display:flex}.role-btn,.delete-btn{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.875rem;transition:all .2s;display:flex}.role-btn:disabled,.delete-btn:disabled{opacity:.5;cursor:not-allowed}.role-btn.grant{color:#fff;background:#1e88e5}.role-btn.grant:hover:not(:disabled){background:#1976d2}.role-btn.revoke{color:#fff;background:#f57c00}.role-btn.revoke:hover:not(:disabled){background:#e65100}.delete-btn{color:#fff;background:#d32f2f}.delete-btn:hover:not(:disabled){background:#c62828}.admin-loading{color:#fff;justify-content:center;align-items:center;height:100vh;font-size:1.25rem;display:flex}