:root{--accent:#159de7;--accent-readable:#54b9f3;--accent-ink:#000;--text:#f5f5f5;--elevated:#111;--side:#000;--nav:#b6bac0;--art-background:linear-gradient(135deg,#a6b812,#16c77b,#159de7)}
@supports selector(::-webkit-scrollbar){@media(min-width:651px){html[data-theme],html[data-theme] body,html[data-theme] body *{scrollbar-width:auto;scrollbar-color:auto}}}
html[data-theme] .player-actions .device-playing.is-playing{color:var(--accent-readable)}
html[data-theme]{background:var(--bg);color:var(--text)}html[data-theme] body{background:var(--bg);color:var(--text);isolation:isolate}html[data-theme] .sidebar,html[data-theme] .now{background:var(--side);border-color:var(--line)}html[data-theme] header{border-color:var(--line)}html[data-theme] footer,html[data-theme] .mobile-nav{background:var(--side);border-color:var(--line);box-shadow:none}html[data-theme] .setting-group,html[data-theme] .empty,html[data-theme] .appearance-group{background:var(--panel);border:1px solid var(--line);box-shadow:none}html[data-theme] .sheet{background:var(--bg);color:var(--text)}html[data-theme] .search-box,html[data-theme] select,html[data-theme] input[type=text]{background:var(--elevated);color:var(--text);border-color:var(--line)}html[data-theme] input{color-scheme:inherit}html[data-theme] .search-box input{color:var(--text)}html[data-theme] .brand,html[data-theme] .breadcrumbs,html[data-theme] .brand>span,html[data-theme] .track-title h2{color:var(--text)}html[data-theme] nav button,html[data-theme] .playlist-link,html[data-theme] .side-library i,html[data-theme] .now-heading,html[data-theme] .controls button,html[data-theme] .player-actions button{color:var(--nav)}html[data-theme] .navlabel{color:var(--muted)}html[data-theme] .chip{color:var(--text);border-color:var(--line)}html[data-theme] .chip.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent-readable)}html[data-theme] .chip.active .ui-icon{color:inherit}html[data-theme] nav button.active,html[data-theme] .mobile-nav button.active{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent-readable)}html[data-theme] nav .active .icon-selected path:first-child{fill:color-mix(in srgb,var(--accent) 18%,transparent)}html[data-theme] .icon-selected,html[data-theme] .controls button.on,html[data-theme] .like,html[data-theme] .badge,html[data-theme] .connection-label{color:var(--accent-readable)}html[data-theme] .pill,html[data-theme] .controls .play,html[data-theme] .now .controls .play,html[data-theme] .avatar,html[data-theme] .toggle.on{background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent-readable)}html[data-theme] .like.liked svg{fill:currentColor}html[data-theme] .track,html[data-theme] .setting{border-color:var(--line)}html[data-theme] .track:hover,html[data-theme] .queue-row.current{background:color-mix(in srgb,var(--accent) 8%,transparent)}html[data-theme] .profile{background:color-mix(in srgb,var(--accent) 10%,var(--panel));border:1px solid var(--line)}html[data-theme] .categories{background:var(--elevated)}html[data-theme] .player-actions .selected,html[data-theme] .icon-button.selected{color:var(--accent-readable)}html[data-theme] .now .lyrics{background:var(--accent);color:var(--accent-ink)}html[data-theme] .lyrics header,html[data-theme] .lyrics p,html[data-theme] .lyrics b{color:var(--accent-ink)}html[data-theme] input[type=range],html[data-theme] input.seek{--bar-fill:var(--accent-readable);--bar-rest:color-mix(in srgb,var(--text) 30%,var(--bg));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%)}html[data-theme] input[type=range]:hover::-webkit-slider-thumb,html[data-theme] input[type=range]:focus-visible::-webkit-slider-thumb{background:var(--accent-readable)}html[data-theme] .controls .on:after,html[data-theme] #player:after{background:var(--accent-readable)}html[data-theme] button:focus-visible,html[data-theme] a:focus-visible{outline-color:var(--accent-readable)}
html[data-theme=blur] body{background:transparent}html[data-theme=blur] body:before{content:'';position:fixed;inset:-60px;background-image:var(--art-background);background-position:center;background-size:cover;filter:blur(46px) brightness(.35);transform:scale(1.15);z-index:-1;pointer-events:none}html[data-theme=blur] .sidebar,html[data-theme=blur] .now,html[data-theme=blur] footer,html[data-theme=blur] .mobile-nav,html[data-theme=blur] .setting-group,html[data-theme=blur] .appearance-group{backdrop-filter:blur(18px)}
.appearance-group{padding:22px;border-radius:14px;margin:20px 0}.appearance-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.appearance-heading h4{font-size:14px;margin:0}.appearance-heading p{font-size:11px;margin:6px 0 0}.default-badge{font-size:9px;line-height:1.5;color:var(--muted);text-align:right}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.theme-choice{padding:0;text-align:left;font-size:12px;min-width:0}.theme-choice>span:last-child{display:block;margin-top:9px}.theme-thumbnail{display:block;height:87px;position:relative;border:2px solid var(--line);border-radius:11px;padding:12px;overflow:hidden;background:var(--preview-bg)}.theme-choice.is-selected .theme-thumbnail{border-color:var(--accent-readable);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent)}.theme-choice.is-selected>span:last-child{color:var(--accent-readable)}.theme-thumbnail i{display:block;background:var(--preview-panel);height:8px;border-radius:4px;margin-bottom:7px;width:70%}.theme-thumbnail i:first-child{height:20px;width:100%}.theme-thumbnail i:last-of-type{width:43%;background:var(--accent)}.theme-thumbnail-dark{--preview-bg:#171b22;--preview-panel:#36404f}.theme-thumbnail-light{--preview-bg:#eef1f6;--preview-panel:#cbd4e3}.theme-thumbnail-white{--preview-bg:#fff;--preview-panel:#e8e9eb}.theme-thumbnail-black{--preview-bg:#090909;--preview-panel:#2a2a2a}.theme-thumbnail-amoled{--preview-bg:#000;--preview-panel:#161616}.theme-thumbnail-blur{--preview-panel:#ffffff24;background-image:linear-gradient(#12122299,#12122299),var(--art-background);background-size:cover;background-position:center}.theme-check{position:absolute;right:7px;bottom:6px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:var(--accent-ink)}.theme-check svg{width:13px;height:13px}.theme-note{font-size:10px;line-height:1.6;margin:17px 0 0}.accent-heading{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.current-accent{width:26px;height:26px;border-radius:50%;border:2px solid color-mix(in srgb,var(--text) 25%,transparent);flex-shrink:0}.accent-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.accent-source{display:flex;align-items:center;gap:11px;padding:14px 12px;border:1px solid var(--line);border-radius:11px;text-align:left;min-width:0}.accent-source.is-selected{border-color:var(--accent-readable);background:color-mix(in srgb,var(--accent) 7%,transparent)}.accent-source b{display:block;font-size:11px;font-weight:600}.accent-source small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.accent-source>span:not(.radio-dot):not(.color-wheel){flex:1}.accent-source>svg{width:21px;height:21px;color:var(--accent-readable)}.radio-dot{width:13px;height:13px;border:1px solid var(--muted);border-radius:50%;flex-shrink:0}.is-selected .radio-dot{border:4px solid var(--accent-readable)}.color-wheel{display:block;width:21px;height:21px;border-radius:50%;background:conic-gradient(#ec648c,#e5c65d,#55d395,#5ba7ed,#b97fe2,#ec648c);flex-shrink:0}.art-color-preview{display:flex;gap:12px;align-items:center;margin:20px 0 14px}.art-color-preview .cover{width:42px;height:42px;border-radius:6px;padding:5px;font-size:8px;flex-shrink:0}.art-color-preview>div:not(.cover){min-width:0;flex:1}.art-color-preview b{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.art-color-preview small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.art-color-preview>span{font-size:10px;color:var(--muted)}.color-swatches{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.color-swatch{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--swatch);border:2px solid color-mix(in srgb,var(--text) 15%,transparent)}.color-swatch.is-selected{outline:2px solid var(--accent-readable);outline-offset:3px}.color-swatch svg{width:15px;height:15px;color:white;filter:drop-shadow(0 1px 2px #000b)}.custom-color-row{display:flex;align-items:flex-end;gap:16px;margin-top:19px}.custom-color-row label{display:flex;flex-direction:column;gap:9px;font-size:10px;color:var(--muted)}input[type=color]{display:block;width:60px;height:38px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--elevated);cursor:pointer}.custom-color-row input[type=text]{width:122px;font-size:12px}.account-settings-entry{display:none}
@media(min-width:651px){html,body,body *{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent-readable) 55%,transparent) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent-readable) 50%,transparent);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--accent-readable)}::-webkit-scrollbar-button{display:none;width:0;height:0}.side-library::-webkit-scrollbar{width:4px}}
@media(max-width:650px){.appearance-group{padding:17px 14px}.theme-grid{gap:11px}.theme-thumbnail{height:74px;padding:10px}.theme-choice{font-size:11px}.accent-modes{grid-template-columns:1fr}.accent-source b{font-size:12px}.accent-source small{font-size:10px}.default-badge{max-width:95px;font-size:8px}.appearance-heading h4{font-size:13px}.appearance-heading p{font-size:10px}.account-settings-entry{display:flex;align-items:center;gap:14px;width:100%;padding:19px;border:1px solid var(--line);border-radius:12px;text-align:left;background:var(--panel);margin:24px 0}.account-settings-entry>span{flex:1}.account-settings-entry b{font-size:13px;display:block}.account-settings-entry small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.account-settings-entry>svg:first-child{color:var(--accent-readable)}html[data-theme] .transport .controls .play{background:none!important;border:0;color:var(--text)}html[data-theme] .now.open{background:var(--bg)}html[data-theme=blur] .now.open{background:var(--side);backdrop-filter:blur(25px)}html[data-theme] .mobile-nav button.active{background:transparent}}