@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url('vendor/montserrat.ttf') format('truetype')}
@media(max-width:650px){html,body,body *{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar,body *::-webkit-scrollbar{display:none;width:0;height:0}}
.wordmark{font-family:Montserrat,sans-serif;font-kerning:normal;white-space:nowrap;letter-spacing:-.8px}
.wordmark>span.wordmark-regular{font-family:inherit;font-weight:400;color:inherit}
.wordmark>span.wordmark-black{font-family:inherit;font-weight:900;color:inherit}
.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;aspect-ratio:1;line-height:1;padding:0;text-align:center;overflow:hidden;vertical-align:middle}
.profile .avatar{border-radius:50%;font-family:Montserrat,sans-serif;font-weight:600}
.cover.has-artwork,.now .cover.has-artwork,.track .cover.has-artwork,.playing-info .cover.has-artwork{padding:0;display:block;position:relative;background:#26362b;overflow:hidden}
.cover.has-artwork img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.cover.has-artwork:after{display:none}
.lyrics p{white-space:normal;overflow-wrap:anywhere;max-height:360px;overflow:auto}
/* Every adjustable bar shares the same track, fill, and hover treatment. */
input[type="range"],input.seek{--bar-fill:var(--accent);--bar-rest:#c1c5c1;-webkit-appearance:none;appearance:none;height:3px!important;min-height:3px;border:0;border-radius:0;padding:0;outline-offset:8px;cursor:pointer;background:linear-gradient(to right,var(--bar-fill) 0%,var(--bar-fill) var(--progress,0%),var(--bar-rest) var(--progress,0%),var(--bar-rest) 100%)}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border:0;border-radius:50%;background:transparent}
input[type="range"]:hover::-webkit-slider-thumb,input[type="range"]:focus-visible::-webkit-slider-thumb{background:var(--bar-fill)}
input[type="range"]::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:transparent}
input[type="range"]:hover::-moz-range-thumb,input[type="range"]:focus-visible::-moz-range-thumb{background:var(--bar-fill)}
input[type="range"]::-moz-range-track,input[type="range"]::-moz-range-progress{height:3px;background:transparent;border:0}
html[data-theme="light"] input[type="range"]{--bar-fill:#0bb851;--bar-rest:#c6d0c6;background:linear-gradient(to right,var(--bar-fill) 0%,var(--bar-fill) var(--progress,0%),var(--bar-rest) var(--progress,0%),var(--bar-rest) 100%)}
/* Reference-matched controls shared by mobile and desktop. */
html[data-theme="light"]{--bg:#f6f8f4;--panel:#fff;--muted:#657369;--green:#0aa54c;--line:#dce4dc}
html[data-theme="light"] body{color:#17271c}
html[data-theme="light"] .sidebar,html[data-theme="light"] header{border-color:#dde5dd}
html[data-theme="light"] .sidebar{background:#edf2ec}
html[data-theme="light"] .brand>span,html[data-theme="light"] .breadcrumbs{color:#17271c}
html[data-theme="light"] nav button{color:#53665a}
html[data-theme="light"] nav button.active{background:#d9eedd;color:#087739}
html[data-theme="light"] .navlabel{color:#6b7d70}
html[data-theme="light"] .side-library i,html[data-theme="light"] .playlist-link{color:#5f7466}
html[data-theme="light"] .now{background:#edf3ec;border-color:#d7e2d7}
html[data-theme="light"] footer{background:#fff;border-color:#d5e1d5;box-shadow:0 -4px 24px #183b2110}
html[data-theme="light"] .track:hover{background:#e4eee4}
html[data-theme="light"] .track{border-color:#e1e9df}
html[data-theme="light"] .track-title h2{color:#243b2b}
html[data-theme="light"] .controls button,html[data-theme="light"] .player-actions button{color:#556b5b}
html[data-theme="light"] .controls .play{background:var(--accent);color:#073017}
html[data-theme="light"] .controls .on{color:#079441}
html[data-theme="light"] .seek{background:linear-gradient(to right,#0bb851 0%,#0bb851 var(--progress,0%),#c6d0c6 var(--progress,0%),#c6d0c6 100%)}
html[data-theme="light"] .like{color:#099f45}
html[data-theme="light"] .chip{color:#45634e;border-color:#cfdcce}
html[data-theme="light"] .chip.active{background:#213e2a;color:#fff;border-color:#213e2a}
html[data-theme="light"] .pill{background:var(--accent);color:#073017}
html[data-theme="light"] .search-box{background:#fff;border-color:#ceddcc}
html[data-theme="light"] .search-box input{color:#17271c}
html[data-theme="light"] select,html[data-theme="light"] input[type=text]{background:#f4f8f2;color:#1d3825;border-color:#c9d7c7}
html[data-theme="light"] .setting-group{box-shadow:0 1px 0 #173d1d08}
html[data-theme="light"] .profile{background:linear-gradient(115deg,#d5f1d7,#e9f3e5)}
html[data-theme="light"] .badge,html[data-theme="light"] .connection-label{color:#078c3c}
html[data-theme="light"] .genre{color:#fff}
html[data-theme="light"] .hero,html[data-theme="light"] .home-greeting{color:#fff}
html[data-theme="light"] .hero p{color:#c4ded0}
html[data-theme="light"] .home-greeting{background:radial-gradient(ellipse at 60% 20%,#056fa5 0%,transparent 40%),linear-gradient(115deg,#004879,#14211b 80%)}
html[data-theme="light"] .category{color:#fff}
html[data-theme="light"] .now-heading{color:#415d49}
@media(max-width:650px){html[data-theme="light"] .mobile-nav{background:#f6f8f4;border-top:1px solid #dce4dc}html[data-theme="light"] .mobile-nav button{color:#6a7b6b}html[data-theme="light"] .mobile-nav button.active{color:#078d3d}html[data-theme="light"] .now.open{background:#f6f8f4}html[data-theme="light"] .categories{background:#e0e9dd}html[data-theme="light"] .transport .controls .play{color:#244b30}html[data-theme="light"] #player{box-shadow:0 4px 20px #183b2110}}

.brand{letter-spacing:-1px;white-space:nowrap}.brand .wordmark-regular,.wordmark-regular{font-family:Montserrat,sans-serif;font-weight:400;color:inherit}.brand .wordmark-black,.wordmark-black{font-family:Montserrat,sans-serif;font-weight:900;color:inherit}.breadcrumbs{font-size:23px;color:#eaf0eb;letter-spacing:-.8px}.breadcrumbs:before{content:none!important}.brand small{white-space:normal;padding-left:0}.header-right .avatar{font-weight:600}button svg{display:block;width:22px;height:22px;flex-shrink:0}.nav-icon svg{width:20px;height:20px}.nav-icon{display:inline-flex}.controls{gap:24px}.controls button{padding:8px;display:flex;align-items:center;justify-content:center;color:#a5ada6;min-width:36px;min-height:36px}.controls button svg{width:19px;height:19px}.controls .play{width:44px;height:44px;background:var(--accent);color:#073017}.controls .play svg{width:27px;height:27px}.like{padding:8px;display:flex;align-items:center;justify-content:center;color:#13cf5c}.like svg{width:23px;height:23px}.like.liked svg{fill:currentColor}.now-heading button{padding:8px}.now-heading button svg{width:20px;height:20px}.player-actions{display:flex;align-items:center;justify-content:space-between;margin:10px 4px 0}.player-actions button{padding:8px;color:#b9c0ba}.player-actions svg{width:23px;height:23px}.progress{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:5px;font-size:10px;padding-top:10px}.progress .seek{grid-column:1/-1;grid-row:1;margin:0 0 3px}.progress .elapsed{grid-row:2;text-align:left}.progress .duration{grid-row:2;text-align:right}.seek{-webkit-appearance:none;appearance:none;display:block;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--progress,0%),#c1c5c1 var(--progress,0%),#c1c5c1 100%);height:3px!important;border:0;border-radius:0;outline-offset:8px}.seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;background:transparent;border:0;border-radius:50%}.seek:hover::-webkit-slider-thumb,.seek:focus-visible::-webkit-slider-thumb{background:var(--accent)}.seek::-moz-range-thumb{background:transparent;width:10px;height:10px;border:0}.seek:hover::-moz-range-thumb{background:var(--accent)}.transport .progress{max-width:530px;margin:auto}.mobile-controls{display:block}.now .controls{gap:8px;justify-content:space-between;margin:12px 0}.now .controls .play{width:60px;height:60px}.now .controls .play svg{width:38px;height:38px}.now .lyrics{background:var(--accent);color:#073015;border-radius:26px 26px 12px 12px;padding:20px 25px}.lyrics header{color:#073015}.lyrics p{color:#075025}.lyrics b{color:#062b13}.lyrics small{color:#075025!important}.now .track-title h2{color:#c5c9c5;font-weight:700}.now .track-title{margin-top:25px}.now .cover.c0{background:radial-gradient(ellipse at 66% 30%,#6e9df3 0%,#2697ef 20%,#00a5df 32%,transparent 50%),linear-gradient(135deg,#aab000,#00b94c 45%,#00a5f0);text-shadow:0 1px #fff3}.now .cover{font-size:36px;letter-spacing:-1.5px;line-height:1.45;padding:22px}.home-greeting{padding:18px 20px;border-radius:12px;background:radial-gradient(ellipse at 60% 20%,#056fa5 0%,transparent 40%),linear-gradient(115deg,#004879,#14211b 80%);flex-direction:row;margin-bottom:24px}.home-greeting h1{font-size:28px;margin:0;line-height:1.2;letter-spacing:-.7px}.home-greeting .eyebrow{display:block;color:#e0e9e2;font-size:9px;letter-spacing:1px;margin-bottom:6px}.home-greeting .date{display:none}.connection-label{font-size:12px;color:var(--accent)}.is-offline .connection-label{color:#bac1b9}.offline .status-dot{background:#969e96}.side-bottom{font-size:9px}#mode{cursor:default;white-space:nowrap}.category{border:0}.mobile-nav button{min-height:48px}.side-library>button{min-height:48px}.settings-nav .nav-icon{align-self:center}
@media(max-width:650px){header{height:78px;border:0}.breadcrumbs{font-size:26px}.header-right .avatar{width:36px;height:36px}.home-greeting{padding:12px 10px;min-height:66px;flex-direction:column;align-items:flex-start;justify-content:center;margin:0 0 18px}.home-greeting h1{font-size:24px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-greeting .eyebrow{order:2;margin-top:6px;margin-bottom:0;font-size:9px}.home-greeting>div{display:flex;flex-direction:column;width:100%}main{padding-top:0}.home-greeting~.chips,.home-greeting~.hero{display:none}.categories{background:#222a23;padding:11px;gap:8px;border-radius:18px;margin:0}.category{height:190px;padding:0;border-radius:22px;background-position:center;background-size:cover!important;background-image:linear-gradient(0deg,#000c,transparent 60%),url('assets/home-playlists.jpg')}.category:nth-child(2){background-image:linear-gradient(0deg,#000c,transparent 60%),url('assets/home-artists.jpg');background-position:center}.category:nth-child(3){background-image:linear-gradient(0deg,#000c,transparent 60%),url('assets/home-albums.jpg');background-position:center}.category small,.category>span{display:none}.category b{font-size:19px;left:10px;bottom:12px;letter-spacing:-.6px}.category b .arrow{display:none}.section-head{margin-top:34px}.section-head h2{font-size:20px}.track{padding:7px 0;border:0;min-height:64px;gap:12px}.track .cover{width:52px;height:52px;aspect-ratio:1;border-radius:6px}.track-info b{font-size:13px}.track-info small{font-size:11px}.track time{font-size:8px}.check{font-size:15px;margin:0 3px 0 8px}.now.open{padding:26px 18px 20px}.now-heading{margin:0 0 29px}.now .cover{max-width:none;width:100%;border-radius:13px;padding:24px;font-size:clamp(36px,10vw,52px);line-height:1.4}.now .track-title{margin-top:28px}.now .track-title h2{font-size:21px}.now .track-title p{margin:0;font-size:11px}.now .like{padding-right:2px}.now .progress{padding-top:14px}.now .controls{margin:10px 0 0;gap:10px}.now .controls .play{width:66px;height:66px;background:var(--accent);color:#073017}.now .controls .play svg{width:41px;height:41px}.now .controls button{min-width:40px;min-height:40px}.now .controls button svg{width:18px;height:18px}.player-actions{margin:0 3px 4px}.now .lyrics{margin:4px 15px 0;padding:16px 25px;min-height:170px}.now .lyrics p{font-size:23px}.playing-info .like{display:none}.playing-info b{font-size:12px}.playing-info small{font-size:10px}.playing-info .cover{border-radius:5px}.transport .controls .play{background:none!important;color:#d1d7d1;width:34px;height:34px}.transport .controls .play svg{width:23px;height:23px}.transport .controls{gap:0}.transport .progress{display:none}.playing-info{min-width:0}.playing-info>div{overflow:hidden}.playing-info b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#player:after{content:'';position:absolute;height:2px;left:0;bottom:0;width:var(--progress,0%);background:var(--accent)}.mobile-nav{border:0}.mobile-nav button{padding:12px 0;color:#a4aca4}.mobile-nav button.active{color:#dce5dc}.mobile-nav .nav-icon svg{width:17px;height:17px}.mobile-nav button{font-size:10px}.now .queue-title{margin-top:25px}.now .track{min-height:55px}}