: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) + 56px) 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:#050505;border-radius:16px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden;box-shadow:0 20px 50px #48d6ff38}.brand-orb img{object-fit:cover;width:100%;height:100%}.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}.selected-tracks{gap:10px;margin-bottom:14px;display:grid}.selected-head{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;display:grid}.selected-head button{background:#ffffff14;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.selected-head .section-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:12px 0 8px;overflow:hidden}.segmented{scrollbar-width:none;grid-auto-columns:max-content;grid-auto-flow:column;gap:8px;padding:2px 0 12px;display:grid;overflow-x:auto}.segmented::-webkit-scrollbar{display:none}.segmented button{color:#aab3c2;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff14;border-radius:999px;padding:10px 13px}.segmented button.active{color:#06110d;background:#35f0ad;border-color:#0000;font-weight:800}.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:176px;display:flex;position:relative;overflow:hidden}.chart-card img{object-fit:contain;opacity:.82;width:100%;height:100%;position:absolute;inset:0}.chart-card:after{content:"";background:linear-gradient(#00000005,#000000d1);position:absolute;inset:0}.chart-card div,.chart-card strong,.chart-card span{z-index:1;position:relative}.album-card img,.collection-card img{aspect-ratio:1;object-fit:cover;background:#202737;border-radius:16px;width:100%}.image-contain-card img,.chart-tile img{object-fit:contain;padding:8px}.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{flex-direction:column;justify-content:flex-end;min-height:138px;display:flex}.playlist-card{gap:10px}.playlist-open{text-align:left;background:0 0;min-width:0;padding:0}.playlist-open strong,.playlist-open span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.playlist-actions,.playlist-editor-head>div{gap:8px;display:flex}.playlist-actions button,.playlist-editor-head button,.remove-track{color:#c9d0dc;background:#ffffff14;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.playlist-editor{gap:10px;display:grid}.playlist-editor-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.playlist-editor-head .section-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-bottom:8px;overflow:hidden}.chart-tile{min-height:138px}.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-row.editable{grid-template-columns:1fr 44px 44px}.remove-track{color:#ff8fa3;width:40px;height:40px}.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);will-change:transform, opacity;touch-action:pan-y;background:#12161fdb;border:1px solid #ffffff1f;border-radius:22px;grid-template-columns:56px minmax(0,1fr) 150px;align-items:center;gap:10px;padding:10px;transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .22s;display:grid;position:fixed;box-shadow:0 18px 60px #0000006b}.mini-player.dismissing{transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .26s ease-out}.player-track,.player-meta{text-align:left;background:0 0;min-width:0;padding:0}.player-placeholder{height:0;position:fixed}.player-meta input{accent-color:#35f0ad;width:100%}.time-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.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 button.active{color:#35f0ad;background:#35f0ad29}.track-row.playing{background:#35f0ad1a;border-color:#35f0ad6b}.queue-backdrop{z-index:30;background:#242424;justify-content:center;align-items:stretch;display:flex;position:fixed;inset:0}.queue-sheet{width:min(760px,100%);height:100vh;max-height:100vh;padding:calc(env(safe-area-inset-top) + 16px) 22px calc(env(safe-area-inset-bottom) + 28px);background:#242424;border-radius:0;overflow:auto}.queue-head{z-index:5;background:#242424;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;margin:0 -22px 14px;padding:28px 22px 4px;display:grid;position:relative;top:0}.queue-head-spacer{min-width:0}.queue-head-icon{color:#a4a4a4;background:0 0;place-items:center;width:44px;height:44px;padding:0;display:grid}.track-detail-panel{justify-items:center;gap:13px;padding:4px 0 30px;display:grid}.track-detail-panel img{aspect-ratio:1;object-fit:cover;background:#1b1b1b;border-radius:14px;width:min(74vw,450px);box-shadow:0 28px 80px #00000057}.track-detail-row{grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:12px;width:100%;display:grid}.track-detail-text{text-align:left;gap:4px;width:100%;min-width:0;display:grid}.track-detail-text strong{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:clamp(20px,5.9vw,29px);line-height:1.06;overflow:hidden}.track-detail-text span,.track-detail-text small{text-overflow:ellipsis;white-space:nowrap;color:#9aa3b2;width:100%;overflow:hidden}.track-detail-text small{font-size:13px}.detail-action{color:#a8a8a8;background:0 0;place-items:center;width:44px;height:44px;padding:0;display:grid}.detail-progress{accent-color:#f5f20a;width:100%}.now-time{color:#a8a8a8;width:100%;font-size:14px;font-weight:700}.now-controls{grid-template-columns:44px 44px 70px 44px 44px;justify-content:space-between;place-items:center;gap:12px;width:100%;margin-top:8px;display:grid}.now-controls button{color:#d9d9d9;background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.now-controls .play{color:#06110d;background:#f5f20a;width:70px;height:70px}.now-controls button.active{color:#f5f20a;background:0 0}.queue-list-panel{padding-top:8px}.queue-title{letter-spacing:0;margin:0 0 12px;font-size:18px}.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))}}@media (width<=380px){.queue-sheet{padding-left:18px;padding-right:18px}.queue-head{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.now-controls{grid-template-columns:40px 40px 64px 40px 40px;gap:7px}.now-controls button{width:40px;height:40px}.now-controls .play{width:64px;height:64px}}