:root{--primary:#1ed760;--primary-hover:#39ff88;--bg:#080808;--bg-2:#121212;--card:#181818;--line:rgba(255,255,255,0.08);--text:#fff;--muted:#b8b8b8;--danger:#ef4444;--cyan:#8ee7ff;--amber:#ffd27a;--radius:8px;--menu-font-size:1rem;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 18% 12%,rgba(30,215,96,.18),transparent 28rem),radial-gradient(circle at 84% 18%,rgba(142,231,255,.1),transparent 24rem),linear-gradient(135deg,#050505,var(--bg) 42%,#0c100e);color:var(--text)}button,input,select,textarea{font:inherit}button{border:0;color:var(--text);cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--primary-hover);outline-offset:3px}img{max-width:100%;display:block}.loading-shell{position:fixed;inset:0;z-index:20;display:grid;grid-template-columns:18rem 1fr 20rem;gap:1rem;padding:1rem;background:var(--bg);transition:opacity .4s ease,visibility .4s ease}.loading-shell.hide{opacity:0;visibility:hidden}.skeleton{border-radius:var(--radius);background:linear-gradient(100deg,#151515 20%,#222 36%,#151515 52%);background-size:220% 100%;animation:shimmer 1.4s infinite linear}@keyframes shimmer{to{background-position:-220% 0}}.app-shell{display:grid;grid-template-columns:17rem minmax(0,1fr) 21rem;gap:1rem;min-height:calc(100vh - 6.8rem);padding:1rem 1rem 7rem}.glass{border:1px solid var(--line);background:rgba(18,18,18,.72);box-shadow:0 22px 70px rgba(0,0,0,.35);backdrop-filter:blur(20px)}.queue-panel,.sidebar{position:sticky;top:1rem;height:calc(100vh - 8.8rem);border-radius:var(--radius);padding:1rem}.brand{display:flex;gap:.75rem;align-items:center;color:inherit;text-decoration:none;margin-bottom:1.2rem}.brand-mark{display:grid;width:2.8rem;aspect-ratio:1;place-items:center;border-radius:var(--radius);color:#061107;font-weight:900;background:linear-gradient(135deg,var(--primary),var(--cyan));box-shadow:0 0 34px rgba(30,215,96,.45);overflow:hidden}.brand-mark.has-image{background:0 0;box-shadow:none}.brand-mark img{width:100%;height:100%;object-fit:contain}.album-card span,.brand small,.now-card span,.track-info span{display:block;color:var(--muted)}.nav-list{display:grid;gap:.35rem}.nav-item{display:flex;gap:.7rem;align-items:center;width:100%;min-height:2.8rem;padding:0 .8rem;border-radius:var(--radius);background:0 0;color:var(--muted);font-size:var(--menu-font-size);transition:.3s ease}.nav-item.active,.nav-item:hover{color:var(--text);background:rgba(30,215,96,.12);box-shadow:inset 0 0 0 1px rgba(30,215,96,.28)}.nav-icon{display:inline-grid;width:1.05rem;height:1.05rem;flex:0 0 auto;place-items:center;font-size:1.05rem}.nav-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.nav-item.active .nav-icon svg,.nav-item:hover .nav-icon svg{filter:drop-shadow(0 0 8px rgba(30,215,96,.42))}.premium-box{margin-top:1.2rem;padding:1rem;border-radius:var(--radius);background:linear-gradient(160deg,rgba(30,215,96,.18),rgba(142,231,255,.08))}.eyebrow,.premium-box p{margin:0 0 .35rem;color:var(--primary-hover);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.premium-box #premiumLabel{font-size:inherit}.social-card{display:grid;gap:.7rem;margin-top:1rem;padding:.9rem;border-radius:var(--radius);background:linear-gradient(160deg,rgba(30,215,96,.16),rgba(142,231,255,.06));border:1px solid rgba(30,215,96,.16)}.social-card[hidden]{display:none}.social-card-head .eyebrow{margin:0}.sidebar-social-list{display:grid;gap:.45rem;max-height:min(26vh,15rem);overflow:auto;padding-right:.15rem}.profile-social-link,.sidebar-social-link{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.55rem;align-items:center;min-width:0;padding:.45rem;border:1px solid transparent;border-radius:var(--radius);color:inherit;text-decoration:none;transition:220ms ease}.profile-social-link:focus-visible,.profile-social-link:hover,.sidebar-social-link:focus-visible,.sidebar-social-link:hover{border-color:rgba(30,215,96,.34);background:rgba(30,215,96,.12)}.social-icon{display:inline-grid;width:2rem;aspect-ratio:1;place-items:center;border-radius:7px;color:var(--primary-hover);background:rgba(255,255,255,.06)}.social-icon svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.profile-social-link span:last-child,.sidebar-social-link span:last-child{min-width:0}.profile-social-link b,.profile-social-link small,.sidebar-social-link b,.sidebar-social-link small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-social-link b{font-size:.86rem}.profile-social-link small,.sidebar-social-link small{color:var(--muted);font-size:.76rem}.sidebar-favorites{display:grid;gap:.65rem;margin-top:1rem;min-height:0}.sidebar-favorites-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.sidebar-favorites-head .eyebrow{margin:0}.sidebar-favorites-head span{display:inline-grid;min-width:1.5rem;height:1.5rem;place-items:center;border-radius:999px;background:rgba(30,215,96,.16);color:var(--primary-hover);font-size:.76rem;font-weight:900}.sidebar-favorite-list{display:grid;gap:.45rem;max-height:min(44vh,25rem);overflow:auto;padding-right:.15rem}.sidebar-favorite{display:grid;grid-template-columns:minmax(0,1fr) 2rem;gap:.35rem;align-items:center;padding:.35rem;border:1px solid transparent;border-radius:var(--radius);background:rgba(255,255,255,.04)}.sidebar-favorite.playing,.sidebar-favorite:hover{border-color:rgba(30,215,96,.28);background:rgba(30,215,96,.1)}.sidebar-favorite-play{display:grid;grid-template-columns:2.2rem minmax(0,1fr);gap:.55rem;align-items:center;min-width:0;padding:0;background:0 0;text-align:left}.sidebar-favorite-play img{width:2.2rem;aspect-ratio:1;object-fit:cover;border-radius:6px}.sidebar-favorite-play span{min-width:0}.sidebar-favorite-play b,.sidebar-favorite-play small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-favorite-play b{font-size:.86rem}.sidebar-empty,.sidebar-favorite-play small{color:var(--muted);font-size:.76rem}.sidebar-favorite-remove{display:grid;width:2rem;aspect-ratio:1;place-items:center;border-radius:var(--radius);background:rgba(255,255,255,.06);color:var(--primary-hover)}.sidebar-favorite-remove:hover{background:rgba(239,68,68,.18);color:#ff9a9a}.content{min-width:0}.view{display:none;animation:rise 420ms ease both}.view.active{display:block}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:4.2rem}.top-actions{display:flex;align-items:center;gap:.6rem;position:relative}.account-menu{position:relative}.account-button{display:flex;align-items:center;gap:.6rem;min-height:2.75rem;padding:.25rem .75rem .25rem .3rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.07)}.account-button.guest-only{padding:.25rem .95rem}.account-button img{width:2.1rem;height:2.1rem;border-radius:999px;object-fit:cover}.account-button img[hidden]{display:none}.account-popover{position:absolute;top:calc(100%+.55rem);right:0;z-index:30;display:grid;gap:.45rem;width:min(16rem,82vw);padding:.8rem;border-radius:var(--radius)}.account-popover[hidden]{display:none}.account-popover small{color:var(--muted)}.account-popover button,.avatar-upload{width:100%;min-height:2.4rem;padding:.55rem .65rem;border-radius:var(--radius);background:rgba(255,255,255,.06);color:var(--text);text-align:left}.avatar-upload input{display:none}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.55rem,3.2vw,3rem);line-height:.98}h2{margin-bottom:.7rem}p{color:var(--muted);line-height:1.7}.hero-panel{display:grid;grid-template-columns:minmax(15rem,20rem) 1fr;gap:clamp(1rem,3vw,2.3rem);align-items:center;min-height:24rem;padding:clamp(.8rem,2.5vw,1.4rem);border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(90deg,rgba(24,24,24,.98),rgba(18,18,18,.64)),url("assets/cover.png") center/cover;overflow:hidden;position:relative}.hero-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,8,.82),rgba(8,8,8,.34))}.hero-art,.hero-copy{position:relative;z-index:1}.hero-art{aspect-ratio:1;object-fit:cover;border-radius:var(--radius);box-shadow:0 30px 80px rgba(30,215,96,.26)}.hero-copy h2{max-width:14ch;font-size:clamp(1.8rem,3.6vw,3.5rem);line-height:1}.hero-copy p{max-width:34rem;font-size:.95rem}.hero-actions,.player-controls,.progress-wrap,.volume-wrap{display:flex;align-items:center;gap:.7rem}.ghost-button,.primary-button,.soft-button,.text-button{min-height:2.75rem;padding:0 1rem;border-radius:var(--radius);transition:.3s ease}.primary-button{color:#041006;font-weight:900;background:linear-gradient(135deg,var(--primary),var(--primary-hover));box-shadow:0 0 34px rgba(30,215,96,.34)}.ghost-button,.soft-button{border:1px solid var(--line);background:rgba(255,255,255,.06)}.icon-text-button{display:inline-flex;align-items:center;gap:.45rem}.icon-text-button svg{width:1rem;height:1rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.text-button{background:0 0;color:var(--primary-hover)}.ghost-button:hover,.primary-button:hover,.soft-button:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 18px 42px rgba(30,215,96,.18)}.album-card:hover,.song-card:hover{border-color:rgba(30,215,96,.32);box-shadow:0 12px 30px rgba(30,215,96,.12)}.section-band{margin-top:1rem}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.8rem}.song-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.admin-card,.album-card,.song-card,.stats-grid article{border:1px solid var(--line);border-radius:var(--radius);background:rgba(24,24,24,.78);transition:.3s ease}.song-card{display:grid;gap:.7rem;padding:.8rem}.album-card img,.now-card img,.song-card img{border-radius:var(--radius);aspect-ratio:1;object-fit:cover}.song-card button{justify-self:start}.split{display:grid;grid-template-columns:1.25fr 0.75fr;gap:1rem}.album-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.album-card{padding:.8rem}.discovery-panel{padding:.75rem;border-radius:var(--radius);align-self:start;max-height:24rem;overflow:auto}.discovery-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin-bottom:.55rem}.discovery-tabs .soft-button{min-height:1.85rem;padding:0 .45rem;font-size:.72rem}.discovery-tabs .active{color:#041006;background:var(--primary)}.discovery-content{display:grid;gap:.6rem}.discovery-list{display:grid;gap:.28rem}.discovery-item{display:block;width:100%;padding:.38rem .45rem;border:1px solid transparent;border-radius:6px;background:0 0;text-align:left;color:var(--text)}.discovery-item:hover{border-color:rgba(30,215,96,.32);background:rgba(30,215,96,.1)}.discovery-item em,.discovery-item small,.discovery-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discovery-item em,.discovery-item small{color:var(--muted);font-style:normal;font-size:.72rem}.featured-artist-card span{font-weight:800}.album-button{display:grid;gap:.45rem;width:100%;color:inherit;text-align:left}.generated-art{aspect-ratio:1;border-radius:var(--radius);background:linear-gradient(135deg,rgba(255,210,122,.9),rgba(30,215,96,.54)),repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 2px,transparent 2px 15px)}.recent-panel{padding:1rem;border-radius:var(--radius)}.song-list{display:grid;gap:.6rem}.song-row{display:grid;grid-template-columns:2.4rem 1fr auto auto;gap:.8rem;align-items:center;min-height:4rem;padding:.55rem;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.04);transition:.3s ease}.song-row.playing,.song-row:hover{border-color:rgba(30,215,96,.38);background:rgba(30,215,96,.09)}.song-row img{width:2.4rem;border-radius:6px;aspect-ratio:1;object-fit:cover}.song-row small{color:var(--muted)}.queue-panel .song-row{grid-template-columns:2.4rem minmax(0,1fr) auto auto}.queue-cover-wrap{position:relative;width:2.4rem}.queue-cover-wrap img{width:100%}.queue-remove-button{position:absolute;left:-.35rem;top:-.35rem;display:grid;width:1.15rem;aspect-ratio:1;place-items:center;border-radius:999px;color:#fff;background:rgba(239,68,68,.86);font-size:.78rem;line-height:1;box-shadow:0 6px 18px rgba(0,0,0,.36)}.queue-remove-button:hover{background:var(--danger)}.search-box{display:flex;gap:.8rem;align-items:center;margin:1rem 0;min-height:3.8rem;padding:0 1rem;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.06)}.search-box input{width:100%;border:0;outline:0;color:var(--text);background:0 0}.admin-grid,.auth-layout,.library-layout,.stats-grid{display:grid;gap:1rem}.library-layout{grid-template-columns:1fr 1fr}.auth-layout{grid-template-columns:minmax(0,1fr) minmax(18rem,0.7fr);margin-top:1rem}.stats-grid{grid-template-columns:repeat(4,1fr);margin:1rem 0}.stats-grid article{padding:1rem}.stats-grid small,.stats-grid span{color:var(--muted)}.stats-grid b{display:block;margin:.45rem 0;font-size:1.7rem}.stats-grid small{color:var(--primary-hover)}.admin-grid{grid-template-columns:1fr 1fr}.admin-card,.auth-card{padding:1rem;border-radius:var(--radius)}.admin-card-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.admin-card-head h2{margin:0}.admin-card-toggle{min-height:2.1rem;padding:0 .7rem}.admin-card-body{display:grid;gap:.7rem;margin-top:.75rem}.admin-card-body[hidden]{display:none}.upload-form{display:grid;gap:.7rem}.login-fields{display:grid;gap:.7rem}.upload-form input,.upload-form select,.upload-form textarea{width:100%;min-height:2.75rem;border:1px solid var(--line);border-radius:var(--radius);padding:.75rem;color:var(--text);background:rgba(255,255,255,.06)}.upload-form input[type=range]{min-height:auto;padding:0;accent-color:var(--primary)}.upload-form textarea{min-height:6rem;resize:vertical}.upload-form select{appearance:none}.form-status{min-height:1.5rem;margin:0;color:var(--primary-hover)}.check-list{color:var(--muted);line-height:2;padding-left:1.1rem}.inline-check{display:flex;align-items:center;gap:.55rem;color:var(--muted)}.inline-check input{width:auto;min-height:auto}.compact-check{display:flex;align-items:center;gap:.45rem;color:var(--muted);min-height:2rem}.compact-check input{width:auto;min-height:auto}.profile-social-grid,.social-bulk-preview{display:grid;gap:.6rem}.profile-social-link{grid-template-columns:2.4rem minmax(0,1fr);padding:.65rem;border-color:var(--line);background:rgba(255,255,255,.04)}.profile-social-link .social-icon{width:2.4rem}.social-manager{grid-column:1/-1}.social-admin-list{display:grid;gap:.65rem;margin:.8rem 0 1rem}.social-admin-row{display:grid;grid-template-columns:minmax(11rem,0.85fr) minmax(8rem,0.65fr) minmax(12rem,1fr) auto minmax(14rem,auto);gap:.55rem;align-items:center;padding:.65rem;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.04)}.social-admin-preview{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.55rem;align-items:center;min-width:0}.social-admin-preview b,.social-admin-preview small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-preview{margin:0;color:var(--muted)}.social-bulk-preview .profile-social-link,.social-preview .profile-social-link{max-width:30rem}.bulk-social-tools{display:grid;gap:.7rem}.bulk-social-tools h3{margin:.4rem 0 0}.notice-box{margin:.8rem 0 1rem;padding:.9rem 1rem;border:1px solid rgba(30,215,96,.22);border-radius:var(--radius);background:rgba(30,215,96,.08);color:var(--muted)}.mini-row{padding:.75rem;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.04)}.mini-row small{display:block;margin-top:.2rem;color:var(--muted)}.user-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.user-editor input,.user-editor select{width:100%;min-height:2.4rem;border:1px solid var(--line);border-radius:var(--radius);padding:.55rem;color:var(--text);background:rgba(255,255,255,.06)}.user-actions{grid-column:1/-1;display:flex;gap:.45rem;flex-wrap:wrap}.danger-button{color:#fff;border-color:rgba(239,68,68,.45);background:rgba(239,68,68,.16)}.admin-users{margin-top:.8rem;max-height:15rem;overflow:auto}#admin .topbar{min-height:3.1rem}#admin h1{font-size:clamp(1.35rem,2.1vw,2rem);line-height:1.05}#admin h2{margin-bottom:.45rem;font-size:1.05rem}#admin h3{margin-bottom:.35rem;font-size:.95rem}#admin .check-list,#admin .form-status,#admin label,#admin p,#admin small{font-size:.84rem}#admin .eyebrow{font-size:.64rem}#admin .notice-box{margin:.55rem 0 .7rem;padding:.6rem .7rem;font-size:.84rem}#admin .admin-grid,#admin .bulk-social-tools,#admin .social-admin-list,#admin .stats-grid,#admin .upload-form{gap:.55rem}#admin .stats-grid{margin:.65rem 0}#admin .admin-card{padding:.6rem}#admin .admin-card-body{gap:.55rem;margin-top:.55rem}#admin .admin-card-toggle{min-height:1.9rem;padding:0 .6rem}#admin .stats-grid article{padding:.65rem}#admin .stats-grid b{margin:.25rem 0;font-size:1.18rem}#admin .upload-form input,#admin .upload-form select,#admin .upload-form textarea,#admin .user-editor input,#admin .user-editor select{min-height:2.15rem;padding:.48rem .6rem;font-size:.84rem}#admin .upload-form input[type=range]{min-height:auto;padding:0}#admin .upload-form textarea{min-height:4.5rem}#admin .avatar-upload,#admin .ghost-button,#admin .primary-button,#admin .soft-button,#admin .text-button{min-height:2.15rem;padding:0 .7rem;font-size:.84rem}#admin .mini-row,#admin .social-admin-row{gap:.42rem;padding:.5rem;font-size:.82rem}#admin .social-admin-list{margin:.6rem 0 .75rem}#admin .social-admin-preview{grid-template-columns:1.75rem minmax(0,1fr)}#admin .social-admin-preview .social-icon{width:1.75rem}#admin .user-editor{gap:.45rem}#admin .admin-users{margin-top:.55rem;max-height:12rem}#admin .chart{height:7.5rem;padding-top:.55rem}.chart{display:flex;align-items:end;gap:.55rem;height:10rem;padding-top:1rem}.chart span{flex:1;border-radius:999px 999px 0 0;background:linear-gradient(var(--primary-hover),rgba(30,215,96,.18))}.queue-panel{overflow:hidden}.now-card{margin-bottom:1rem}.lyrics-mini{display:grid;gap:.55rem;max-height:12rem;overflow:hidden}.lyric-line{width:100%;padding:.18rem 0;border-radius:0;background:0 0;color:var(--muted);text-align:left;transition:.3s ease}.lyric-line:disabled{cursor:default;opacity:1}.lyric-line.active{color:var(--primary-hover);font-weight:900;text-shadow:0 0 22px rgba(30,215,96,.7)}.lyric-spacer{height:.85rem}.equalizer{display:none;align-items:end;gap:.35rem;height:5rem;margin-top:1rem}.equalizer span{width:100%;min-height:18%;border-radius:999px;background:linear-gradient(var(--cyan),var(--primary));animation:bounce .9s infinite ease-in-out alternate}.equalizer span:nth-child(2){animation-delay:120ms}.equalizer span:nth-child(3){animation-delay:240ms}.equalizer span:nth-child(4){animation-delay:80ms}.equalizer span:nth-child(5){animation-delay:180ms}@keyframes bounce{to{height:100%}}.mini-player{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:10;display:grid;grid-template-columns:3.2rem 12rem minmax(14rem,22rem) 1fr 9rem;gap:1rem;align-items:center;min-height:5rem;padding:.75rem;border-radius:var(--radius)}.cover-button,.icon-button,.play-button{display:grid;place-items:center;border-radius:var(--radius);background:rgba(255,255,255,.07)}.cover-button{width:3.2rem;aspect-ratio:1;padding:0;overflow:hidden}.icon-button{width:2.5rem;aspect-ratio:1}.play-button{width:3rem;aspect-ratio:1;color:#031006;background:var(--primary)}.progress-wrap input,.volume-wrap input{width:100%;accent-color:var(--primary)}.bottom-nav{display:none}.full-player{width:min(72rem,calc(100vw - 2rem));border:1px solid var(--line);border-radius:var(--radius);padding:0;color:var(--text);background:rgba(8,8,8,.88);overflow:hidden}.full-player::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(14px)}.full-bg{position:absolute;inset:0;background:url("assets/cover.png") center/cover;filter:blur(34px);opacity:.34}.close-modal{position:absolute;right:1rem;top:1rem;z-index:2}.full-layout{position:relative;display:grid;grid-template-columns:minmax(16rem,28rem) 1fr;gap:2rem;padding:2rem}.full-layout>img{border-radius:var(--radius);box-shadow:0 30px 90px rgba(30,215,96,.3)}.waveform{display:flex;align-items:center;gap:3px;height:5rem;margin:1rem 0}.waveform span{flex:1;min-height:10%;border-radius:999px;background:rgba(30,215,96,.45)}.lyrics-large{max-height:20rem;overflow:auto;padding-right:.5rem;font-size:1.35rem}@media (max-width:1180px){.app-shell{grid-template-columns:14rem minmax(0,1fr)}.queue-panel{display:none}.song-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.mini-player{grid-template-columns:3.2rem 1fr minmax(13rem,19rem) 1fr}.volume-wrap{display:none}.social-admin-row{grid-template-columns:1fr 1fr}.social-admin-preview,.social-admin-row .user-actions{grid-column:1/-1}}@media (max-width:780px){.loading-shell{grid-template-columns:1fr}.app-shell{display:block;padding:.75rem .75rem 10rem}.sidebar{display:none}.drawer-button{display:grid}.topbar{align-items:start;flex-wrap:wrap}.top-actions{width:100%;justify-content:space-between}.admin-grid,.auth-layout,.full-layout,.hero-panel,.library-layout,.split{grid-template-columns:1fr}.hero-panel{min-height:auto}.hero-copy h2{font-size:2.5rem}.album-row,.song-grid,.stats-grid{grid-template-columns:1fr}.mini-player{left:.75rem;right:.75rem;bottom:4.7rem;grid-template-columns:3rem 1fr auto}.progress-wrap{grid-column:1/-1}.player-controls .icon-button{display:none}.bottom-nav{position:fixed;left:.75rem;right:.75rem;bottom:.75rem;z-index:11;display:flex;justify-content:center;align-items:center;gap:.45rem;padding:.35rem;border-radius:var(--radius)}.bottom-nav .nav-item{justify-content:center;width:clamp(3.1rem,18vw,4.8rem);min-height:3.05rem;padding:0;flex:0 1 4.8rem}.bottom-nav .nav-item[hidden]{display:none}.bottom-nav .nav-icon{width:1.2rem;height:1.2rem;font-size:1.2rem}}@media (max-width:520px){.account-button span{max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-player{grid-template-columns:2.8rem 1fr auto}.hero-actions{align-items:stretch;flex-direction:column}}@media (min-width:781px){.drawer-button{display:none}}.admin-mini-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem;align-items:center}.mini-icon-button{display:inline-grid;width:2rem;min-height:2rem!important;aspect-ratio:1;place-items:center;padding:0!important;border-radius:7px;font-weight:900}.mini-song-list{display:grid;gap:.35rem}.mini-song-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem;align-items:center;padding:.35rem .45rem;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.04)}.mini-song-item button:first-child,.mini-song-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);background:0 0;text-align:left}.admin-playlist-row{grid-template-columns:2.4rem minmax(0,1fr) auto auto}.user-playlists-panel{display:grid;gap:.7rem}.compact-playlist-form{padding:.7rem;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.04)}.user-playlist-list{display:grid;gap:.7rem}.user-playlist-card{display:grid;gap:.55rem;padding:.7rem;border:1px solid var(--line);border-radius:var(--radius);background:rgba(24,24,24,.72)}.user-playlist-head{display:grid;grid-template-columns:3.2rem minmax(0,1fr) auto;gap:.6rem;align-items:center}.user-playlist-head img{width:3.2rem;aspect-ratio:1;object-fit:cover;border-radius:7px}.user-playlist-head input{width:100%;min-height:2.1rem;border:1px solid var(--line);border-radius:7px;padding:.35rem .5rem;color:var(--text);background:rgba(255,255,255,.06)}.mini-cover-input,.user-playlist-head small{color:var(--muted);font-size:.78rem}.mini-cover-input input{display:block;width:100%;margin-top:.25rem}@media (max-width:780px){.bottom-nav{left:50%;right:auto;bottom:.85rem;transform:translateX(-50%);width:min(92vw,26rem);height:4.2rem;gap:.5rem;padding:.48rem .55rem;border:1px solid rgba(57,255,136,.22);border-radius:999px;background:linear-gradient(180deg,rgba(18,31,24,.88),rgba(7,10,9,.92));box-shadow:0 18px 60px rgba(0,0,0,.55),0 0 34px rgba(30,215,96,.16);backdrop-filter:blur(22px)}.bottom-nav::before{content:"";position:absolute;inset:0.28rem;border-radius:999px;border:1px solid rgba(255,255,255,.06);pointer-events:none}.bottom-nav .nav-item{position:relative;width:3.05rem;min-height:3.05rem;flex:0 0 3.05rem;padding:0;border-radius:999px;color:rgba(255,255,255,.68);background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.13),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);transition:transform 220ms ease,background 220ms ease,color 220ms ease,box-shadow 220ms ease}.bottom-nav .nav-item:hover{transform:translateY(-2px)}.bottom-nav .nav-item.active{color:#041006;background:radial-gradient(circle at 34% 22%,rgba(255,255,255,.72),transparent 28%),linear-gradient(145deg,var(--primary-hover),var(--primary));box-shadow:0 10px 24px rgba(30,215,96,.34),0 0 0 .24rem rgba(30,215,96,.14),inset 0 -.35rem 1rem rgba(4,16,6,.24)}.bottom-nav .nav-icon{width:1.25rem;height:1.25rem;font-size:1.25rem}.bottom-nav .nav-item.active .nav-icon svg{filter:none;stroke-width:2.15}.bottom-nav .nav-item::after{content:"";position:absolute;left:50%;bottom:.18rem;width:.24rem;height:.24rem;border-radius:999px;background:0 0;transform:translateX(-50%)}.bottom-nav .nav-item.active::after{background:#041006}.mini-player{bottom:5.65rem}}@media (max-width:420px){.bottom-nav{width:calc(100vw - 1.1rem);gap:.35rem}.bottom-nav .nav-item{width:2.85rem;min-height:2.85rem;flex-basis:2.85rem}.mini-player{bottom:5.5rem}}.library-panel{display:grid;gap:.55rem;border:1px solid var(--line);border-radius:var(--radius);background:rgba(24,24,24,.64);padding:.55rem}.library-panel[hidden]{display:none}.library-panel-toggle{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;min-height:2.6rem;padding:0 .75rem;border-radius:var(--radius);background:rgba(30,215,96,.1);color:var(--text);font-weight:800;text-align:left}.library-panel-toggle b{display:grid;width:1.65rem;aspect-ratio:1;place-items:center;border-radius:999px;background:rgba(30,215,96,.2);color:var(--primary-hover)}.library-panel-body{display:grid;gap:.65rem}.library-panel-body[hidden]{display:none}.playlist-create-panel>.library-panel-toggle{min-height:2.15rem;padding:0 .55rem;font-size:.84rem}.playlist-create-panel>.library-panel-toggle b{width:1.15rem;font-size:.72rem}.favorite-playlist-panel>.library-panel-toggle{min-height:2.55rem;padding:0 .75rem;font-size:.95rem}.favorite-playlist-panel>.library-panel-toggle b{width:1.45rem;font-size:.82rem}.queue-library-panel>.library-panel-toggle{min-height:2.35rem;padding:0 .65rem;font-size:.9rem}.queue-library-panel>.library-panel-toggle b{width:1.3rem;font-size:.78rem}.icon-button.active{color:#041006;background:linear-gradient(135deg,var(--primary),var(--primary-hover));box-shadow:0 0 24px rgba(30,215,96,.24)}.connection-status{grid-column:1/-1;justify-self:center;color:var(--amber);font-size:.78rem}.connection-status[hidden]{display:none}.manager-playlists-block{display:grid;gap:.55rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--line)}.playlist-edit-button{min-height:2rem;padding:0 .65rem;font-size:.82rem}.playlist-edit-tools{display:none}.user-playlist-card.editing .playlist-edit-tools{display:grid}.playlist-edit-actions{grid-template-columns:1fr 1fr;gap:.45rem}.user-playlist-head input:disabled{border-color:transparent;padding-left:0;background:0 0;color:var(--text);opacity:1;font-weight:800}.user-playlist-card.editing .user-playlist-head input{border-color:var(--line);padding-left:.5rem;background:rgba(255,255,255,.06)}.manager-playlists-block .user-playlist-list{gap:.45rem}.manager-playlists-block .user-playlist-card{gap:.4rem;padding:.45rem;border-radius:7px;background:rgba(255,255,255,.035)}.manager-playlists-block .user-playlist-head{grid-template-columns:2.35rem minmax(0,1fr) 1.85rem 3rem;gap:.45rem}.manager-playlists-block .user-playlist-head img{width:2.35rem;border-radius:6px}.manager-playlists-block .user-playlist-head input{min-height:1.65rem;font-size:.88rem}.manager-playlists-block .user-playlist-head small{font-size:.72rem}.manager-playlists-block .mini-icon-button{width:1.85rem;min-height:1.85rem!important;font-size:.82rem}.manager-playlists-block .playlist-edit-button{min-height:1.85rem;padding:0 .45rem;font-size:.72rem}.manager-playlists-block .admin-mini-tools{grid-template-columns:minmax(0,1fr) 1.85rem;gap:.35rem}.manager-playlists-block .admin-mini-tools select{min-height:1.95rem;padding:.35rem .45rem;font-size:.78rem}.manager-playlists-block .mini-cover-input{font-size:.72rem}.manager-playlists-block .mini-song-list{gap:.28rem}.manager-playlists-block .mini-song-item{grid-template-columns:minmax(0,1fr) 1.65rem;gap:.3rem;padding:.3rem .38rem;font-size:.78rem}.manager-playlists-block .mini-song-item .mini-icon-button{width:1.65rem;min-height:1.65rem!important}.manager-playlists-block .playlist-edit-actions{grid-template-columns:1fr 1fr;gap:.35rem}.manager-playlists-block .playlist-edit-actions button{min-height:1.95rem;padding:0 .45rem;font-size:.76rem}.manager-playlists-block .eyebrow{font-size:.64rem}.user-playlist-card.editing [data-playlist-song-list] .mini-song-item{cursor:grab}.user-playlist-card.editing [data-playlist-song-list] .mini-song-item:active{cursor:grabbing}.mini-song-item.dragging{opacity:.48;border-color:rgba(30,215,96,.6);background:rgba(30,215,96,.14)}@media (max-width:780px){body.sidebar-open{overflow:hidden}body.sidebar-open::after{content:"";position:fixed;inset:0;z-index:19;background:rgba(0,0,0,.52);backdrop-filter:blur(8px)}body.sidebar-open .sidebar{position:fixed;left:.75rem;top:.75rem;bottom:.75rem;z-index:20;display:block;width:min(21rem,calc(100vw - 1.5rem));height:auto;overflow:auto}}.favorite-song-row{grid-template-columns:2.4rem minmax(0,1fr) auto}.favorite-song-row div{min-width:0}.favorite-song-row b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-edit-button{display:grid!important;width:2rem;min-height:2rem!important;place-items:center;padding:0!important}.playlist-edit-button svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.playlist-edit-button.active{color:#041006;background:var(--primary)}.manager-playlists-block .playlist-edit-button{width:1.85rem;min-height:1.85rem!important;padding:0!important}.manager-playlists-block .user-playlist-head{grid-template-columns:2.35rem minmax(0,1fr) 1.85rem 1.85rem}.manager-playlists-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.manager-playlists-head .eyebrow{margin:0}.playlist-create-button{width:1.85rem;min-height:1.85rem!important;padding:0!important}.playlist-create-button b{font-size:.86rem;line-height:1}.playlist-create-body{gap:.45rem}.playlist-create-body .compact-playlist-form{padding:.5rem}.playlist-create-body .compact-playlist-form input{min-height:1.95rem;padding:.4rem .5rem;font-size:.78rem}.playlist-create-body .compact-playlist-form button{min-height:1.95rem;padding:0 .55rem;font-size:.78rem}.manager-playlists-panel>.library-panel-toggle{min-height:2.55rem;padding:0 .75rem;font-size:.95rem}.manager-playlists-panel>.library-panel-toggle b{width:1.45rem;font-size:.82rem}.manager-playlists-panel .manager-playlists-block{margin-top:0;padding-top:0;border-top:0}.queue-library-panel .queue-song-row,.queue-panel .queue-song-row{grid-template-columns:2.4rem minmax(0,1fr) auto}.queue-song-row div:not(.queue-cover-wrap){min-width:0}.queue-song-row b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#library .library-layout{grid-template-columns:1fr}.shuffle-icon-button{display:grid;width:2.9rem;min-height:2.9rem;place-items:center;padding:0}.shuffle-icon-button svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}#library .library-layout{grid-template-columns:minmax(18rem,max-content);justify-content:start;align-items:start}#library .library-panel{width:max-content;min-width:min(100%,24rem);max-width:100%}#library .library-panel-toggle{width:100%}#library .manager-playlists-head{justify-content:flex-end}#library .manager-playlists-block .user-playlist-card{width:max-content;min-width:min(100%,28rem);max-width:100%}#library .manager-playlists-block .mini-song-item{width:max-content;min-width:min(100%,24rem);max-width:100%;grid-template-columns:minmax(8rem,max-content) 1.65rem}#library .queue-library-panel .song-list{align-items:start}#library .queue-library-panel .queue-song-row{width:max-content;min-width:min(100%,18rem);max-width:100%;grid-template-columns:2.4rem minmax(8rem,max-content) auto}#library .queue-song-row b{max-width:min(58vw,34rem)}@media (max-width:780px){#library .library-layout{grid-template-columns:1fr}#library .library-panel,#library .manager-playlists-block .user-playlist-card,#library .queue-library-panel .queue-song-row{width:100%;max-width:100%}}#library .library-layout{grid-template-columns:minmax(18rem,34rem);justify-content:start;align-items:start}#library .library-panel{width:100%;min-width:0;max-width:34rem}.library-panel-head{display:grid;grid-template-columns:minmax(0,1fr) 1.85rem;gap:.45rem;align-items:center}.library-panel-head .library-panel-toggle{min-width:0}.manager-playlists-panel .library-panel-head>.library-panel-toggle{min-height:2.55rem;padding:0 .75rem;font-size:.95rem}.manager-playlists-panel .library-panel-head>.library-panel-toggle b{width:1.45rem;font-size:.82rem}#library .playlist-create-button{align-self:center;width:1.85rem;min-height:1.85rem!important}#library .manager-playlists-block .user-playlist-card{width:100%;min-width:0;max-width:32rem}#library .manager-playlists-block .mini-song-item{width:100%;min-width:0;grid-template-columns:minmax(0,1fr) 1.65rem}#library .queue-library-panel .song-list{align-items:start}#library .queue-library-panel .queue-song-row{width:min(100%,28rem);min-width:min(100%,20rem);max-width:100%;grid-template-columns:2.4rem minmax(9rem,1fr) auto}#library .queue-song-row b{max-width:18rem}@media (max-width:780px){#library .library-layout{grid-template-columns:1fr}#library .library-panel,#library .manager-playlists-block .user-playlist-card,#library .queue-library-panel .queue-song-row{width:100%;max-width:100%}#library .queue-song-row b{max-width:100%}}.bottom-nav .nav-item[hidden],.nav-item[hidden],[hidden]{display:none!important}.account-popover{max-width:calc(100vw - 1.5rem);overflow-wrap:anywhere}.account-popover b,.account-popover small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-popover button,.avatar-upload{min-height:44px}.mini-icon-button,.playlist-create-button,.queue-remove-button{min-width:44px!important;min-height:44px!important}.discovery-tabs .soft-button{min-height:44px}@media (max-width:780px){.topbar{position:relative}.top-actions{position:static;min-width:0}.account-menu{position:static;min-width:0;max-width:calc(100vw - 5.5rem)}.account-button{max-width:100%;min-width:0}.account-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-popover{position:absolute;top:calc(100% + .55rem);left:.75rem;right:.75rem;width:auto;max-width:none;max-height:min(70vh,30rem);overflow:auto;z-index:40}}@media (prefers-reduced-motion:reduce){*,::after,::before{scroll-behavior:auto!important;animation-duration:NaNs!important;animation-iteration-count:1!important;transition-duration:NaNs!important}}.album-card img,.song-card img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.queue-cover-wrap img,.song-row>img{width:2.4rem;height:2.4rem;aspect-ratio:1/1;object-fit:cover}.sidebar-favorite-play img{width:2.2rem;height:2.2rem;aspect-ratio:1/1;object-fit:cover}.user-playlist-head img{width:3.2rem;height:3.2rem;aspect-ratio:1/1;object-fit:cover}.manager-playlists-block .user-playlist-head img{width:2.35rem;height:2.35rem}.queue-remove-button{width:1.5rem!important;height:1.5rem!important;min-width:1.5rem!important;min-height:1.5rem!important;left:-.25rem;top:-.25rem;padding:0;font-size:.72rem;line-height:1}.lyric-line.has-word-sync.active{color:var(--text);text-shadow:none}.lyric-word{transition:color 160ms ease,text-shadow 160ms ease}.lyric-word.sung{color:rgba(57,255,136,.62)}.lyric-word.active-word{color:var(--primary-hover);text-shadow:0 0 22px rgba(30,215,96,.7)}.lyrics-large .lyric-line:not(:disabled){padding:.55rem 0;line-height:1.45}@media (min-width:781px){.hero-panel{min-height:24rem;max-height:26rem}.hero-art{width:100%;height:20rem;aspect-ratio:1/1;object-fit:cover}}@media (max-width:780px){.hero-panel{max-height:none;padding:.8rem}.hero-art{width:100%;height:clamp(15rem,68vw,19rem);aspect-ratio:auto;object-fit:cover;object-position:center}.hero-copy h2{font-size:clamp(1.8rem,8vw,2.25rem)!important}}.hero-label-row{display:flex;align-items:center;justify-content:flex-start;gap:.65rem}.hero-label-row .eyebrow{margin-bottom:.35rem}.app-downloads{display:inline-flex;align-items:center;gap:.55rem}.app-download{color:var(--text);text-decoration:none;white-space:nowrap}.app-download .platform-logo{width:1.15rem;height:1.15rem;fill:currentColor;stroke:none}.app-download .play-store-logo{fill:currentColor}.app-downloads-mobile{display:none}@media (min-width:781px){.hero-panel .hero-actions{flex-wrap:wrap}.app-downloads-desktop{flex:0 0 auto;flex-wrap:nowrap}}@media (max-width:780px){.app-downloads-desktop{display:none}.app-downloads-mobile{display:inline-flex;align-items:center;gap:.4rem}.app-downloads-mobile .app-download{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;padding:.3rem;border:1px solid rgba(57,255,136,.42);border-radius:999px;background:rgba(30,215,96,.1);color:var(--primary-hover);font-size:.72rem;font-weight:800;line-height:1;white-space:nowrap}.app-downloads-mobile .platform-logo{width:1rem;height:1rem}.app-downloads-mobile .app-download span{display:none}}@media (max-width:360px){.hero-label-row{align-items:flex-start;flex-direction:column;gap:.25rem}}@media (min-width:1181px){.queue-panel{display:flex;flex-direction:column;min-height:0}.now-card{flex:0 0 auto}.lyrics-mini{flex:1 1 auto;min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:.45rem;padding-bottom:clamp(2rem,12vh,7rem);scroll-behavior:smooth}.lyrics-mini .lyric-line{flex:0 0 auto;line-height:1.42}.lyrics-mini::-webkit-scrollbar{width:.4rem}.lyrics-mini::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(255,255,255,.18)}.equalizer{flex:0 0 auto}}.icon-button>svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.player-controls #shareButton{display:grid}