:root{color:#f5f4f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#10110f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #b5e65a}::selection{color:#10110f;background:#b5e65a}.app-shell{min-height:100vh;padding:0 0 96px 248px}.sidebar{z-index:5;background:#0b0c0a;border-right:1px solid #22241f;flex-direction:column;width:248px;padding:30px 22px 20px;display:flex;position:fixed;inset:0 auto 88px 0}.brand{color:#f5f4f0;letter-spacing:-1.5px;align-items:center;gap:10px;width:fit-content;font-size:25px;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{color:#15190e;background:#b5e65a;border-radius:11px;place-items:center;width:34px;height:34px;font-size:20px;font-weight:800;display:grid}.brand-dot{color:#b5e65a}.sidebar-label,.eyebrow{color:#9a9d92;letter-spacing:1.5px;margin:0;font-size:10px;font-weight:700}.sidebar-label{margin:36px 0 12px 10px}.main-nav{gap:5px;display:grid}.nav-item{color:#b6b8b1;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:14px;min-height:45px;padding:0 11px;transition:background .16s,color .16s;display:flex}.nav-item:hover,.nav-item.active{color:#f5f4f0;background:#20221d}.nav-item.active{box-shadow:inset 3px 0 #b5e65a}.nav-icon{color:#b5e65a;text-align:center;width:20px;font-size:21px;line-height:1}.sidebar-rule{background:#272922;height:1px;margin:23px 0 4px}.sidebar-library{gap:6px;display:grid;overflow:auto}.sidebar-library .sidebar-label{margin-top:17px}.playlist-link{color:#b6b8b1;cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:8px 10px;overflow:hidden}.playlist-link:hover{color:#b5e65a}.connection-card{color:#f5f4f0;background:#151811;border:1px solid #2b3024;border-radius:10px;gap:5px;margin-top:auto;padding:14px;font-size:12px;display:grid}.connection-card>span:last-child{color:#92958b;font-size:11px}.connection-dot,.header-status i,.playing-indicator{background:#777a70;border-radius:50%;width:7px;height:7px}.connection-dot.online,.playing-indicator.active{background:#b5e65a;box-shadow:0 0 11px #b5e65575}.content{width:min(100%,1440px);min-height:calc(100vh - 96px);margin:0 auto;padding:0 42px 42px}.topbar{z-index:4;background:linear-gradient(#10110f 72%,#10110f00);align-items:center;gap:22px;height:76px;display:flex;position:sticky;top:0}.history-buttons{gap:8px;display:flex}.history-buttons span{color:#85887e;background:#20221e;border-radius:50%;place-items:center;width:31px;height:31px;font-size:23px;display:grid}.search-box{color:#b5e65a;background:#20221e;border:1px solid #373a31;border-radius:30px;align-items:center;gap:11px;width:min(390px,55vw);height:42px;padding:0 15px;display:flex}.search-box>span{font-size:23px;line-height:1}.search-box input{color:#f5f4f0;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:13px}.search-box input::placeholder{color:#a3a69d}.search-box:focus-within{border-color:#b5e65a}.search-box>button{flex:none}.catalog-results{gap:6px;display:grid}.catalog-artists{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.catalog-artists h3{flex-basis:100%}.catalog-artist{color:#f2f2ed;cursor:pointer;text-align:left;overflow-wrap:anywhere;background:#191b17;border:1px solid #414b35;border-radius:10px;gap:8px;max-width:100%;padding:18px;display:grid}.catalog-artist span,.catalog-artist small,.catalog-playback-status small{color:#adb3a3;font-size:12px}.catalog-artist:hover,.featured-artist{background:#272d21;border-color:#b5e65a}.catalog-artist-scope,.catalog-playback-status{border:1px solid #576f39;border-radius:10px;margin-bottom:20px;padding:16px}.catalog-playback-status{z-index:3;background:#20271a;position:sticky;top:0}.catalog-playback-status small{margin-top:8px;display:block}.catalog-result{color:#d3d5cb;text-align:left;background:#191b17;border:1px solid #0000;border-radius:9px;grid-template-columns:56px minmax(0,1fr) minmax(100px,26%) auto;align-items:center;gap:16px;width:100%;padding:12px;display:grid}.catalog-result:hover,.catalog-result.selected{background:#23291d;border-color:#576f39}.catalog-cover{object-fit:cover;border-radius:6px;place-items:center;width:64px;height:64px;display:grid}.catalog-result-main{gap:4px;min-width:0;display:grid}.catalog-result-main strong{color:#f2f2ed;font-size:14px}.catalog-cover-button,.catalog-title-button,.catalog-album-link{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.catalog-result .catalog-cover{width:56px;height:56px}.catalog-title-button{color:#f2f2ed;overflow-wrap:anywhere;font-size:14px;font-weight:700}.catalog-album-link,.catalog-no-album{color:#adb3a3;overflow-wrap:anywhere;font-size:12px}.catalog-album-link:hover,.catalog-title-button:hover{color:#d5f5a2;text-decoration:underline}.catalog-featured{background:#272d21;grid-template-columns:96px minmax(0,1fr) auto;margin-bottom:24px;padding:20px}.catalog-featured .catalog-cover{width:96px;height:96px}.catalog-featured .catalog-cover-button,.catalog-featured .catalog-result-duration{grid-row:1/3}.catalog-featured .catalog-title-button{font-size:24px}.catalog-featured .catalog-album-link,.catalog-featured .catalog-no-album{grid-area:2/2}.catalog-list-heading{color:#adb3a3;grid-template-columns:minmax(0,1fr) 26% 48px;gap:16px;padding:0 12px 12px 84px;font-size:12px;display:grid}.catalog-result-main>span,.catalog-result-duration,.catalog-select-label{color:#a4a89a;font-size:12px}.catalog-result-main>*{overflow-wrap:anywhere}.catalog-result-main .catalog-version,.catalog-select-label{color:#c1e782}.catalog-selection{background:#20271a;border:1px solid #576f39;border-radius:12px;grid-template-columns:96px minmax(0,1fr) auto;align-items:start;gap:20px;margin-bottom:22px;padding:22px;display:grid}.catalog-selection .catalog-cover{width:96px;height:96px}.catalog-selection h3{margin:8px 0}.catalog-selection p,.catalog-selection label{color:#b6bdab;font-size:12px;line-height:1.6}.catalog-selection select{color:#f2f2ed;background:#181d14;border:1px solid #546345;border-radius:5px;width:100%;min-height:38px;margin-top:8px;display:block}.catalog-pagination{color:#adb3a3;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;font-size:12px;display:flex}.catalog-pagination button:disabled{cursor:default;opacity:.45}.catalog-album>.text-button{margin-bottom:20px}.catalog-album-header{align-items:center;gap:24px;display:flex}.catalog-album-header>div{overflow-wrap:anywhere;min-width:0}.catalog-album-header .catalog-cover{flex-shrink:0;width:140px;height:140px}.catalog-album-header h2{margin:12px 0}.catalog-album-header p,.catalog-source-summary p{color:#adb3a3;font-size:13px;line-height:1.6}.catalog-source-summary{border:1px solid #414b35;border-radius:9px;margin:24px 0;padding:16px}.catalog-album-tracks{gap:6px;padding:0;list-style:none;display:grid}.catalog-album-tracks>li{background:#191b17;border-radius:6px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 10px;display:grid}.catalog-album-tracks strong,.catalog-album-tracks p{overflow-wrap:anywhere}.catalog-album-tracks p{color:#adb3a3;margin:6px 0;font-size:12px}.catalog-album-tracks small,.catalog-track-position{color:#adb3a3;font-size:11px}@media (width<=620px){.catalog-result{grid-template-columns:48px minmax(0,1fr) auto;gap:10px}.catalog-result .catalog-cover{width:48px;height:48px}.catalog-result .catalog-album-link,.catalog-result .catalog-no-album{grid-area:2/2}.catalog-result .catalog-cover-button,.catalog-result .catalog-result-duration{grid-row:1/3}.catalog-featured .catalog-title-button{font-size:20px}.catalog-list-heading{display:none}.catalog-album-header{flex-direction:column;align-items:flex-start}.catalog-selection{grid-template-columns:minmax(0,1fr) auto;padding:16px}.catalog-selection>.catalog-cover{grid-column:1/-1}}.header-status{color:#92958b;letter-spacing:1.2px;align-items:center;gap:8px;margin-left:auto;font-size:10px;font-weight:700;display:flex}.header-status i{background:#b5e65a;display:block}.header-account{color:#d2d4cc;text-overflow:ellipsis;white-space:nowrap;max-width:145px;font-size:11px;overflow:hidden}.logout-button{flex:none}.auth-shell{background:radial-gradient(at 50% 0,#303c2466,#0000 55%),#10110f;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#181a16;border:1px solid #33372c;border-radius:14px;gap:15px;width:min(100%,420px);padding:32px;display:grid;box-shadow:0 20px 80px #0005}.auth-brand{margin-bottom:18px}.auth-card h1{color:#f5f4f0;letter-spacing:-1px;margin:0;font-size:31px}.auth-card>p{margin:0}.auth-form,.settings-form{gap:10px;display:grid}.auth-form{margin-top:8px}.auth-form label,.settings-form>label{color:#b6b9af;margin-top:5px;font-size:12px}.auth-form input,.settings-form>input{color:#f5f4f0;background:#1b1d19;border:1px solid #3a3d34;border-radius:6px;outline:0;min-height:42px;padding:0 12px;font-size:13px}.auth-form input:focus,.settings-form>input:focus{border-color:#b5e65a}.auth-form .primary-button{margin-top:12px}.settings-form{max-width:440px;margin-top:16px}.settings-form .secondary-button{width:fit-content;margin-top:8px}.checkbox-row{color:#b6b9af;align-items:center;gap:9px;margin-top:8px;font-size:12px;display:flex}.success-message{color:#c6e88d;margin:4px 0 0;font-size:12px}.hero{background:radial-gradient(at 78% 30%,#73973766,#0000 39%),linear-gradient(115deg,#222a1b 0%,#1a2016 52%,#252c1c 100%);border:1px solid #33392a;border-radius:15px;align-items:center;min-height:350px;padding:48px 52px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:linear-gradient(90deg,#1b2119 0%,#1b2119ed 42%,#1b211900 85%);position:absolute;inset:0}.hero-copy{z-index:2;width:min(510px,72%);position:relative}.hero-copy .eyebrow,.page-heading .eyebrow{color:#c2de8d}.hero h1,.page-heading h1{color:#f7f6f0;letter-spacing:-2.8px;margin:15px 0 12px;font-size:clamp(38px,5vw,60px);font-weight:680;line-height:1.02}.hero h1 em{color:#c1e782;font-style:normal}.hero-description{color:#c6c9be;max-width:430px;margin:0 0 23px;font-size:14px;line-height:1.65}.primary-button,.secondary-button{color:#14170f;cursor:pointer;background:#b5e65a;border:0;border-radius:24px;min-height:42px;padding:0 19px;font-size:13px;font-weight:750;transition:transform .15s,background .15s}.primary-button:hover,.secondary-button:hover{background:#c7f476;transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.primary-button span{margin-right:7px;font-size:11px}.hero-caption{color:#a9ad9f;margin-top:14px;font-size:11px;display:block}.hero-art{aspect-ratio:1;object-fit:cover;border:1px solid #ffffff24;border-radius:8px;width:min(270px,31%);position:absolute;top:50%;right:8%;transform:translateY(-50%)rotate(3deg);box-shadow:0 25px 75px #0009}.hero-art-placeholder{color:#b5e65a;background:linear-gradient(140deg,#687f41,#22271d 70%);place-items:center;font-size:120px;font-weight:800;display:grid}.content-section{margin-top:39px}.section-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px;display:flex}.section-heading h2,.playlist-detail h2{letter-spacing:-.6px;margin:5px 0 0;font-size:22px;font-weight:650}.text-button{color:#c4e590;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:12px}.track-list{gap:3px;display:grid}.track-row{color:#b5b8ae;border-radius:7px;grid-template-columns:30px 42px minmax(120px,1.2fr) minmax(100px,1fr) 44px 92px 30px;align-items:center;gap:13px;min-height:62px;padding:6px 10px;transition:background .13s;display:grid}.track-row:hover,.track-row.is-current{background:#20221e}.track-row.is-current .track-main strong{color:#c1e782}.track-play{color:#b5e65a;cursor:pointer;background:0 0;border:0;width:28px;height:32px;font-size:15px}.track-play span{color:#8f9289;font-size:12px}.track-row:hover .track-play span{color:#b5e65a}.track-cover{object-fit:cover;border-radius:4px;width:42px;height:42px}.cover-fallback,.player-art-placeholder{color:#b5e65a;background:#252a1f;place-items:center;font-weight:750;display:grid}.track-main{gap:4px;min-width:0;display:grid}.track-main strong{color:#f0f0eb;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:550;overflow:hidden}.track-main span,.track-album,.track-duration{color:#9c9f95;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.track-row select{color:#c2c5bb;cursor:pointer;background:#171915;border:1px solid #393c33;border-radius:5px;width:92px;padding:6px 4px;font-size:10px}.cache-button{color:#aeb2a5;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:28px;height:28px;font-size:16px;display:grid}.cache-button:hover,.cache-button.saved{color:#c0eb79;background:#272d20;border-color:#465733}.cache-button:disabled{cursor:wait;opacity:.6}.cache-settings{background:#181a16;border:1px solid #32352d;border-radius:9px;grid-template-columns:minmax(0,1fr) auto 110px;align-items:center;gap:16px;margin-top:28px;padding:15px 17px;display:grid}.cache-settings>div{gap:5px;display:grid}.cache-settings strong{color:#f0f0eb;font-size:12px;font-weight:600}.cache-settings span,.cache-settings label{color:#a0a398;font-size:11px}.cache-settings select{color:#e7e8e1;background:#20221e;border:1px solid #393c33;border-radius:5px;min-height:34px;padding:0 8px;font-size:11px}.track-row select:disabled{cursor:not-allowed;opacity:.5}.page-heading{margin:36px 0 23px}.page-heading h1{margin:10px 0;font-size:clamp(40px,5vw,54px)}.page-heading>p:last-child,.playlist-detail>p:not(.eyebrow){color:#a9aca2;font-size:13px}.notice{background:#211f18;border:1px solid #45402b;border-radius:9px;align-items:flex-start;gap:13px;padding:16px 18px;display:flex}.notice>span{color:#18170f;background:#c6a95c;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:12px;font-weight:800;display:grid}.notice p{color:#d1c9ae;margin:0;font-size:12px;line-height:1.6}.playlist-form{gap:9px;max-width:590px;margin:10px 0 22px;display:grid}.playlist-form label{color:#b4b7ad;font-size:12px}.form-row{gap:10px;display:flex}.form-row input{color:#f5f4f0;background:#1b1d19;border:1px solid #3a3d34;border-radius:6px;width:min(390px,100%);min-height:42px;padding:0 14px;font-size:13px}.form-row input::placeholder{color:#7f8278}.secondary-button{white-space:nowrap}.playlist-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:13px;display:grid}.playlist-card{cursor:pointer;text-align:left;background:#191b17;border:1px solid #0000;border-radius:9px;gap:9px;min-width:0;padding:12px;transition:background .15s,transform .15s;display:grid}.playlist-card:hover{background:#22251e;transform:translateY(-2px)}.playlist-art{aspect-ratio:1;color:#d4f29e;background:linear-gradient(140deg,#617a38,#20251b 72%);border-radius:6px;place-items:center;width:100%;font-size:64px;font-weight:750;display:grid}.playlist-art span{color:#b5e65a;font-size:20px}.playlist-card strong,.playlist-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-card strong{color:#f2f2ed;font-size:13px}.playlist-card small,.muted{color:#95988e;font-size:11px}.small{margin:4px 10px}.playlist-detail{margin-top:32px}.settings-section{max-width:780px;margin-top:38px}.settings-section .cache-settings{margin-top:16px}.settings-cache-footer{justify-content:space-between;align-items:center;gap:15px;display:flex}.settings-summary,.settings-scope{color:#9fa297;font-size:11px;line-height:1.6}.settings-summary{color:#c2e28b;margin:13px 0 0}.settings-scope{margin-top:22px}.playlist-detail .track-list{margin-top:24px}.empty-state{color:#a5a89e;text-align:center;border:1px dashed #3b3e34;border-radius:8px;padding:25px 15px;font-size:13px}.error-banner{color:#ffb7a5;background:#321f1a;border:1px solid #804a3e;border-radius:7px;margin:10px 0;padding:12px 15px;font-size:12px}.page-footer{color:#74776e;text-align:center;margin-top:55px;font-size:10px}.player-bar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#151613f5;border-top:1px solid #34362f;grid-template-columns:minmax(190px,1fr) minmax(280px,1.3fr) minmax(160px,1fr);align-items:center;gap:20px;min-height:88px;padding:11px 24px;display:grid;position:fixed;inset:auto 0 0}.now-playing{align-items:center;gap:12px;min-width:0;display:flex}.player-art{object-fit:cover;border-radius:4px;flex:none;width:54px;height:54px}.player-art-placeholder{font-size:20px}.now-playing-meta{gap:5px;min-width:0;display:grid}.now-playing-meta strong,.now-playing-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.now-playing-meta strong{color:#f4f3ee;font-size:12px;font-weight:550}.now-playing-meta span{color:#9c9f95;font-size:10px}.player-controls{gap:8px;display:grid}.control-buttons{justify-content:center;align-items:center;gap:20px;display:flex}.control-buttons button{color:#c1c4ba;cursor:pointer;background:0 0;border:0;font-size:13px}.control-buttons button:disabled{cursor:not-allowed;opacity:.4}.control-buttons .play-toggle{color:#11120f;background:#f4f4ed;border-radius:50%;place-items:center;width:31px;height:31px;font-size:12px;display:grid}.progress-row{color:#a4a69e;align-items:center;gap:9px;font-size:9px;display:flex}.progress-row input{accent-color:#b5e65a;cursor:pointer;width:100%;height:4px}.progress-row input:disabled{cursor:default}.player-context{color:#a5a89e;justify-content:end;align-items:center;gap:9px;font-size:10px;display:flex}.player-context .playing-indicator{display:block}@media (width<=900px){.content{padding-left:25px;padding-right:25px}.track-row{grid-template-columns:25px 38px minmax(100px,1fr) minmax(78px,.8fr) 38px 76px 28px;gap:9px}.track-row select{width:76px}.player-bar{grid-template-columns:minmax(150px,1fr) minmax(250px,1.3fr)}.player-context{display:none}}@media (width<=620px){.app-shell{padding:0 0 148px}.sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#11120ff5;border-top:1px solid #292b25;border-right:0;flex-direction:row;justify-content:center;align-items:center;width:100%;height:58px;padding:4px 10px;inset:auto 0 88px}.brand,.sidebar-label,.sidebar-rule,.sidebar-library,.connection-card{display:none}.main-nav{grid-template-columns:repeat(4,1fr);gap:3px;width:100%}.nav-item{flex-direction:column;justify-content:center;gap:2px;min-height:47px;padding:2px;font-size:9px}.nav-item.active{box-shadow:inset 0 2px #b5e65a}.nav-icon{font-size:18px}.content{padding:0 16px 25px}.topbar{gap:11px;height:66px}.history-buttons{display:none}.search-box{width:min(100%,360px);height:39px}.header-status{display:none}.hero{align-items:end;min-height:330px;padding:25px 22px}.hero:after{background:linear-gradient(#171d1522 0%,#171d15ef 64%,#171d15 100%)}.hero-copy{width:100%}.hero h1{font-size:42px}.hero-art{width:115px;top:12px;right:18px;transform:rotate(4deg)}.hero-art-placeholder{font-size:55px}.content-section{margin-top:30px}.section-heading h2{font-size:19px}.track-row{grid-template-columns:22px 34px minmax(60px,1fr) 34px 72px 26px;gap:5px;padding:6px 0}.track-album{display:none}.track-row select{width:72px;padding:6px 2px}.cache-button{width:26px;height:26px}.track-duration{text-align:right}.page-heading{margin-top:26px}.cache-settings{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:12px}.cache-settings>div{grid-column:1/-1}.cache-settings select{width:100px}.page-heading h1{font-size:42px}.form-row{align-items:stretch}.form-row input{min-width:0}.secondary-button{padding:0 12px;font-size:11px}.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.player-bar{grid-template-columns:minmax(0,1fr) auto;gap:10px;min-height:88px;padding:9px 13px}.player-art{width:43px;height:43px}.player-controls{gap:4px;width:104px}.control-buttons{gap:11px}.control-buttons .play-toggle{width:28px;height:28px}.progress-row{gap:5px}.progress-row span{font-size:8px}}