.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-topbar{height:var(--header-height, 56px);display:flex;align-items:center;padding:0 1.5rem;gap:1rem;background:#050510eb;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .06));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:sticky;top:0;z-index:100;flex-shrink:0}.app-logo{display:flex;align-items:center;gap:.55rem;text-decoration:none;flex-shrink:0}.app-logo img{border-radius:50%;object-fit:cover;filter:drop-shadow(0 0 6px rgba(0,224,255,.25))}.app-logo-text{font-size:1rem;font-weight:700;letter-spacing:.06em;background:linear-gradient(135deg,var(--accent-cyan, #00e0ff),var(--accent-pink, #ff00de));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-nav{display:flex;align-items:center;gap:.2rem;flex:1;min-width:0;overflow:visible}.app-nav::-webkit-scrollbar{display:none}.app-nav-item{display:flex;align-items:center;gap:.4rem;padding:.45rem .75rem;border-radius:8px;color:var(--text-muted, #888);font-size:.86rem;font-weight:500;text-decoration:none;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.app-nav-item:hover{background:#ffffff0d;color:#fff;text-decoration:none}.app-nav-item.active{background:linear-gradient(90deg,#bd00ff1f,#ff00de14);color:#fff;border:1px solid rgba(189,0,255,.2)}.app-nav-icon{font-size:1rem}.app-menu{position:relative;display:flex;align-items:center;flex-shrink:0}.app-menu-trigger{cursor:pointer;background:none;font-family:inherit}.app-menu-trigger.app-nav-item.open{background:#ffffff0d;color:#fff}.app-menu-caret{font-size:.7rem;opacity:.65;margin-left:.1rem}.app-menu-panel{position:absolute;top:calc(100% + 8px);min-width:210px;display:flex;flex-direction:column;gap:.1rem;padding:.4rem;background:#0c0c1cfa;border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:12px;box-shadow:0 14px 34px #0000008c;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:300;animation:app-menu-in .12s ease}.app-menu-panel--left{left:0}.app-menu-panel--right{right:0}@keyframes app-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.app-menu-item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.55rem .7rem;border-radius:8px;color:var(--text-muted, #888);font-size:.86rem;font-weight:500;text-align:left;text-decoration:none;white-space:nowrap;background:none;border:none;cursor:pointer;font-family:inherit;transition:background .12s ease,color .12s ease}.app-menu-item:hover{background:#ffffff0f;color:#fff;text-decoration:none}.app-menu-item.active{background:linear-gradient(90deg,#bd00ff24,#ff00de14);color:#fff}.app-menu-icon{font-size:1rem;width:1.25rem;text-align:center;flex-shrink:0}.app-topbar-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.app-credit-pill{display:flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:99px;background:#bd00ff1a;border:1px solid rgba(189,0,255,.2);font-size:.82rem;font-weight:600;color:#fff;white-space:nowrap}.app-credit-icon{font-size:.9rem}.app-credit-pill{text-decoration:none;cursor:pointer;transition:background .12s ease}.app-credit-pill:hover{background:#bd00ff2e;text-decoration:none}.app-user-chip{display:flex;align-items:center;gap:.45rem}.app-user-chip.app-menu-trigger{cursor:pointer;padding:.2rem .45rem .2rem .3rem;border-radius:10px;border:none}.app-user-chip.app-menu-trigger:hover,.app-user-chip.app-menu-trigger.open{background:#ffffff0f}.app-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover}.app-avatar-fallback{display:flex;align-items:center;justify-content:center;background:var(--glass-highlight, rgba(255, 255, 255, .08));color:#fff;font-weight:700;font-size:.8rem}.app-username{font-size:.88rem;font-weight:500;color:var(--text-muted, #888)}.app-cta{display:flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border-radius:8px;background:#ffffff0f;border:1px solid var(--glass-border, rgba(255, 255, 255, .06));color:#fff;font-size:.84rem;font-weight:500;text-decoration:none;transition:all .15s ease;white-space:nowrap}.app-cta:hover{background:#ffffff1a;text-decoration:none}.app-cta-login{background:linear-gradient(135deg,#5865f24d,#5865f226);border-color:#5865f24d}.app-cta-login:hover{background:linear-gradient(135deg,#5865f273,#5865f240)}.btn-sm{padding:.35rem .8rem;font-size:.78rem}.app-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem 2rem 1rem}.app-footer{padding:1rem 1.5rem;text-align:center;font-size:.78rem;color:var(--text-muted, #888);border-top:1px solid var(--glass-border, rgba(255, 255, 255, .06))}.app-footer a{color:var(--text-muted, #888);text-decoration:none}.app-footer a:hover{color:var(--accent-cyan, #00e0ff)}.app-footer-dot{margin:0 .4rem}.app-mobile-tabs{display:none}@media(max-width:1024px){.app-nav-item{padding:.4rem .55rem;font-size:.82rem}.app-credit-pill{padding:.25rem .6rem;font-size:.78rem}}@media(max-width:768px){.app-topbar{padding:0 .75rem;gap:.5rem}.app-logo-text{display:none}.app-nav{gap:.1rem}.app-nav .app-nav-label,.app-nav .app-menu-caret{display:none}.app-nav .app-nav-icon{font-size:1.2rem}.app-nav-item{padding:.4rem .5rem}.app-username{display:none}.app-content{padding:1.25rem 1rem}.app-tab-item{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .5rem;border-radius:8px;color:var(--text-muted, #888);text-decoration:none;transition:all .15s ease;font-size:.68rem}.app-tab-item:hover{text-decoration:none;color:#fff}.app-tab-item.active{color:#fff}.app-tab-icon{font-size:1.2rem}.app-tab-label{font-size:.62rem;font-weight:500}}@media(max-width:480px){.app-topbar{height:48px;padding:0 .5rem}.app-content{padding:1rem .75rem}.app-credit-pill{padding:.2rem .5rem;font-size:.72rem}}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.login-card{max-width:420px;width:100%;padding:3rem 2.5rem;text-align:center}.login-logo{display:flex;flex-direction:column;align-items:center;gap:.85rem;margin-bottom:1.25rem}.login-logo img{border-radius:50%;object-fit:cover;filter:drop-shadow(0 0 12px rgba(0,224,255,.35))}.login-wordmark{font-size:1.7rem;font-weight:700;letter-spacing:.1em;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-tagline{color:var(--text-muted);font-size:.95rem;margin-bottom:2rem}.login-error{background:#ff52521f;border:1px solid rgba(255,82,82,.25);color:var(--danger);padding:.7rem 1rem;border-radius:10px;font-size:.85rem;margin-bottom:1.5rem}.login-btn{width:100%;padding:.85rem;font-size:1rem;margin-bottom:2rem}.login-links{display:flex;flex-direction:column;gap:.6rem;font-size:.85rem}.login-links a{color:var(--text-muted)}.login-links a:hover{color:var(--accent-cyan)}.login-footer{margin-top:2rem;font-size:.78rem;color:var(--text-muted);display:flex;gap:.5rem}.login-footer a{color:var(--text-muted)}.dashboard{display:flex;flex-direction:column;gap:1.5rem}.dash-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#00e6760f,#00b4ff0f);border:1px solid rgba(0,230,118,.15)}.dash-welcome{font-size:1.4rem;font-weight:700;margin:0}.dash-subtitle{font-size:.9rem;color:var(--text-muted);margin:.25rem 0 0}.dash-hero-right{flex-shrink:0}.btn-glow{background:linear-gradient(135deg,#00e676,#00b0ff);color:#000;font-weight:700;padding:.7rem 1.8rem;border-radius:12px;border:none;font-size:1rem;cursor:pointer;text-decoration:none;box-shadow:0 0 24px #00e67640;transition:all .2s ease}.btn-glow:hover{box-shadow:0 0 32px #00e67666;transform:translateY(-1px)}.btn-lg{font-size:1.05rem;padding:.75rem 2rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:1rem}.stat-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3rem;padding:1.25rem 1rem;transition:transform .15s ease}.stat-card:hover{transform:translateY(-2px)}.stat-highlight{border:1px solid rgba(0,230,118,.2);background:linear-gradient(135deg,rgba(0,230,118,.05),transparent)}.stat-icon{font-size:1.5rem}.stat-value{font-size:1.8rem;font-weight:700;line-height:1.2}.stat-label{font-size:.8rem;color:var(--text-muted)}.stat-link{font-size:.78rem;margin-top:.3rem}.stat-action{margin-top:.5rem}.text-green{color:#00e676}.gen-progress{width:100%;height:6px;background:#ffffff14;border-radius:3px;margin-top:.4rem;overflow:hidden}.gen-progress-bar{height:100%;background:linear-gradient(90deg,#00e676,#00b0ff);border-radius:3px;transition:width .5s ease}.gen-progress-text{font-size:.72rem;color:var(--text-muted);margin-top:.15rem}.gen-pool-info{font-size:.7rem;color:var(--text-muted);margin-top:.25rem;opacity:.8}.dash-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:768px){.dash-two-col{grid-template-columns:1fr}.dash-hero{flex-direction:column;text-align:center}}.dash-panel{display:flex;flex-direction:column;padding:1.25rem}.dash-panel-title{font-size:1.05rem;font-weight:700;margin:0 0 .75rem}.dash-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;color:var(--text-muted);font-size:.9rem}.best-song{display:flex;align-items:center;gap:1.25rem}.best-song-grade-ring{width:80px;height:80px;border-radius:50%;border:3px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.best-song-grade-letter{font-size:1.6rem;font-weight:800;line-height:1}.best-song-score{font-size:.75rem;color:var(--text-muted)}.best-song-info{flex:1}.best-song-title{font-size:1rem;font-weight:600;margin-bottom:.2rem}.best-song-meta{font-size:.82rem;color:var(--text-muted)}.top3-list{display:flex;flex-direction:column;gap:.5rem}.top3-row{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border-radius:8px;background:#ffffff05;transition:background .15s}.top3-row:hover{background:#ffffff0d}.top3-first{background:#ffd7000d;border:1px solid rgba(255,215,0,.15)}.top3-medal{font-size:1.2rem;width:28px;text-align:center}.top3-grade{font-size:.82rem;font-weight:600;width:50px}.top3-info{flex:1;min-width:0}.top3-title{font-size:.88rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top3-meta{font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top3-score{font-size:1rem;font-weight:700;color:var(--text-cyan, #00e6ff);flex-shrink:0}.score-explain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.score-explain-item{padding:1rem;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.06)}.score-explain-icon{font-size:1.4rem;margin-bottom:.4rem}.score-explain-item h4{font-size:.95rem;font-weight:600;margin:0 0 .35rem}.score-explain-item p{font-size:.82rem;color:var(--text-muted);margin:0;line-height:1.45}.score-explain-item a{color:var(--text-cyan, #00e6ff)}.recent-scores-list{display:flex;flex-direction:column;gap:.4rem}.recent-score-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .6rem;border-radius:8px;cursor:pointer;transition:background .15s}.recent-score-row:hover{background:#ffffff0d}.recent-score-grade{font-size:.85rem;font-weight:600;width:55px}.recent-score-info{flex:1;min-width:0;display:flex;flex-direction:column}.recent-score-title{font-size:.88rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-score-meta{font-size:.72rem;color:var(--text-muted)}.recent-score-val{font-size:1rem;font-weight:700;color:var(--text-cyan, #00e6ff);flex-shrink:0}.platform-nums{display:flex;gap:2rem;flex-wrap:wrap}.platform-num{display:flex;flex-direction:column;align-items:center;min-width:70px}.platform-num-val{font-size:1.5rem;font-weight:700}.platform-num-label{font-size:.72rem;color:var(--text-muted)}.streak-stats{display:flex;gap:2.5rem}.streak-stats>div{display:flex;flex-direction:column;align-items:center}.streak-num{font-size:1.8rem;font-weight:700}.streak-sub{font-size:.75rem;color:var(--text-muted)}.ref-stats{display:flex;gap:1.5rem;font-size:.85rem;color:var(--text-muted);margin-top:.4rem}.dash-error{color:var(--danger);text-align:center;padding:2rem;margin:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.audio-player{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;-webkit-user-select:none;user-select:none;transition:border-color .2s,box-shadow .2s}.audio-player-active{border-color:#bd00ff4d;box-shadow:0 0 16px #bd00ff0f}.audio-player-compact{padding:.4rem .6rem;gap:.4rem}.ap-play{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:linear-gradient(135deg,#bd00ff59,#ff00de4d);color:#fff;cursor:pointer;flex-shrink:0;transition:transform .15s,box-shadow .15s}.ap-play:hover{transform:scale(1.08);box-shadow:0 0 14px #bd00ff4d}.ap-play:active{transform:scale(.96)}.audio-player-compact .ap-play{width:30px;height:30px}.ap-skip{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:none;background:#ffffff0f;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:color .15s,background .15s}.ap-skip:hover{color:#fff;background:#ffffff1a}.ap-time{font-size:.75rem;font-weight:600;color:var(--text-muted);min-width:34px;text-align:center;flex-shrink:0;font-variant-numeric:tabular-nums}.ap-duration{color:#ffffff4d}.ap-seek{flex:1;min-width:60px;height:24px;display:flex;align-items:center;cursor:pointer;touch-action:none}.ap-seek-track{position:relative;width:100%;height:4px;background:#ffffff14;border-radius:2px;overflow:visible}.ap-seek-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-pink));border-radius:2px;transition:width .05s linear}.ap-seek-thumb{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid rgba(189,0,255,.6);transform:translate(-50%,-50%);box-shadow:0 0 6px #bd00ff4d;opacity:0;transition:opacity .15s,transform .1s}.ap-seek:hover .ap-seek-thumb,.audio-player-active .ap-seek-thumb{opacity:1}.ap-seek:hover .ap-seek-track{height:6px}.ap-vol-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem;flex-shrink:0;padding:0 2px}.ap-vol-btn:hover{color:#fff}.ap-vol-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:60px;height:4px;border-radius:2px;background:#ffffff1f;outline:none;flex-shrink:0}.ap-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid rgba(189,0,255,.4);cursor:pointer}.ap-vol-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid rgba(189,0,255,.4);cursor:pointer}@media(max-width:600px){.ap-skip,.ap-vol-btn,.ap-vol-slider{display:none}}.songs-page{display:flex;flex-direction:column;gap:1.5rem}.songs-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.songs-title-row{display:flex;align-items:baseline;gap:.75rem}.song-count{font-size:.85rem;color:var(--text-muted);font-weight:500}.songs-toolbar{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.search-box{flex:1;min-width:220px;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.85rem;font-size:.9rem;pointer-events:none}.search-input{width:100%;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:10px;padding:.6rem 2.2rem .6rem 2.5rem;color:#fff;font-family:var(--font-family);font-size:.88rem;transition:border-color .2s}.search-input:focus{outline:none;border-color:#bd00ff66}.search-input::placeholder{color:#ffffff40}.search-clear{position:absolute;right:.7rem;background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;padding:.2rem}.search-clear:hover{color:#fff}.sort-select{background:#ffffff0a;border:1px solid var(--glass-border);border-radius:10px;padding:.6rem .9rem;color:#fff;font-family:var(--font-family);font-size:.85rem;cursor:pointer}.sort-select:focus{outline:none;border-color:#bd00ff66}.sort-select option{background:#111;color:#fff}.song-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.song-card{display:flex;flex-direction:column;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s}.song-card:hover{border-color:#bd00ff33;transform:translateY(-2px);transition:border-color .2s,box-shadow .2s,transform .2s}.song-card-selected{border-color:#bd00ff80!important;box-shadow:0 0 20px #bd00ff1f}.song-card-playing{border-color:#bd00ff59!important;box-shadow:0 0 24px #bd00ff14}.song-progress{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-pink));transition:width .2s linear;border-radius:0 2px 0 0}.song-header{display:flex;align-items:center;gap:.6rem}.song-title{font-size:1rem;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill-wm{background:#ffd7401f;border-color:#ffd74040;color:var(--warning);font-size:.72rem}.song-pills{display:flex;flex-wrap:wrap;gap:.4rem}.song-meta{display:flex;justify-content:space-between;font-size:.8rem}.song-actions{display:flex;gap:.5rem;flex-wrap:wrap}.empty-state{text-align:center;padding:3rem 2rem;color:var(--text-muted)}.empty-icon{font-size:3rem;margin-bottom:.5rem}.empty-state h2{font-size:1.3rem;color:#fff;margin-bottom:.5rem}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.page-numbers{display:flex;align-items:center;gap:.25rem}.page-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--glass-border);background:#ffffff08;color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:var(--font-family)}.page-btn:hover{border-color:#bd00ff4d;color:#fff}.page-btn-active{background:linear-gradient(90deg,#bd00ff33,#ff00de26);border-color:#bd00ff66;color:#fff}.page-dots{color:var(--text-muted);padding:0 .25rem;font-size:.85rem}.songs-footer{text-align:center;font-size:.8rem;padding:.5rem 0 1rem}@media(max-width:768px){.songs-toolbar{flex-direction:column}.search-box{min-width:100%}.song-grid{grid-template-columns:1fr}}.feedback-group{display:flex;gap:.25rem;margin-left:auto}.feedback-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--glass-border);background:#ffffff08;font-size:.9rem;cursor:pointer;transition:all .15s}.feedback-btn:hover{border-color:#fff3;transform:scale(1.1)}.feedback-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.feedback-active-good{background:#4caf5033!important;border-color:#4caf5080!important;box-shadow:0 0 8px #4caf5026}.feedback-active-bad{background:#f4433633!important;border-color:#f4433680!important;box-shadow:0 0 8px #f4433626}.feedback-reasons{padding:.6rem 0 0;border-top:1px solid var(--glass-border);animation:fadeSlideDown .15s ease}.feedback-reasons-label{font-size:.78rem;color:var(--text-muted);margin-bottom:.4rem}.feedback-reasons-grid{display:flex;flex-wrap:wrap;gap:.3rem}.feedback-reason-btn{padding:.3rem .6rem;border-radius:6px;border:1px solid rgba(244,67,54,.25);background:#f443360f;color:#ff8a80;font-size:.75rem;font-family:var(--font-family);cursor:pointer;transition:all .12s}.feedback-reason-btn:hover{background:#f4433626;border-color:#f4433666;color:#fff}.feedback-toast{padding:.4rem .6rem;border-radius:8px;font-size:.78rem;font-weight:500;animation:fadeSlideDown .2s ease}.mc-badge{position:absolute;top:.5rem;right:.5rem;padding:.15rem .45rem;border-radius:6px;font-size:.7rem;font-weight:700;background:#00ffd11f;border:1px solid rgba(0,255,209,.3);color:var(--accent-cyan)}.mc-badge-flagged{background:#f443361f;border-color:#f443364d;color:#ff8a80}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.song-meta-right{display:flex;align-items:center;gap:.5rem}.lyrics-indicator{font-size:.85rem;opacity:.6}.pill-photo{background:#00c8ff1f;border-color:#00c8ff40;color:#00c8ff;font-size:.72rem}.song-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:flex-start;padding:2rem 1rem;overflow-y:auto;animation:fadeIn .2s ease}.song-detail-panel{position:relative;width:100%;max-width:620px;background:#121218fa;border:1px solid rgba(189,0,255,.2);border-radius:16px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;animation:slideUp .25s ease;box-shadow:0 0 40px #bd00ff14,0 24px 48px #0006;margin:auto 0}.song-detail-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text-muted);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:1}.song-detail-close:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.song-detail-header{display:flex;flex-direction:column;gap:.75rem;padding-right:2.5rem}.song-detail-title{font-size:1.5rem;font-weight:700;line-height:1.3;word-break:break-word}.song-detail-pills{display:flex;flex-wrap:wrap;gap:.4rem}.song-detail-pills .pill{font-size:.82rem;padding:.3rem .7rem}.song-detail-player{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:.75rem}.song-detail-section{display:flex;flex-direction:column;gap:.5rem}.song-detail-section-title{font-size:.88rem;font-weight:600;color:var(--accent-pink);letter-spacing:.02em}.song-detail-prompt{font-size:.9rem;color:var(--text-muted);line-height:1.6;background:#ffffff08;border-radius:10px;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.05)}.song-detail-lyrics{font-family:var(--font-family);font-size:.88rem;color:#ffffffd9;line-height:1.8;white-space:pre-wrap;word-break:break-word;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1rem 1.25rem;max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(189,0,255,.3) transparent}.song-detail-lyrics::-webkit-scrollbar{width:6px}.song-detail-lyrics::-webkit-scrollbar-track{background:transparent}.song-detail-lyrics::-webkit-scrollbar-thumb{background:#bd00ff40;border-radius:3px}.lyrics-section{color:var(--accent-pink);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;display:inline-block;margin-top:.4rem}.song-detail-instrumental{font-size:.9rem;color:var(--text-muted);font-style:italic;padding:1rem;text-align:center;background:#ffffff05;border-radius:10px;border:1px dashed rgba(255,255,255,.08)}.song-detail-meta{display:flex;gap:1rem;font-size:.82rem;color:var(--text-muted)}.song-detail-actions{display:flex;gap:.75rem;flex-wrap:wrap;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.06)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.song-detail-panel{padding:1.25rem;margin:0;border-radius:12px}.song-detail-title{font-size:1.2rem}.song-detail-lyrics{max-height:300px;padding:.75rem}}.create-page{display:flex;flex-direction:column;gap:1.5rem}.create-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.credit-display{display:flex;align-items:baseline;gap:.5rem}.credit-count{font-size:1.8rem;font-weight:700;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.credit-label{font-size:.85rem;color:var(--text-muted)}.create-layout{display:grid;grid-template-columns:1fr 320px;gap:1.5rem;align-items:start}.create-form{display:flex;flex-direction:column;gap:1rem}.form-section{display:flex;flex-direction:column;gap:.6rem}.form-label{font-size:.9rem;font-weight:600;color:#fff}.form-input,.form-textarea{width:100%;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:10px;padding:.75rem 1rem;color:#fff;font-family:var(--font-family);font-size:.9rem;resize:vertical;transition:border-color .2s}.form-input:focus,.form-textarea:focus{outline:none;border-color:#bd00ff66}.form-input::placeholder,.form-textarea::placeholder{color:#ffffff40}.form-input:disabled,.form-textarea:disabled{opacity:.5;cursor:not-allowed}.form-hint{display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-muted)}.chip-grid{display:flex;flex-wrap:wrap;gap:.4rem}.chip{padding:.35rem .85rem;border-radius:99px;font-size:.82rem;font-weight:500;border:1px solid var(--glass-border);background:#ffffff08;color:var(--text-muted);cursor:pointer;transition:all .15s ease;font-family:var(--font-family)}.chip:hover{border-color:#bd00ff4d;color:#fff;background:#bd00ff14}.chip-active{background:linear-gradient(90deg,#bd00ff26,#ff00de1f);border-color:#bd00ff66;color:#fff;font-weight:600}.chip:disabled{opacity:.5;cursor:not-allowed}.vocal-categories{display:flex;flex-direction:column;gap:.75rem}.vocal-category{display:flex;flex-direction:column;gap:.35rem}.vocal-category-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);opacity:.6;font-weight:600;padding-left:.15rem}.vocal-category-options{display:flex;flex-wrap:wrap;gap:.4rem}.vocal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.vocal-btn{padding:.45rem .7rem;border-radius:99px;border:1px solid var(--glass-border);background:#ffffff08;color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:all .15s ease;font-family:var(--font-family);white-space:nowrap}.vocal-btn:hover{border-color:#bd00ff4d;color:#fff}.vocal-active{background:linear-gradient(90deg,#bd00ff26,#ff00de1f);border-color:#bd00ff66;color:#fff;font-weight:600}.vocal-btn:disabled{opacity:.5;cursor:not-allowed}.lyrics-toggle{display:flex;align-items:center;justify-content:space-between}.toggle-btn{padding:.3rem .9rem;border-radius:99px;border:1px solid var(--glass-border);background:#ffffff0d;color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:var(--font-family)}.toggle-on{background:linear-gradient(90deg,#00c853,#00e676);border-color:#00e676;color:#fff}.lyrics-area{min-height:160px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;line-height:1.6}.duration-slider-wrap{display:flex;flex-direction:column;gap:.5rem}.duration-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(90deg,#00ffd133,#bd00ff4d);outline:none;cursor:pointer}.duration-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#00ffd1,#bd00ff);border:2px solid rgba(255,255,255,.3);cursor:grab;box-shadow:0 0 10px #bd00ff66;transition:box-shadow .15s}.duration-slider::-webkit-slider-thumb:hover{box-shadow:0 0 18px #bd00ff99}.duration-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#00ffd1,#bd00ff);border:2px solid rgba(255,255,255,.3);cursor:grab;box-shadow:0 0 10px #bd00ff66}.duration-slider:disabled{opacity:.5;cursor:not-allowed}.duration-slider:disabled::-webkit-slider-thumb{cursor:not-allowed}.duration-labels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-muted);padding:0 2px}.duration-value{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#ffffff08;border-radius:8px;border:1px solid var(--glass-border)}.duration-time{font-size:1.25rem;font-weight:700;color:#fff}.duration-cost{font-size:.9rem;font-weight:600}.text-warning{color:#ffb347}.create-sidebar{display:flex;flex-direction:column;gap:1rem;position:sticky;top:calc(var(--header-height) + 1rem)}.summary-card{gap:.5rem}.summary-title{font-size:.95rem;font-weight:700;margin-bottom:.25rem}.summary-row{display:flex;justify-content:space-between;font-size:.85rem}.summary-divider{border:none;border-top:1px solid var(--glass-border);margin:.25rem 0}.error-card{padding:.8rem 1rem;font-size:.85rem;border:1px solid rgba(255,82,82,.2);animation:shake .3s ease}.btn-generate{width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:700;border-radius:14px;position:relative;min-height:56px}.btn-generate:disabled{opacity:.55;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.timer{font-size:.8rem;opacity:.7;font-weight:500}.result-card{border:1px solid rgba(0,230,118,.25);animation:slideIn .4s ease}.result-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.result-check{font-size:1.5rem}.result-header h3{font-size:1.1rem;font-weight:700}.result-song{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.result-info{display:flex;flex-direction:column;gap:.4rem}.result-title{font-size:1rem;font-weight:600}.result-pills{display:flex;gap:.4rem}.result-actions{display:flex;gap:.5rem;flex-wrap:wrap}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media(max-width:900px){.create-layout{grid-template-columns:1fr}.create-sidebar{position:static}.vocal-grid{grid-template-columns:repeat(2,1fr)}.vocal-category-options{gap:.3rem}}.result-card .feedback-group{display:flex;gap:.25rem;margin-left:auto}.result-card .feedback-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--glass-border);background:#ffffff08;font-size:1rem;cursor:pointer;transition:all .15s}.result-card .feedback-btn:hover{border-color:#fff3;transform:scale(1.1)}.result-card .feedback-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.result-card .feedback-active-good{background:#4caf5033!important;border-color:#4caf5080!important;box-shadow:0 0 8px #4caf5026}.result-card .feedback-active-bad{background:#f4433633!important;border-color:#f4433680!important;box-shadow:0 0 8px #f4433626}.result-card .feedback-reasons{padding:.6rem 0 0;border-top:1px solid var(--glass-border);animation:slideIn .15s ease}.result-card .feedback-reasons-label{font-size:.8rem;color:var(--text-muted);margin-bottom:.4rem}.result-card .feedback-reasons-grid{display:flex;flex-wrap:wrap;gap:.35rem}.result-card .feedback-reason-btn{padding:.35rem .65rem;border-radius:6px;border:1px solid rgba(244,67,54,.25);background:#f443360f;color:#ff8a80;font-size:.78rem;font-family:var(--font-family);cursor:pointer;transition:all .12s}.result-card .feedback-reason-btn:hover{background:#f4433626;border-color:#f4433666;color:#fff}.result-card .feedback-toast{padding:.5rem .75rem;border-radius:8px;font-size:.82rem;font-weight:500;animation:slideIn .2s ease}.feedback-toast-good{background:#4caf501a;border:1px solid rgba(76,175,80,.25);color:#81c784}.feedback-toast-bad{background:#f443361a;border:1px solid rgba(244,67,54,.25);color:#ff8a80}.feedback-toast-error{background:#ff98001a;border:1px solid rgba(255,152,0,.25);color:#ffb74d}.feedback-mc{opacity:.7}.billing-page{display:flex;flex-direction:column;gap:1.5rem}.billing-error{color:var(--danger);font-weight:500}.credit-balance-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.credit-display{display:flex;flex-direction:column}.credit-amount{font-size:2.5rem;font-weight:700;line-height:1}.credit-label{font-size:.85rem;color:var(--text-muted);margin-top:.25rem}.sub-card h2{margin-bottom:.75rem}.sub-details{display:flex;flex-direction:column;gap:.6rem}.sub-row{display:flex;justify-content:space-between;align-items:center}.sub-plan{font-weight:600;font-size:1.1rem}.pill-status{text-transform:capitalize}.pill-active{background:#00e6761f;border-color:#00e6764d;color:var(--success)}.pill-inactive{background:#ff52521f;border-color:#ff52524d;color:var(--danger)}.no-sub{display:flex;flex-direction:column;align-items:flex-start}.txn-table-wrap{overflow-x:auto;margin-top:.75rem}.txn-table{width:100%;border-collapse:collapse;font-size:.9rem}.txn-table th{text-align:left;color:var(--text-muted);font-weight:500;padding:.5rem .75rem;border-bottom:1px solid var(--glass-border);white-space:nowrap}.txn-table td{padding:.5rem .75rem;border-bottom:1px solid var(--glass-border);white-space:nowrap}.text-green{color:var(--success);font-weight:600}.text-red{color:var(--danger);font-weight:600}.referral-page{display:flex;flex-direction:column;gap:1.5rem}.code-card{text-align:center;padding:2rem}.code-display{font-size:2.5rem;font-weight:800;letter-spacing:.15em;color:var(--accent-cyan);font-family:monospace,var(--font-family);margin-bottom:1.25rem}.code-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.ref-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.ref-stat{text-align:center;padding:1.25rem 1rem}.ref-stat-value{font-size:2rem;font-weight:700;line-height:1}.ref-stat-label{font-size:.8rem;color:var(--text-muted);margin-top:.35rem}.text-green{color:var(--success)}.how-it-works h2{margin-bottom:1rem}.hiw-steps{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem}.hiw-steps li{display:flex;align-items:flex-start;gap:1rem}.hiw-num{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--accent-violet),var(--accent-pink));font-weight:700;font-size:.9rem}.hiw-steps code{background:var(--glass-highlight);padding:.15em .4em;border-radius:4px;font-size:.85em}.settings-page{display:flex;flex-direction:column;gap:1.5rem}.settings-form{display:flex;flex-direction:column;gap:1rem;margin-top:.75rem}.settings-avatar-row{display:flex;align-items:center;gap:1rem}.settings-avatar{width:56px;height:56px;border-radius:50%;border:2px solid var(--glass-border)}.settings-avatar-placeholder{width:56px;height:56px;border-radius:50%;background:var(--glass-highlight);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-muted)}.field{display:flex;flex-direction:column;gap:.35rem}.field-label{font-size:.85rem;color:var(--text-muted);font-weight:500}.field-input{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;padding:.65rem .9rem;color:var(--text-main);font-family:var(--font-family);font-size:.95rem;outline:none;transition:border-color .2s}.field-input:focus{border-color:var(--color-primary)}.field-input::placeholder{color:var(--text-muted);opacity:.5}.field-row{display:flex;align-items:center;gap:1rem}.save-msg{font-size:.85rem;color:var(--success)}.readonly-fields{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:.5rem}.readonly-row{display:flex;justify-content:space-between;font-size:.9rem}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.danger-zone{border-color:#ff525233!important}.danger-zone h2{color:var(--danger)}.btn-danger-outline{background:transparent;border:1px solid var(--danger);color:var(--danger);padding:.55rem 1.25rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.btn-danger-outline:hover{background:#ff52521a}.btn-danger{background:var(--danger);color:#fff;border:none;padding:.55rem 1.25rem;border-radius:8px;cursor:pointer;font-weight:600}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-card{width:100%;max-width:440px}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.gallery-page{max-width:1200px;margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:1.25rem}.gallery-hero{text-align:center;padding:1.5rem 0 .5rem}.gallery-title{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#bd00ff,#ff00de);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.gallery-subtitle{color:var(--text-muted);font-size:.9rem;margin:.4rem 0 0}.gallery-filters{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.gallery-search-form{display:flex;gap:.5rem}.gallery-search-input{flex:1;padding:.55rem .8rem;border-radius:10px;border:1px solid var(--glass-border);background:#ffffff0a;color:#fff;font-size:.85rem;font-family:var(--font-family);outline:none;transition:border-color .15s}.gallery-search-input:focus{border-color:#bd00ff66}.gallery-search-btn{padding:.55rem .8rem;border-radius:10px;border:1px solid var(--glass-border);background:#bd00ff1f;color:#fff;cursor:pointer;font-size:.85rem;transition:all .15s}.gallery-search-btn:hover{background:#bd00ff40}.gallery-filter-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.genre-filter-scroll{display:flex;gap:.35rem;overflow-x:auto;flex:1;padding-bottom:2px;scrollbar-width:thin;scrollbar-color:rgba(189,0,255,.3) transparent}.genre-filter-scroll::-webkit-scrollbar{height:4px}.genre-filter-scroll::-webkit-scrollbar-thumb{background:#bd00ff4d;border-radius:99px}.genre-pill{padding:.3rem .65rem;border-radius:99px;border:1px solid var(--glass-border);background:#ffffff08;color:var(--text-muted);font-size:.75rem;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:var(--font-family);text-transform:capitalize}.genre-pill:hover{border-color:#bd00ff4d;color:#fff}.genre-active{background:linear-gradient(90deg,#bd00ff33,#ff00de26);border-color:#bd00ff80;color:#fff;font-weight:600}.sort-select-wrap{display:flex;gap:.35rem;flex-shrink:0}.sort-pill{padding:.3rem .65rem;border-radius:99px;border:1px solid var(--glass-border);background:#ffffff08;color:var(--text-muted);font-size:.75rem;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:var(--font-family)}.sort-pill:hover{border-color:#bd00ff4d;color:#fff}.sort-active{background:linear-gradient(90deg,#bd00ff33,#ff00de26);border-color:#bd00ff80;color:#fff;font-weight:600}.gallery-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:var(--text-muted)}.gallery-empty{text-align:center;padding:3rem;color:var(--text-muted)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.gallery-card{padding:.9rem;border-radius:12px;cursor:pointer;transition:all .18s ease;display:flex;flex-direction:column;gap:.4rem;position:relative;overflow:hidden}.gallery-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#bd00ff0a,#ff00de05);opacity:0;transition:opacity .18s;pointer-events:none}.gallery-card:hover{border-color:#bd00ff4d;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.gallery-card:hover:before{opacity:1}.gallery-card-top{display:flex;align-items:center;justify-content:space-between}.gallery-card-genre{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#bd00ffcc;font-weight:700}.gallery-card-badge{font-size:.75rem}.gallery-card-title{font-size:.9rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-card-meta{display:flex;gap:.4rem;flex-wrap:wrap}.gallery-card-mood,.gallery-card-vocals{font-size:.7rem;padding:.15rem .45rem;border-radius:99px;background:#ffffff0f;color:var(--text-muted);text-transform:capitalize}.gallery-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.3rem}.gallery-card-creator{font-size:.72rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.gallery-card-plays{font-size:.7rem;color:var(--text-muted);opacity:.7}.gallery-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 0}.page-info{font-size:.85rem;color:var(--text-muted)}.song-detail-modal{position:relative;width:90vw;max-width:600px;max-height:85vh;overflow-y:auto;padding:1.5rem;border-radius:16px;animation:slideUp .25s ease}.modal-close{position:absolute;top:.75rem;right:.75rem;background:#ffffff0f;border:1px solid var(--glass-border);color:var(--text-muted);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;transition:all .15s}.modal-close:hover{color:#fff;background:#ffffff1f}.detail-header{margin-bottom:.75rem}.detail-title{font-size:1.2rem;font-weight:700;margin:0}.detail-creator{font-size:.8rem;color:var(--text-muted);margin-top:.2rem}.detail-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.detail-tag{font-size:.72rem;padding:.2rem .5rem;border-radius:99px;background:#bd00ff1a;border:1px solid rgba(189,0,255,.2);color:#bd00ffe6;text-transform:capitalize}.detail-section{margin-bottom:.75rem}.detail-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600;display:block;margin-bottom:.3rem}.detail-prompt{font-size:.85rem;color:#ffffffbf;line-height:1.5;margin:0}.detail-lyrics{max-height:200px;overflow-y:auto;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;line-height:1.6;color:#ffffffb3;padding:.5rem;border-radius:8px;background:#0003}.detail-player{margin:.75rem 0}.detail-footer{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding-top:.5rem;border-top:1px solid var(--glass-border)}.detail-date{font-size:.75rem;color:var(--text-muted)}.detail-plays{font-size:.75rem;color:var(--text-muted);margin-left:auto}.lyric-section-header{color:#bd00ffb3;font-weight:700;margin-top:.5rem;font-size:.75rem}.lyric-line{color:#ffffffb3}@media(max-width:700px){.gallery-grid{grid-template-columns:1fr 1fr}.gallery-title{font-size:1.4rem}.gallery-filter-row{flex-direction:column}}@media(max-width:480px){.gallery-grid{grid-template-columns:1fr}}.scores-page{padding:2rem;max-width:1100px;margin:0 auto}.scores-hero{text-align:center;margin-bottom:2rem}.scores-title{font-size:2rem;font-weight:800;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.scores-subtitle{color:var(--text-muted);font-size:.95rem;max-width:600px;margin:0 auto 1rem;line-height:1.5}.auto-badge{display:inline-flex;align-items:center;gap:.5rem;background:#22c55e1f;border:1px solid rgba(34,197,94,.3);border-radius:20px;padding:.4rem 1rem;font-size:.85rem;color:#22c55e;font-weight:600}.auto-badge.pulse{animation:autoPulse 2s ease-in-out infinite}@keyframes autoPulse{0%,to{box-shadow:0 0 #22c55e4d}50%{box-shadow:0 0 20px 4px #22c55e26}}.auto-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:dotBlink 1.5s ease-in-out infinite}@keyframes dotBlink{0%,to{opacity:1}50%{opacity:.3}}.score-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{text-align:center;padding:1.25rem;border-radius:12px}.stat-value{font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.grade-bar-container{padding:1.25rem;border-radius:12px;margin-bottom:1.5rem}.section-title{font-size:1rem;font-weight:700;margin-bottom:.75rem;color:var(--text-main)}.grade-bar{display:flex;height:36px;border-radius:8px;overflow:hidden;gap:2px}.grade-segment{display:flex;align-items:center;justify-content:center;transition:width .5s ease;min-width:20px}.grade-segment-label{font-size:.7rem;font-weight:700;color:#000;text-shadow:0 0 4px rgba(255,255,255,.5);white-space:nowrap}.grade-legend{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem;justify-content:center}.legend-item{display:flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--text-muted)}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.scores-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--glass-border);padding-bottom:.5rem}.scores-tab{background:transparent;border:none;color:var(--text-muted);font-size:.9rem;font-weight:600;padding:.5rem 1rem;cursor:pointer;border-radius:8px 8px 0 0;transition:all .2s}.scores-tab:hover{color:var(--text-main);background:var(--glass-bg)}.scores-tab.tab-active{color:var(--accent-cyan);background:var(--glass-bg);border-bottom:2px solid var(--accent-cyan)}.scores-feed{display:flex;flex-direction:column;gap:.75rem}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;padding:1rem;flex-wrap:wrap}.pagination-info{color:var(--text-muted);font-size:.85rem;margin:0 .75rem;white-space:nowrap}.pagination-controls .btn:disabled{opacity:.35;cursor:not-allowed}.scores-empty{text-align:center;padding:3rem;color:var(--text-muted)}.scores-loading{display:flex;align-items:center;justify-content:center;gap:1rem;padding:4rem;color:var(--text-muted)}.score-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:12px;cursor:pointer;transition:all .2s}.score-card:hover{transform:translateY(-1px);border-color:var(--glass-highlight);box-shadow:0 4px 20px #0000004d}.score-card-grade{display:flex;flex-direction:column;align-items:center;min-width:60px;padding:.5rem;border-radius:10px;border:2px solid;background:#0000004d}.grade-emoji{font-size:1.2rem}.grade-letter{font-size:1.4rem;font-weight:900}.grade-score{font-size:.7rem;color:var(--text-muted)}.grade-S{color:#00f3ff;border-color:#00f3ff}.grade-A{color:gold;border-color:gold}.grade-B{color:#22c55e;border-color:#22c55e}.grade-C{color:#f59e0b;border-color:#f59e0b}.grade-D{color:#ff5252;border-color:#ff5252}.grade-F{color:#666;border-color:#666}.score-card-info{flex:1;min-width:0}.score-card-title{font-weight:700;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.score-card-meta{font-size:.78rem;color:var(--text-muted);display:flex;gap:.4rem;margin-bottom:.5rem}.sc-genre{text-transform:capitalize}.sc-sep{opacity:.4}.score-card-bars{display:flex;gap:.75rem}.mini-bar{display:flex;align-items:center;gap:.3rem;flex:1}.mini-label{font-size:.65rem;color:var(--text-muted);min-width:42px}.mini-track{flex:1;height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.mini-fill{height:100%;border-radius:2px;transition:width .5s ease}.mini-value{font-size:.65rem;color:var(--text-muted);min-width:20px;text-align:right}.score-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;min-width:80px}.sc-plays{font-size:.8rem;color:var(--text-muted)}.sc-date{font-size:.7rem;color:var(--text-muted);opacity:.6}.leaderboard-section{margin-bottom:2rem}.leaderboard-list{display:flex;flex-direction:column;gap:.5rem}.lb-row{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:10px;cursor:pointer;transition:all .2s}.lb-row:hover{border-color:var(--glass-highlight);transform:translate(4px)}.lb-rank{font-size:1.1rem;font-weight:800;min-width:36px;color:var(--text-muted)}.lb-row:nth-child(1) .lb-rank{color:gold;font-size:1.3rem}.lb-row:nth-child(2) .lb-rank{color:silver}.lb-row:nth-child(3) .lb-rank{color:#cd7f32}.lb-grade{font-weight:800;font-size:1rem;min-width:50px;text-align:center}.lb-info{flex:1;min-width:0}.lb-title{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-meta{font-size:.75rem;color:var(--text-muted)}.lb-score{font-size:1.3rem;font-weight:800;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-width:50px;text-align:right}.lb-plays{font-size:.8rem;color:var(--text-muted);min-width:60px;text-align:right}.lb-period-bar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;margin-bottom:.75rem;flex-wrap:wrap;gap:1rem}.lb-period-btns{display:flex;gap:.5rem}.lb-period-btn{padding:.4rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all .2s}.lb-period-btn:hover{background:#ffffff1a;color:#fff}.lb-period-btn.active{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));color:#fff;border-color:transparent;font-weight:600}.lb-period-stats{display:flex;gap:2rem;padding:.5rem 1.5rem;font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem}.lb-cat-tabs{display:flex;gap:.4rem;padding:.75rem 0;overflow-x:auto;margin-bottom:1rem;flex-wrap:wrap}.lb-cat-tab{padding:.35rem .9rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:all .2s;white-space:nowrap}.lb-cat-tab:hover{background:#ffffff1a;color:#fff}.lb-cat-tab.active{background:#6366f140;color:#a5b4fc;border-color:#6366f180;font-weight:600}.lb-board{margin-bottom:2rem}.lb-board-title{font-size:1rem;font-weight:700;margin-bottom:.75rem;color:#e0e0e0}.lb-top3{border-left:3px solid var(--accent-cyan)!important}.lb-row:nth-child(1).lb-top3{border-left-color:gold!important}.lb-row:nth-child(2).lb-top3{border-left-color:silver!important}.lb-row:nth-child(3).lb-top3{border-left-color:#cd7f32!important}.analytics-section{margin-bottom:2rem}.breakdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.bd-meter{padding:1rem;border-radius:10px;text-align:center}.bd-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.bd-value{font-size:1.8rem;font-weight:800;margin:.25rem 0}.bd-bar-track{height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden;margin-top:.5rem}.bd-bar-fill{height:100%;border-radius:2px;transition:width .5s ease}.algo-history{padding:1.25rem;border-radius:12px}.algo-history h4{font-size:.9rem;margin-bottom:.75rem;color:var(--text-main)}.algo-table{font-size:.75rem;overflow-x:auto}.algo-header,.algo-row{display:grid;grid-template-columns:70px 50px 50px repeat(6,30px) 60px 85px;gap:.5rem;padding:.4rem 0;align-items:center}.algo-header{font-weight:700;color:var(--text-muted);border-bottom:1px solid var(--glass-border);text-transform:uppercase;font-size:.65rem;letter-spacing:.04em}.algo-row{border-bottom:1px solid rgba(255,255,255,.02)}.algo-row:hover{background:var(--glass-bg)}.algo-version{color:var(--accent-cyan);font-weight:700}.score-meters{display:flex;gap:1.5rem;justify-content:center;margin:1.5rem 0}.score-meter{text-align:center}.meter-ring{width:72px;height:72px;position:relative}.meter-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.meter-bg{fill:none;stroke:#ffffff0f;stroke-width:3}.meter-fg{fill:none;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .6s ease}.meter-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;font-weight:800}.meter-label{font-size:.7rem;color:var(--text-muted);margin-top:.25rem}.ai-likelihood-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;font-size:.8rem;color:var(--text-muted)}.likelihood-track{flex:1;height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.likelihood-fill{height:100%;border-radius:4px;transition:width .5s ease}.likelihood-pct{font-weight:700;min-width:35px;text-align:right}.score-detail-modal{max-width:550px;width:95vw;max-height:85vh;overflow-y:auto;padding:2rem;border-radius:16px;position:relative;animation:slideUp .3s ease}.detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.detail-grade-big{font-size:2rem;font-weight:900;text-align:center;min-width:80px}.detail-title{font-size:1.3rem;font-weight:700}.detail-creator{font-size:.85rem;color:var(--text-muted)}.detail-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.detail-tag{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:6px;padding:.25rem .75rem;font-size:.78rem;color:var(--text-muted);text-transform:capitalize}.detail-player{margin:1rem 0}.detail-lyrics-section{margin:1rem 0;background:#0000004d;border:1px solid var(--glass-border);border-radius:12px;overflow:hidden}.detail-lyrics-header{padding:.6rem 1rem;font-weight:600;font-size:.9rem;color:#a855f7;border-bottom:1px solid var(--glass-border);background:#a855f714}.detail-lyrics-body{padding:.75rem 1rem;max-height:260px;overflow-y:auto;font-size:.85rem;line-height:1.6;color:var(--text-secondary, #d4d4d8)}.detail-lyrics-body::-webkit-scrollbar{width:5px}.detail-lyrics-body::-webkit-scrollbar-thumb{background:#a855f74d;border-radius:10px}.lyrics-tag{color:#a855f7;font-weight:600;font-size:.82rem;margin-top:.6rem;margin-bottom:.2rem;text-transform:uppercase;letter-spacing:.03em}.lyrics-tag:first-child{margin-top:0}.lyrics-line{color:#e4e4e7}.detail-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--glass-border)}.detail-plays{font-size:.85rem;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-close{position:absolute;top:1rem;right:1rem;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:var(--glass-highlight);color:var(--text-main)}@media(max-width:768px){.scores-page{padding:1rem}.score-stats-row,.breakdown-grid{grid-template-columns:repeat(2,1fr)}.score-card{flex-wrap:wrap}.score-card-bars{display:none}.scores-tabs{overflow-x:auto;white-space:nowrap}.algo-table{font-size:.65rem}.score-meters{flex-wrap:wrap}.lb-plays{display:none}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.prompt-intel-section{display:flex;flex-direction:column;gap:1.25rem}.pi-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.pi-stat{text-align:center;padding:1rem;border-radius:10px}.pi-stat-value{font-size:1.8rem;font-weight:800}.pi-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:.2rem}.pi-card{padding:1.25rem;border-radius:12px}.pi-hint{font-size:.78rem;color:var(--text-muted);margin:.25rem 0 .75rem;line-height:1.5}.pi-rows{display:flex;flex-direction:column;gap:.5rem}.pi-row{display:grid;grid-template-columns:100px 1fr 45px 40px 50px;gap:.5rem;align-items:center;font-size:.82rem}.pi-row-label{text-transform:capitalize;font-weight:600}.pi-row-bar{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.pi-row-fill{height:100%;border-radius:3px;transition:width .4s ease}.pi-row-score{font-weight:700;text-align:right}.pi-row-count,.pi-row-rate{color:var(--text-muted);text-align:right;font-size:.75rem}.pi-word-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pi-word-list{display:flex;flex-wrap:wrap;gap:.5rem}.pi-word-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:8px;font-size:.78rem;border:1px solid}.pi-word-text{font-weight:700}.pi-word-cat{font-size:.65rem;color:var(--text-muted);background:#ffffff0d;padding:.1rem .35rem;border-radius:4px}.pi-word-avg{font-weight:600}.pi-word-good{background:#22c55e14;border-color:#22c55e40;color:#22c55e}.pi-word-bad{background:#ff525214;border-color:#ff525240;color:#ff5252}.pi-word-banned{background:#ff52521f;border-color:#ff525266;color:#ff5252;text-decoration:line-through;text-decoration-color:#ff525266}.pi-reject-list{display:flex;flex-direction:column;gap:.4rem}.pi-reject-row{display:grid;grid-template-columns:35px 80px 80px 40px 1fr;gap:.5rem;align-items:center;font-size:.78rem;padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.03)}.pi-reject-grade{font-weight:800}.pi-reject-genre,.pi-reject-mood{text-transform:capitalize;color:var(--text-muted)}.pi-reject-score{font-weight:700;text-align:right}.pi-reject-reason{color:var(--text-muted);font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.pi-overview{grid-template-columns:repeat(2,1fr)}.pi-word-grid{grid-template-columns:1fr}.pi-row{grid-template-columns:70px 1fr 35px 30px 40px;font-size:.75rem}.pi-reject-row{grid-template-columns:30px 60px 60px 35px 1fr;font-size:.7rem}}.feed-controls{padding:1rem 1.25rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.75rem}.fc-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.fc-group{display:flex;align-items:center;gap:.4rem}.fc-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.fc-select{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.35rem .6rem;border-radius:6px;font-size:.8rem;cursor:pointer;outline:none}.fc-select:focus{border-color:var(--accent-cyan)}.fc-select option{background:#1a1a2e;color:#fff}.fc-dir-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--accent-cyan);width:30px;height:30px;border-radius:6px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.fc-dir-btn:hover{background:#00f3ff26}.fc-search-group{flex:1;min-width:180px}.fc-search{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.35rem .6rem;border-radius:6px;font-size:.8rem;outline:none}.fc-search::placeholder{color:#ffffff59}.fc-search:focus{border-color:var(--accent-cyan)}.fc-grades{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.fc-grade-chip{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;padding:.25rem .6rem;border-radius:20px;font-size:.75rem;cursor:pointer;transition:all .2s}.fc-grade-chip:hover{background:#ffffff1a}.fc-grade-chip.active{background:color-mix(in srgb,var(--chip-color) 25%,transparent);border-color:var(--chip-color);color:var(--chip-color);font-weight:700}.fc-clear{background:none;border:none;color:var(--accent-pink);font-size:.72rem;cursor:pointer;text-decoration:underline}.upload-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:720px;margin:0 auto}.upload-hero{width:100%;text-align:center;padding:2.5rem 2rem 2rem;border-radius:20px;background:linear-gradient(135deg,#00f3ff14,#8b5cf614);border:1px solid rgba(0,243,255,.15);position:relative;overflow:hidden}.upload-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(0,243,255,.12) 0%,transparent 70%);pointer-events:none}.upload-hero-icon{font-size:3.5rem;margin-bottom:.5rem;filter:drop-shadow(0 0 16px rgba(0,243,255,.5))}.upload-hero-title{font-size:1.8rem;font-weight:800;margin:0 0 .5rem;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.upload-hero-subtitle{font-size:1.05rem;color:var(--text-muted);margin:0 0 1.25rem;line-height:1.5;max-width:500px;margin-left:auto;margin-right:auto}.upload-hero-subtitle strong{color:#fff}.upload-hero-features{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.upload-hero-feature{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#ffffffbf;background:#ffffff0a;padding:.4rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.06)}.uhf-icon{font-size:1rem}.upload-zone{width:100%;padding:3rem 2rem;text-align:center;border:2px dashed rgba(0,243,255,.3);border-radius:16px;cursor:pointer;transition:all .3s}.upload-zone:hover{border-color:var(--accent-cyan);background:#00f3ff0d}.upload-icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.upload-icon-big{font-size:3rem;display:block;margin-bottom:.75rem;filter:drop-shadow(0 0 10px rgba(0,243,255,.4))}.upload-cta{font-size:1rem;color:#fff;margin:0}.upload-cta-big{font-size:1.15rem;color:#fff;font-weight:700;margin:0}.upload-hint{font-size:.75rem;color:var(--text-muted);margin-top:.4rem}.upload-free-badge{display:inline-block;margin-top:.75rem;padding:.3rem 1rem;font-size:.8rem;font-weight:600;color:var(--accent-cyan);background:#00f3ff14;border:1px solid rgba(0,243,255,.2);border-radius:999px}.upload-file-info{display:flex;align-items:center;gap:.5rem;justify-content:center}.upload-filename{font-weight:600;color:var(--accent-cyan)}.upload-size{color:var(--text-muted);font-size:.8rem}.upload-btn{padding:.75rem 2rem;font-size:1rem;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));border:none;border-radius:10px;color:#fff;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.upload-btn:hover{transform:scale(1.03);box-shadow:0 0 20px #00f3ff4d}.upload-loading{display:flex;align-items:center;gap:1rem;padding:1.5rem;font-size:.9rem;color:var(--text-muted)}.upload-error{padding:1rem;color:#ff5252;border:1px solid rgba(255,82,82,.3);font-size:.85rem}.upload-result{width:100%;padding:1.5rem}.upload-result-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.upload-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin:1.5rem 0}.upload-detail-item{text-align:center;padding:.75rem;background:#ffffff0a;border-radius:8px}.upload-detail-label{display:block;font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.upload-detail-value{display:block;font-size:1.1rem;font-weight:700;color:var(--accent-cyan);margin-top:.25rem}.score-card-lyricist{font-size:.72rem;color:var(--accent-violet);font-style:italic;margin-top:2px}.detail-lyricist{font-size:.8rem;color:var(--accent-violet);font-style:italic;margin-top:2px}.score-card-genre-fix{font-size:.7rem;color:#f59e0b;margin-top:2px}.score-card-genre-fix strong{color:gold}.sc-community-stars{display:flex;align-items:center;gap:3px;margin-bottom:2px}.stars-display{color:gold;letter-spacing:1px}.sc-rating-count{font-size:.65rem;color:var(--text-muted)}.rating-widget{margin-top:1rem;padding:1rem 1.2rem;border:1px solid rgba(189,0,255,.2);border-radius:12px}.rw-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.rw-title{margin:0;font-size:.95rem;color:var(--accent-cyan)}.rw-aggregate{display:flex;align-items:center;gap:6px}.rw-avg{font-weight:700;color:gold;font-size:1rem}.rw-count{font-size:.75rem;color:var(--text-muted)}.rw-stars-row,.rw-genre-row,.rw-comment-row,.rw-submit-row{display:flex;align-items:center;gap:8px;margin-bottom:.5rem;flex-wrap:wrap}.rw-label{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.rw-stars-interactive{display:flex;gap:2px}.rw-star{background:none;border:none;font-size:1.6rem;color:#ffd70040;cursor:pointer;transition:color .15s,transform .15s;padding:0;line-height:1}.rw-star:hover,.rw-star-filled{color:gold;transform:scale(1.15)}.rw-rating-text{font-size:.75rem;font-weight:600;color:var(--accent-pink);margin-left:4px}.rw-genre-select{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:var(--text-primary);padding:4px 10px;font-size:.8rem;cursor:pointer}.rw-genre-select option{background:#1a1a2e}.rw-genre-badge{font-size:.75rem;padding:2px 8px;background:#f59e0b26;border-radius:6px;border:1px solid rgba(245,158,11,.3)}.rw-genre-old{color:#ff5252;text-decoration:line-through}.rw-genre-new{color:#22c55e;font-weight:600}.rw-comment-input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:var(--text-primary);padding:6px 10px;font-size:.8rem}.rw-comment-input::placeholder{color:var(--text-muted)}.rw-submit-btn{padding:6px 16px;font-size:.8rem}.rw-genre-votes,.rw-comments{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06)}.rw-genre-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.rw-genre-chip{background:#00f3ff1a;border:1px solid rgba(0,243,255,.25);border-radius:12px;padding:2px 10px;font-size:.72rem;color:var(--accent-cyan)}.rw-chip-votes{color:var(--text-muted);margin-left:2px}.rw-comment-item{display:flex;gap:8px;align-items:baseline;margin-top:4px;font-size:.78rem}.rw-comment-stars{color:gold;font-size:.7rem;white-space:nowrap}.rw-comment-text{color:var(--text-secondary)}.community-section{display:flex;flex-direction:column;gap:1.5rem}.cm-card{padding:1.2rem 1.5rem}.cm-hint{font-size:.8rem;color:var(--text-muted);margin:.25rem 0 .75rem}.cm-mismatch-grid{display:flex;flex-direction:column;gap:6px}.cm-mismatch-row{display:flex;align-items:center;gap:10px;padding:6px 12px;background:#f59e0b14;border-radius:8px;font-size:.85rem}.cm-old-genre{color:#ff5252;font-weight:600;text-decoration:line-through}.cm-arrow{color:var(--text-muted)}.cm-new-genre{color:#22c55e;font-weight:700}.cm-mismatch-count{color:var(--text-muted);margin-left:auto;font-size:.75rem}.cm-comparison-list{display:flex;flex-direction:column;gap:8px}.cm-comp-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff08;border-radius:10px;flex-wrap:wrap}.cm-comp-info{flex:1;min-width:140px}.cm-comp-title{font-weight:600;font-size:.9rem}.cm-comp-meta{font-size:.75rem;color:var(--text-muted)}.cm-comp-fix{color:#f59e0b}.cm-comp-scores{display:flex;align-items:center;gap:10px}.cm-comp-ai,.cm-comp-human{display:flex;flex-direction:column;align-items:center;gap:2px}.cm-comp-label{font-size:.65rem;text-transform:uppercase;color:var(--text-muted)}.cm-comp-value{font-size:1.1rem;font-weight:700}.cm-comp-vs{color:var(--text-muted);font-size:.7rem}.cm-comp-count{font-size:.65rem;color:var(--text-muted)}.cm-disagreement-badge{width:100%;font-size:.72rem;color:#f59e0b;text-align:center;padding:2px 0}.lyricist-link{color:var(--accent-violet, #bd93f9);text-decoration:none;transition:color .2s,text-decoration .2s;cursor:pointer}.lyricist-link:hover{color:#d4b3ff;text-decoration:underline}@media(max-width:768px){.fc-row{flex-direction:column;align-items:stretch}.fc-search-group{min-width:0}.upload-detail-grid{grid-template-columns:repeat(2,1fr)}.cm-comp-row,.rw-stars-row{flex-direction:column;align-items:flex-start}}.radio-page{max-width:1200px;margin:0 auto;padding:2rem 1rem;min-height:100vh;color:#e0e0e0}.radio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#1db95426,#7c3aed26);border-radius:16px;border:1px solid rgba(29,185,84,.3)}.radio-logo{display:flex;align-items:center;gap:1rem}.radio-icon{font-size:2.5rem;animation:pulse-radio 2s ease-in-out infinite}@keyframes pulse-radio{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.radio-logo h1{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#1db954,#7c3aed);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}.radio-tagline{color:#888;font-size:.85rem;margin:0}.radio-status{display:flex;align-items:center;gap:.5rem}.status-dot{width:10px;height:10px;border-radius:50%;background:#666}.status-dot.live{background:#1db954;box-shadow:0 0 8px #1db95480;animation:blink 1.5s ease-in-out infinite}.status-dot.offline{background:#666}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.status-text{font-weight:700;font-size:.85rem;letter-spacing:.05em}.listener-count{color:#888;font-size:.85rem;margin-left:.5rem}.tune-in-btn{animation:pulse-tune 2s ease-in-out infinite}@keyframes pulse-tune{0%,to{box-shadow:0 0 #1db95466}50%{box-shadow:0 0 12px 4px #1db95433}}.dj-ticker{margin-bottom:1rem;padding:.6rem 1.2rem;background:linear-gradient(135deg,#7c3aed26,#1db9541a);border:1px solid rgba(124,58,237,.25);border-radius:10px;overflow:hidden}.dj-ticker-inner{display:flex;align-items:center}.dj-ticker-text{font-size:.9rem;color:#c4b5fd;font-weight:500;white-space:nowrap;animation:ticker-fade .5s ease-in}@keyframes ticker-fade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.live-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;padding:.4rem 0;font-size:.8rem;color:#999}.live-badge{color:#1db954;font-weight:800;font-size:.75rem;letter-spacing:.08em;animation:blink 1.5s ease-in-out infinite}.live-time{font-family:monospace;color:#aaa}.live-remaining{color:#888;font-size:.75rem}.live-progress{width:100%;height:4px;background:#ffffff14;border-radius:2px;margin-bottom:1.2rem;overflow:hidden}.live-progress-fill{height:100%;background:linear-gradient(90deg,#1db954,#7c3aed);border-radius:2px;transition:width 1s linear}.np-track-num{margin-left:.6rem;font-size:.75rem;color:#888;font-weight:400}.tune-in-prompt{text-align:center;padding:2rem 1rem}.tune-in-big{font-size:1.2rem;padding:1rem 2.5rem;border-radius:50px;animation:pulse-tune 2s ease-in-out infinite}.tune-in-hint{color:#666;font-size:.8rem;margin-top:.8rem}.dj-interlude{text-align:center;padding:3rem 1rem}.dj-avatar{font-size:4rem;margin-bottom:1rem;animation:pulse-radio 2s ease-in-out infinite}.dj-interlude h2{font-size:1.4rem;font-weight:800;color:#c4b5fd;margin:.5rem 0}.dj-speaking{color:#aaa;font-size:.95rem;max-width:500px;margin:.5rem auto;line-height:1.5}.dj-eq{display:flex;justify-content:center;align-items:flex-end;gap:4px;height:30px;margin-top:1.5rem}.eq-bar{width:4px;background:linear-gradient(to top,#1db954,#7c3aed);border-radius:2px;animation:eq-bounce 1.2s ease-in-out infinite}.eq-bar:nth-child(1){height:10px;animation-delay:0s}.eq-bar:nth-child(2){height:18px;animation-delay:.15s}.eq-bar:nth-child(3){height:26px;animation-delay:.3s}.eq-bar:nth-child(4){height:14px;animation-delay:.45s}.eq-bar:nth-child(5){height:20px;animation-delay:.6s}@keyframes eq-bounce{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.np-lyrics-details{margin-top:1.2rem;text-align:left}.np-lyrics-details summary{cursor:pointer;color:#888;font-size:.85rem;padding:.5rem 0;-webkit-user-select:none;user-select:none}.np-lyrics-details summary:hover{color:#c4b5fd}.np-lyrics{font-family:inherit;font-size:.8rem;color:#999;white-space:pre-wrap;line-height:1.6;padding:1rem;background:#0003;border-radius:8px;max-height:300px;overflow-y:auto}.like-toast{text-align:center;color:#ef4444;font-size:.85rem;margin-top:.5rem;animation:fadeIn .3s}.radio-content{display:grid;grid-template-columns:1fr 360px;gap:1.5rem;align-items:start}@media(max-width:900px){.radio-content{grid-template-columns:1fr}}.now-playing-card{background:#ffffff0a;border-radius:16px;border:1px solid rgba(255,255,255,.08);padding:2rem;text-align:center}.np-info{margin-bottom:1.5rem}.np-badge{margin-bottom:.5rem}.np-grade{display:inline-block;padding:.3rem 1rem;border:2px solid;border-radius:20px;font-weight:700;font-size:.9rem;background:#0000004d}.np-title{font-size:1.8rem;font-weight:800;margin:.5rem 0;color:#fff}.np-meta{display:flex;justify-content:center;gap:.5rem;color:#aaa;font-size:.9rem;flex-wrap:wrap}.np-separator{color:#555}.np-lyricist{margin-top:.5rem;color:#9b87f5;font-size:.85rem}.np-player{margin:1.5rem 0}.vote-section{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin:1.5rem 0}.vote-btn{display:flex;align-items:center;gap:.4rem;padding:.8rem 1.5rem;border:2px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0a;color:#ccc;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.vote-btn:hover:not(:disabled){transform:scale(1.05)}.vote-btn:disabled{opacity:.5;cursor:default}.vote-btn.upvote:hover:not(:disabled),.vote-btn.upvote.active{border-color:#1db954;background:#1db95426;color:#1db954}.vote-btn.downvote:hover:not(:disabled),.vote-btn.downvote.active{border-color:#e74c3c;background:#e74c3c26;color:#e74c3c}.vote-net{text-align:center}.net-score{font-size:1.4rem;font-weight:800;color:#888}.net-score.positive{color:#1db954}.net-score.negative{color:#e74c3c}.vote-message{color:#9b87f5;font-size:.85rem;margin-top:.5rem;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.np-actions{display:flex;align-items:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.like-btn{font-size:.9rem!important;padding:.4rem 1rem!important;border-radius:999px!important}.like-btn.active{background:#ef444426!important;border-color:#ef444466!important;color:#ef4444!important}.np-link{color:#9b87f5;text-decoration:none;font-size:.9rem;transition:color .2s}.np-link:hover{color:#c4b5fd}.radio-start-btn{margin-top:1.5rem;font-size:1.1rem;padding:.75rem 2rem}.radio-stop-btn{margin-left:.5rem}.np-offline{padding:3rem 1rem}.offline-icon{font-size:4rem;display:block;margin-bottom:1rem;opacity:.5}.np-offline h2{color:#888;margin:.5rem 0}.np-offline p{color:#666;font-size:.9rem}.offline-hint{font-size:.8rem!important;color:#555!important}.np-offline code{background:#7c3aed33;padding:.15rem .4rem;border-radius:4px;font-size:.85rem;color:#9b87f5}.radio-sidebar{display:flex;flex-direction:column;gap:1rem}.sidebar-card{background:#ffffff0a;border-radius:12px;border:1px solid rgba(255,255,255,.08);padding:1.2rem}.sidebar-card h3{margin:0 0 .8rem;font-size:1rem;font-weight:700;color:#fff}.genre-vote-hint{font-size:.72rem;color:#777;margin-bottom:.6rem;line-height:1.4}.genre-chips{display:flex;flex-wrap:wrap;gap:.4rem}.genre-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#aaa;font-size:.75rem;cursor:pointer;transition:all .2s}.genre-chip:hover{border-color:#7c3aed80;color:#ddd}.genre-chip.active{border-color:#7c3aed;background:#7c3aed33;color:#c4b5fd;font-weight:600}.genre-chip.leading{border-color:#10b981;background:#10b9811f;color:#6ee7b7}.genre-chip.leading.active{border-color:#7c3aed;background:linear-gradient(135deg,#7c3aed33,#10b9811f);color:#c4b5fd}.genre-vote-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#7c3aed4d;color:#c4b5fd;font-size:.65rem;font-weight:700}.genre-chip.leading .genre-vote-count{background:#10b9814d;color:#6ee7b7}.queue-list{list-style:none;padding:0;margin:0}.queue-item{display:flex;align-items:center;gap:.7rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.queue-item:last-child{border-bottom:none}.queue-num{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#888;background:#ffffff0f;border-radius:50%;flex-shrink:0}.queue-info{display:flex;flex-direction:column;min-width:0}.queue-title{font-size:.85rem;font-weight:600;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-genre{font-size:.75rem;color:#888}.queue-empty{color:#666;font-size:.85rem;text-align:center;padding:1rem 0}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.stat-item{text-align:center;padding:.5rem;background:#ffffff08;border-radius:8px}.stat-value{display:block;font-size:1.2rem;font-weight:800;color:#fff}.stat-label{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.05em}.top-voted{margin-top:.8rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.06)}.top-voted h4{margin:0 0 .5rem;font-size:.85rem;color:#aaa}.top-voted-item{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;font-size:.8rem}.tv-title{flex:1;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-votes{color:#1db954;font-weight:700}.how-it-works ul{list-style:none;padding:0;margin:0}.how-it-works li{padding:.4rem 0;font-size:.8rem;color:#999;border-bottom:1px solid rgba(255,255,255,.04)}.how-it-works li:last-child{border-bottom:none}.how-it-works code{background:#7c3aed33;padding:.1rem .3rem;border-radius:3px;font-size:.75rem;color:#9b87f5}.ap-seek-live{cursor:default!important;opacity:.6;pointer-events:none}.gw-page{max-width:900px;margin:0 auto;padding:2rem 1rem 4rem;display:flex;flex-direction:column;gap:1.25rem}.gw-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:4rem 2rem;color:var(--text-muted)}.gw-error{text-align:center;padding:3rem}.gw-directory-header{text-align:center;padding:1rem 0}.gw-dir-title{font-size:2rem;font-weight:800;margin-bottom:.5rem}.gw-dir-subtitle{color:var(--text-muted);font-size:.95rem;max-width:560px;margin:0 auto;line-height:1.5}.gw-dir-controls{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.gw-dir-search{width:100%;padding:.6rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#0000004d;color:var(--text-main);font-size:.9rem}.gw-dir-search:focus{outline:none;border-color:var(--accent-violet, #8b5cf6)}.gw-style-chips{display:flex;flex-wrap:wrap;gap:.4rem}.gw-style-chip{padding:.3rem .7rem;border-radius:20px;font-size:.75rem;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--text-muted);cursor:pointer;transition:all .2s}.gw-style-chip:hover{background:#8b5cf61a;border-color:#8b5cf64d}.gw-style-chip.active{background:#8b5cf633;border-color:#8b5cf680;color:#bd93f9}.gw-dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.gw-card{position:relative;cursor:pointer;padding:1rem;transition:all .2s;display:flex;flex-direction:column;gap:.6rem}.gw-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf626;border-color:#8b5cf64d}.gw-card-header{display:flex;align-items:center;gap:.6rem}.gw-card-emoji{font-size:2rem;flex-shrink:0}.gw-card-info{flex:1;min-width:0}.gw-card-name{font-weight:700;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gw-card-style{font-size:.75rem;color:var(--text-muted)}.gw-card-grade{font-weight:700;font-size:.85rem;flex-shrink:0}.gw-card-bio{font-size:.8rem;color:var(--text-muted);line-height:1.4;flex:1}.gw-card-footer{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem}.gw-card-genre{padding:.15rem .5rem;border-radius:12px;font-size:.65rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);color:#bd93f9}.gw-card-stats{margin-left:auto;font-size:.7rem;color:var(--text-muted);display:flex;gap:.5rem}.gw-card-custom-badge{position:absolute;top:.5rem;right:.5rem;font-size:.6rem;padding:.15rem .4rem;border-radius:8px;background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#22c55e}.gw-empty{text-align:center;padding:3rem;color:var(--text-muted)}.gw-back-row{padding:.5rem 0}.gw-back-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;transition:color .2s}.gw-back-link:hover{color:var(--text-main)}.gw-profile-card{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.gw-profile-hero{display:flex;align-items:center;gap:1rem}.gw-avatar{font-size:3.5rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#8b5cf61a;border:2px solid rgba(139,92,246,.3);flex-shrink:0}.gw-hero-info{flex:1;min-width:0}.gw-name{font-size:1.6rem;font-weight:800;line-height:1.2}.gw-type-badge{font-size:.75rem;color:var(--text-muted);margin-top:.2rem}.gw-creator{font-size:.75rem;color:var(--accent-violet, #8b5cf6);margin-top:.1rem}.gw-grade-badge{display:flex;flex-direction:column;align-items:center;padding:.6rem .8rem;border-radius:12px;border:2px solid;background:#0000004d;flex-shrink:0}.gw-grade-emoji{font-size:1.2rem}.gw-grade-letter{font-size:1.5rem;font-weight:800;line-height:1}.gw-grade-score{font-size:.7rem;opacity:.8}.gw-bio{color:var(--text-muted);font-size:.9rem;line-height:1.5;font-style:italic}.gw-stats-row{display:flex;gap:.5rem}.gw-stat{flex:1;text-align:center;padding:.75rem .5rem;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.gw-stat-value{font-size:1.3rem;font-weight:700;color:var(--text-main)}.gw-stat-label{font-size:.7rem;color:var(--text-muted);margin-top:.15rem}.gw-detail-card{padding:1.25rem}.gw-section-title{font-size:.95rem;font-weight:700;margin-bottom:.75rem;color:var(--text-main)}.gw-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.gw-detail-item{display:flex;flex-direction:column;gap:.15rem;padding:.5rem;border-radius:6px;background:#ffffff05}.gw-detail-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.gw-detail-value{font-size:.85rem;font-weight:600;color:var(--text-main);text-transform:capitalize}.gw-pill-row{display:flex;flex-wrap:wrap;gap:.35rem}.gw-pill{padding:.25rem .6rem;border-radius:16px;font-size:.75rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);color:#bd93f9}.gw-pill-theme{background:#22c55e1a;border-color:#22c55e33;color:#22c55e}.gw-pill-emotion{background:#f59e0b1a;border-color:#f59e0b33;color:#f59e0b}.gw-phrases{display:flex;flex-wrap:wrap;gap:.5rem}.gw-phrase{font-size:.8rem;color:var(--text-muted);font-style:italic;padding:.3rem .6rem;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.gw-example{margin-bottom:.75rem}.gw-lyrics-sample{font-family:var(--font-family);font-size:.82rem;color:var(--text-muted);line-height:1.6;white-space:pre-wrap;padding:.75rem;border-radius:8px;background:#0000004d;border-left:3px solid rgba(139,92,246,.4)}.gw-songs-list{display:flex;flex-direction:column;gap:.25rem}.gw-song-row{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border-radius:6px;text-decoration:none;color:var(--text-main);transition:background .15s}.gw-song-row:hover{background:#8b5cf614}.gw-song-grade{font-size:.75rem;font-weight:700;width:50px;flex-shrink:0}.gw-song-title{flex:1;font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gw-song-genre{font-size:.7rem;color:var(--text-muted);padding:.1rem .4rem;border-radius:8px;background:#ffffff0d}.gw-song-score{font-size:.8rem;font-weight:600;width:35px;text-align:right}.gw-song-plays{font-size:.7rem;color:var(--text-muted);width:45px;text-align:right}.gw-footer{display:flex;justify-content:center;gap:1rem;padding:1rem 0}.gw-footer-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;transition:color .2s}.gw-footer-link:hover{color:var(--text-main)}@media(max-width:600px){.gw-dir-grid{grid-template-columns:1fr}.gw-profile-hero{flex-direction:column;text-align:center}.gw-stats-row{flex-direction:column}.gw-detail-grid{grid-template-columns:1fr 1fr}}.liked-page{display:flex;flex-direction:column;gap:1.5rem}.liked-header{margin-bottom:.5rem}.liked-title-row{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.5rem}.liked-count{font-size:.85rem;color:var(--text-muted);font-weight:500}.liked-subtitle{color:var(--text-muted);font-size:.9rem;margin:0}.liked-toolbar{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.liked-sort-pills{display:flex;gap:.4rem;flex-wrap:wrap}.sort-pill{padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:all .2s;white-space:nowrap}.sort-pill:hover{background:#ffffff14;color:#fff}.sort-active{background:#ef444426;border-color:#ef444466;color:#ef4444}.liked-empty{text-align:center;padding:3rem 2rem}.liked-empty-icon{font-size:3rem;margin-bottom:1rem}.liked-empty-list{list-style:none;padding:0;margin:1.5rem auto 0;max-width:360px;text-align:left}.liked-empty-list li{padding:.5rem 0;font-size:.9rem}.liked-empty-list a{color:#7c3aed;text-decoration:underline}.liked-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.liked-card{cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .3s;position:relative;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.liked-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #ef444426}.liked-card-removing{opacity:.4;transform:scale(.96);pointer-events:none}.liked-card-top{display:flex;justify-content:space-between;align-items:center}.liked-card-genre{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ef4444}.liked-card-heart{background:none;border:none;cursor:pointer;font-size:1.1rem;padding:.2rem;transition:transform .2s;line-height:1}.liked-card-heart:hover{transform:scale(1.3)}.liked-card-title{font-size:1rem;font-weight:600;color:#fff;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.liked-card-meta{display:flex;gap:.4rem;flex-wrap:wrap}.liked-card-meta span{font-size:.75rem;padding:.15rem .5rem;border-radius:999px;background:#ffffff0f;color:var(--text-muted)}.liked-card-creator{font-size:.8rem;color:var(--text-muted);font-style:italic}.liked-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.5rem}.liked-card-date,.liked-card-plays{font-size:.75rem;color:var(--text-muted)}.liked-detail-modal{max-width:600px;width:90vw;max-height:85vh;overflow-y:auto;padding:2rem;position:relative}.liked-unlike-btn{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444}.liked-unlike-btn:hover{background:#ef444440}@media(max-width:640px){.liked-grid{grid-template-columns:1fr}.liked-toolbar{flex-direction:column;align-items:stretch}.liked-sort-pills{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.liked-detail-modal{width:95vw;padding:1.5rem}}:root{--bg-dark: #050510;--bg-gradient-start: #0a0a20;--bg-gradient-end: #000000;--color-primary: hsl(250, 100%, 60%);--color-primary-glow: hsl(250, 100%, 60%, .5);--accent-cyan: #00f3ff;--accent-pink: #ff00de;--accent-violet: #bd00ff;--text-main: #ffffff;--text-muted: #a0a0b0;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .06);--glass-highlight: rgba(255, 255, 255, .1);--success: #00e676;--danger: #ff5252;--warning: #ffd740;--sidebar-width: 240px;--header-height: 64px;--font-family: "Outfit", sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-family);background:linear-gradient(180deg,var(--bg-gradient-start),var(--bg-gradient-end));color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:var(--accent-cyan);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:var(--font-family)}.page-loader{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-muted);font-size:1.1rem}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.4rem;border-radius:99px;font-size:.9rem;font-weight:600;border:none;transition:all .2s ease;text-decoration:none}.btn-primary{background:linear-gradient(90deg,#bd00ff,#ff00de);color:#fff}.btn-primary:hover{box-shadow:0 0 28px #bd00ff66;transform:translateY(-1px);text-decoration:none}.btn-outline{background:transparent;border:1px solid var(--glass-highlight);color:#fff}.btn-outline:hover{border-color:#ffffff4d;background:#ffffff0a;text-decoration:none}.btn-danger{background:transparent;border:1px solid var(--danger);color:var(--danger)}.btn-danger:hover{background:#ff52521f}.btn-success{background:linear-gradient(90deg,#00c853,#00e676);color:#fff}.btn-success:hover{box-shadow:0 0 20px #00e6764d}.btn-discord{background:#5865f2;color:#fff}.btn-discord:hover{background:#4752c4;box-shadow:0 0 20px #5865f259}.pill{display:inline-block;padding:.2rem .65rem;border-radius:99px;font-size:.78rem;font-weight:500;background:var(--glass-highlight);color:var(--text-muted);border:1px solid var(--glass-border)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-muted{color:var(--text-muted)}.text-cyan{color:var(--accent-cyan)}.text-pink{color:var(--accent-pink)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}audio{width:100%;height:40px;border-radius:8px;outline:none}audio::-webkit-media-controls-panel{background:#ffffff0d}.like-heart-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.25rem;transition:transform .2s,filter .2s;line-height:1;opacity:.6}.like-heart-btn:hover{transform:scale(1.3);opacity:1}.like-heart-btn.liked{opacity:1;filter:none}.like-heart-btn:disabled{cursor:default;opacity:.3}.like-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#1e1e28f2;border:1px solid rgba(239,68,68,.4);color:#fff;padding:.6rem 1.2rem;border-radius:999px;font-size:.85rem;z-index:10000;animation:likeToastIn .3s ease-out;pointer-events:none}@keyframes likeToastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}