:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f8fb;background:#0b0d12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 18% 0,#26dca62e,#0000 28rem),radial-gradient(circle at 90% 14%,#ff4d6d29,#0000 24rem),#0b0d12;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0}.app-shell{width:min(760px,100%);padding:calc(env(safe-area-inset-top) + 18px) 16px 156px;margin:0 auto}.topbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-orb{background:linear-gradient(135deg,#24e6a5,#58a6ff 58%,#ff4d6d);border-radius:16px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 20px 50px #24e6a533}.brand strong,.logo-mark{letter-spacing:0;font-size:24px;display:block}.brand span{color:#9aa3b2;margin-top:1px;font-size:13px;display:block}.search-panel{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#12161fc2;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:10px;padding:13px 15px;display:flex;position:sticky;top:10px;box-shadow:0 18px 50px #00000038}.search-panel input{color:#fff;background:0 0;border:0;outline:0;width:100%}.hero{background:#141923;border-radius:28px;height:310px;margin:18px 0 24px;position:relative;overflow:hidden}.hero img{object-fit:cover;opacity:.72;width:100%;height:100%}.hero-shade{background:linear-gradient(#0000000d,#000000d1);position:absolute;inset:0}.hero-content{position:absolute;bottom:20px;left:20px;right:20px}.hero-content span{color:#7fffd4;text-transform:uppercase;font-size:12px;font-weight:700}.hero h1{letter-spacing:0;margin:7px 0 4px;font-size:clamp(28px,10vw,54px);line-height:.98}.hero p{color:#d7dce7;margin:0 0 16px}.hero button{color:#04110d;background:#35f0ad;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-weight:800;display:inline-flex}.section-title{letter-spacing:0;align-items:center;gap:9px;margin:22px 0 12px;font-size:19px;display:flex}.rail{scrollbar-width:none;grid-auto-columns:42%;grid-auto-flow:column;gap:13px;padding-bottom:6px;display:grid;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.album-card,.collection-card,.chart-card{text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff12;border:1px solid #ffffff14;border-radius:22px;padding:10px}.chart-card{color:#f7f8fb;background:linear-gradient(135deg,#ff4d6d33,#35f0ad1a),#ffffff12;flex-direction:column;justify-content:flex-end;min-height:132px;display:flex}.album-card img,.collection-card img{aspect-ratio:1;object-fit:cover;background:#202737;border-radius:16px;width:100%}.album-card strong,.collection-card strong{text-overflow:ellipsis;white-space:nowrap;margin-top:10px;display:block;overflow:hidden}.album-card span,.collection-card span{color:#9aa3b2;text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.playlist-card,.add-card,.chart-tile{flex-direction:column;justify-content:flex-end;min-height:138px;display:flex}.add-card{background:linear-gradient(135deg,#35f0ad2e,#58a6ff1f)}.track-list{gap:10px;display:grid}.track-row{background:#ffffff0e;border:1px solid #ffffff0f;border-radius:18px;grid-template-columns:1fr 44px;align-items:center;gap:8px;padding:8px;display:grid}.track-main{text-align:left;background:0 0;grid-template-columns:54px 1fr;align-items:center;gap:11px;min-width:0;padding:0;display:grid}.track-main img,.mini-player img{object-fit:cover;background:#202737;border-radius:14px;width:54px;height:54px}.track-main span{min-width:0}.track-main strong,.player-meta strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.track-main small,.player-meta span,.player-meta small{color:#9aa3b2;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.heart{background:#ffffff0f;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.heart.active{color:#ff4d6d}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mini-player{left:max(12px,50vw - 368px);right:max(12px,50vw - 368px);bottom:calc(env(safe-area-inset-bottom) + 72px);z-index:20;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#12161fdb;border:1px solid #ffffff1f;border-radius:22px;grid-template-columns:56px minmax(0,1fr) 112px;align-items:center;gap:10px;padding:10px;display:grid;position:fixed;box-shadow:0 18px 60px #0000006b}.player-placeholder{height:0;position:fixed}.player-meta input{accent-color:#35f0ad;width:100%}.player-controls{justify-content:flex-end;align-items:center;gap:6px;display:flex}.player-controls button{background:#ffffff14;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.player-controls .play{color:#06110d;background:#35f0ad;width:42px;height:42px}.tabbar{z-index:21;width:min(760px,100%);padding:9px 10px calc(env(safe-area-inset-bottom) + 9px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#090b10db;border-top:1px solid #ffffff14;grid-template-columns:repeat(5,1fr);gap:4px;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.tab{color:#8f98a8;background:0 0;border-radius:16px;place-items:center;gap:3px;padding:7px 4px;font-size:11px;display:grid}.tab.active{color:#f7f8fb;background:#ffffff14}.notice,.empty,.locked{color:#b8c0cc}.notice{background:#ff4d6d14;border:1px solid #ff4d6d47;border-radius:16px;margin:12px 0;padding:12px 14px}.locked{text-align:center;place-items:center;min-height:100vh;padding:24px;display:grid}.logo-mark{color:#fff;font-size:42px;font-weight:900}@media (width>=620px){.rail{grid-auto-columns:27%}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}