:root{color:#f5f5f7;--bg:#0d0d0f;--surface:#19191c;--surface-2:#242428;--line:#303035;--muted:#a1a1a6;--accent:#fa2d48;--accent-soft:#ff6175;--content:1120px;background:#0d0d0f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif}.playback-audio{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}*{box-sizing:border-box}body{background:radial-gradient(circle at 75% -10%,#38222b 0,transparent 34%),var(--bg);letter-spacing:-.01em;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app-shell{min-height:100vh}.sidebar{z-index:5;background:#111113eb;border-right:1px solid #ffffff12;flex-direction:column;width:246px;padding:30px 18px 24px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;letter-spacing:-.06em;align-items:center;gap:9px;font-size:25px;font-weight:700;text-decoration:none;display:flex}.brand-mark{background:var(--accent);border-radius:9px;place-items:center;width:30px;height:30px;font-size:18px;display:grid;box-shadow:0 5px 18px #fa2d484d}.main-nav{gap:7px;margin-top:48px;display:grid}.main-nav button,.playlist-nav button{color:#a9a9ae;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:12px 13px;font-weight:600;display:flex}.main-nav button:hover,.playlist-nav button:hover{color:#fff;background:#ffffff0d}.main-nav button.active,.playlist-nav button.active{color:#fff;background:#ffffff12}.main-nav button.active .icon,.playlist-nav button.active .icon{color:var(--accent)}.icon{color:var(--muted);font-style:normal;display:inline-block}.side-section{margin-top:44px}.section-label,.eyebrow{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.section-label{justify-content:space-between;align-items:center;padding:0 10px;display:flex}.add-button{color:var(--accent);background:0 0;border:0;font-size:22px}.playlist-nav{gap:2px;margin-top:12px;display:grid}.playlist-nav button{width:100%;min-width:0}.playlist-nav button span:not(.icon){text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.playlist-nav small{color:var(--muted);font-size:11px}.sidebar-empty{color:#77777c;padding:8px 10px;font-size:12px;line-height:1.5}.sidebar-foot{color:#77777c;align-items:center;gap:9px;margin-top:auto;font-size:11px;display:flex}.wave{color:var(--accent);letter-spacing:-5px;font-size:20px}.main-content{max-width:1440px;margin-left:246px;padding:0 58px 150px}.topbar{justify-content:flex-end;align-items:center;height:78px;display:flex}.topbar>div{align-items:center;gap:10px;display:flex}.mobile-brand{display:none}.ghost-button{color:#dddde1;background:#ffffff08;border:1px solid #ffffff1c;border-radius:999px;padding:9px 14px;font-size:12px}.avatar{color:#30231e;background:#f4bf80;border-radius:50%;place-items:center;width:34px;height:34px;margin-left:7px;font-weight:700;display:grid}.hero,.page-heading{max-width:var(--content);margin:auto}.hero{padding:66px 0 38px}.hero-copy{justify-content:space-between;align-items:end;gap:30px;display:flex}.hero-copy p,.page-heading p{color:#aaaab0;max-width:390px;margin:0 0 7px;line-height:1.55}.hero h1,.page-heading h1{letter-spacing:-.065em;margin:9px 0 0;font-size:clamp(48px,6vw,76px);line-height:.98}.hero h1 em,.page-heading h1 em{color:var(--accent-soft);font-style:normal}.search-card{background:linear-gradient(135deg,#242124,#171719 68%);border:1px solid #ffffff12;border-radius:20px;margin-top:34px;padding:30px;box-shadow:0 24px 70px #0008}.search-card h2{letter-spacing:-.045em;margin:7px 0 4px;font-size:29px}.search-card>p{color:#aaaab0;margin:0;font-size:14px}.search-form{background:#0e0e10;border:1px solid #ffffff1c;border-radius:12px;align-items:center;gap:11px;margin-top:20px;padding:6px 6px 6px 15px;display:flex}.search-form .icon{font-size:23px}.search-form input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0}.search-form input::placeholder{color:#77777c}.search-form button,.primary-button,.playlist-result button{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:12px 18px;font-weight:700}.search-form button:disabled{opacity:.55;cursor:wait}.search-hints{color:#929298;margin-top:13px;font-size:12px}.search-hints button{color:var(--accent-soft);background:0 0;border:0;margin-left:10px;padding:0}.section-heading{max-width:var(--content);border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:end;margin:25px auto 17px;padding-bottom:17px;display:flex}.section-heading h2{letter-spacing:-.05em;margin:7px 0 0;font-size:30px}.section-heading h3{margin:0;font-size:20px}.muted{color:var(--muted);font-size:12px}.track-list{max-width:var(--content);margin:auto}.track-row{border-bottom:1px solid #ffffff0d;border-radius:10px;grid-template-columns:30px 48px minmax(0,1fr) 48px auto;align-items:center;gap:13px;padding:12px 10px;display:grid}.track-row:hover{background:#ffffff08}.artwork{object-fit:cover;border-radius:6px;width:48px;height:48px;box-shadow:0 5px 14px #0005}.artwork-fallback{color:#a1a1a6;background:linear-gradient(135deg,#38383e,#171719);place-items:center;display:grid}.track-index,.duration{color:var(--muted);font-size:12px}.track-copy{gap:4px;min-width:0;display:grid}.track-copy strong,.track-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-copy strong{font-size:14px;font-weight:600}.track-copy span,.playlist-result span{color:var(--muted);font-size:12px}.track-actions{gap:5px;display:flex}.round-button,.player-controls button{color:#fff;background:0 0;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.round-button{background:var(--accent);font-size:12px}.download-link{color:var(--muted);place-items:center;width:34px;font-size:18px;text-decoration:none;display:grid}.download-link:hover{color:var(--accent)}.empty-state{text-align:center;min-height:260px;color:var(--muted);place-content:center;padding:45px 20px;display:grid}.empty-icon{color:#5d5d63;font-size:37px}.empty-state h3{color:#e4e4e7;margin:12px 0 4px;font-size:19px}.empty-state p{margin:0;font-size:13px}.is-loading .empty-icon{animation:1.2s infinite pulse}@keyframes pulse{50%{opacity:.35}}.playlist-results{max-width:var(--content);margin:35px auto}.playlist-result{border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:10px;display:flex}.playlist-result>div{flex:1;gap:4px;min-width:0;display:grid}.playlist-result strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-result button{padding:8px 15px;font-size:12px}.page-heading{justify-content:space-between;align-items:end;gap:20px;padding:66px 0 38px;display:flex}.library-grid{max-width:var(--content);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;margin:auto;display:grid}.playlist-card{background:var(--surface);color:#fff;text-align:left;border:1px solid #0000;border-radius:12px;min-width:0;padding:14px;transition:all .2s}.playlist-card:hover,.playlist-card.active{border-color:#fa2d4866;transform:translateY(-3px)}.mosaic{aspect-ratio:1;background:var(--surface-2);color:var(--muted);border-radius:6px;grid-template-columns:1fr 1fr;place-items:center;margin-bottom:16px;font-size:34px;display:grid;overflow:hidden}.mosaic .artwork{width:100%;height:100%;box-shadow:none;border-radius:0}.playlist-card strong,.playlist-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.playlist-card strong{margin:5px 0 7px}.playlist-card small{color:var(--muted)}.playlist-card b{float:right;color:var(--accent);font-size:18px}.detail-view{max-width:var(--content);margin:auto}.back-button{color:var(--muted);background:0 0;border:0;margin-top:28px;padding:8px 0}.detail-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:24px;padding:42px 0 28px;display:flex}.detail-heading h2{letter-spacing:-.06em;margin:7px 0;font-size:clamp(32px,5vw,58px)}.detail-heading p{color:var(--muted);margin:0}.now-playing-bar{z-index:10;min-height:112px;padding:16px 28px calc(15px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#19191cf2;border-top:1px solid #ffffff1c;grid-template-columns:minmax(220px,1fr) auto minmax(260px,1fr);align-items:center;gap:28px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -18px 48px #0007}.now-track{align-items:center;gap:12px;min-width:0;display:flex}.now-track>div:last-child{min-width:0}.now-track strong,.now-track span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.now-track span{color:var(--muted);margin-top:3px;font-size:12px}.player-controls{align-items:center;gap:13px;display:flex}.player-controls .play-button{background:var(--accent);width:52px;height:52px;font-size:16px}.player-tools{color:var(--muted);align-items:center;gap:9px;font-size:10px;display:flex}.player-tools input{width:100%;accent-color:var(--accent)}.dialog-backdrop{z-index:20;background:#0009;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:#242124;border:1px solid #ffffff20;border-radius:18px;gap:15px;width:min(100%,420px);padding:30px;display:grid;position:relative;box-shadow:0 20px 70px #000}.dialog h2{margin:0}.dialog input{color:#fff;background:#0e0e10;border:1px solid #fff2;border-radius:8px;padding:13px}.dialog-close{color:var(--muted);background:0 0;border:0;font-size:24px;position:absolute;top:12px;right:15px}@media (width<=900px){.sidebar{width:200px}.main-content{margin-left:200px;padding-left:30px;padding-right:30px}.now-playing-bar{grid-template-columns:minmax(0,1fr) auto;gap:18px}.player-tools{grid-column:1/-1}.player-controls{grid-area:1/2}.player-tools{grid-row:2}}@media (width<=650px){.sidebar{display:none}.main-content{margin-left:0;padding:0 16px 165px}.topbar{height:62px}.mobile-brand{font-size:20px;font-weight:700;display:block}.topbar>div{gap:6px}.topbar .avatar{display:none}.hero{padding:38px 0 25px}.hero-copy{display:block}.hero-copy p{margin-top:15px}.hero h1,.page-heading h1{font-size:clamp(44px,13vw,57px)}.search-card{margin-top:24px;padding:20px 15px}.search-card h2{font-size:23px}.search-form{flex-wrap:wrap;padding:6px}.search-form input{width:calc(100% - 40px)}.search-form button{width:100%}.search-hints{line-height:2.3}.search-hints button{margin-left:5px}.section-heading h2{font-size:23px}.track-row{grid-template-columns:22px 42px minmax(0,1fr) auto;gap:8px;padding:11px 0}.track-row .artwork{width:42px;height:42px}.duration{display:none}.track-actions{gap:1px}.page-heading{padding:38px 0 26px;display:block}.page-heading .primary-button{width:100%;margin-top:20px}.library-grid{grid-template-columns:1fr 1fr;gap:10px}.playlist-card{padding:11px}.mosaic{margin-bottom:11px}.detail-heading{padding:28px 0 22px;display:block}.detail-heading .primary-button{width:100%;margin-top:18px}.now-playing-bar{min-height:126px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto;gap:10px}.now-track .artwork{width:44px;height:44px}.now-track strong{font-size:12px}.now-track span{font-size:10px}.player-controls{gap:3px}.player-controls button{width:34px;height:34px}.player-controls .play-button{width:46px;height:46px}.player-tools{gap:6px}}.mobile-nav{display:none}.offline-banner{max-width:var(--content);color:#ffd5dc;background:#321b22;border:1px solid #68404a;border-radius:12px;margin:0 auto 12px;padding:10px 14px;font-size:13px}.mobile-nav button{color:var(--muted);font:inherit;background:0 0;border:0;justify-items:center;gap:3px;min-width:64px;min-height:48px;padding:5px 8px;display:grid}.mobile-nav button span{font-size:20px;line-height:1}.mobile-nav button.active{color:#fff}.mobile-nav button:focus-visible,.topbar button:focus-visible,.round-button:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px}@media (width<=650px){body{padding-bottom:env(safe-area-inset-bottom)}.main-content{padding-bottom:228px}.mobile-nav{z-index:12;padding:6px 10px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d0d0ff0;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.offline-banner{margin-top:8px}.search-form input,.search-form button,.primary-button,.playlist-choice{min-height:46px}.search-hints{white-space:nowrap;padding-bottom:4px;overflow-x:auto}.dialog-backdrop{align-items:flex-end;padding:0}.dialog{width:100%;max-height:85vh;padding:24px 18px calc(24px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;overflow:auto}.track-actions .download-link{display:none}.now-playing-bar{bottom:64px}.player-tools input[type=range]{min-width:0}.topbar{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d0d0fe6;position:sticky;top:0}}.track-row,.track-copy{min-width:0}.track-actions{justify-content:flex-end;min-width:0}.now-playing-bar,.now-track{min-width:0}.now-track .artwork{flex:none}.player-controls,.player-tools{min-width:0}.player-tools input[type=range]{min-width:70px}@media (width<=900px){.now-playing-bar{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 18px}.now-track{grid-area:1/1}.player-controls{grid-area:1/2}.player-tools{grid-area:2/1/auto/-1;width:100%}.player-tools input[type=range]{flex:1;width:auto}}@media (width<=650px){.main-content{padding-bottom:235px}.now-playing-bar{min-height:132px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;gap:8px;bottom:64px}.now-track{gap:8px;max-width:100%}.now-track strong{max-width:calc(100vw - 155px)}.player-controls{gap:2px}.player-tools{gap:6px}.player-tools input[type=range]{min-width:0}.track-row{grid-template-columns:22px 42px minmax(0,1fr) auto;gap:8px}.track-actions{gap:1px}.track-actions .round-button{width:32px;height:32px}}.now-track .track-copy{min-width:0;overflow:hidden}.now-track .track-copy strong,.now-track .track-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.now-track .track-copy strong{max-width:100%}.detail-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.detail-actions .ghost-button{min-height:44px}