:root{--bg:#101010;--surface:#191919;--raised:#1d1d1d;--border:#262626;--border-subtle:#1d1d1d;--border-strong:#454545;--text:#ebebeb;--muted:#939393;--faint:#565656;--track:#262626;--fill:#ebebeb;--crit:#f0605a;--font-ui:"IBM Plex Sans",ui-sans-serif,system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--sidebar:200px;--panel:320px;--bar:64px;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#ebebeb;--surface:#f5f5f5;--raised:#e2e2e2;--border:#c5c5c5;--border-subtle:#d9d9d9;--border-strong:#a0a0a0;--text:#101010;--muted:#686868;--faint:#a0a0a0;--track:#d0d0d0;--fill:#101010;--crit:#c42b25;--buncss-light:initial;--buncss-dark: ;color-scheme:light}}*,*:before,*:after{box-sizing:border-box;border-radius:0}html,body{background:var(--bg);color:var(--text);font:400 13px/1.4 var(--font-ui);-webkit-font-smoothing:antialiased;margin:0}@media (min-width:1800px){html{zoom:1.1}}h1,h2,p,ul,ol{font-weight:inherit;font-size:inherit;margin:0;padding:0}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}::selection{background:var(--border)}:focus-visible{outline:1px solid var(--text);outline-offset:-1px}.muted{color:var(--muted)}.small{font-size:12px}.num,kbd{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.right{text-align:right}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.level-crit{color:var(--crit)}.empty{color:var(--faint);font-family:var(--font-mono);padding:24px 0;font-size:12.5px}.shell{position:fixed;display:grid;grid-template-columns:var(--sidebar)minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"side main";inset:0}.shell.with-player{grid-template-rows:minmax(0,1fr)var(--bar);grid-template-areas:"side main" "bar bar"}.shell.with-player.with-panel{grid-template-columns:var(--sidebar)minmax(0,1fr)var(--panel);grid-template-areas:"side main panel" "bar bar bar"}.page{grid-area:main;overflow-y:auto;overscroll-behavior:contain}.sidebar{grid-area:side;display:flex;border-right:1px solid var(--border);overflow-y:auto;flex-direction:column;min-height:0;padding:10px 8px 8px}.brand{display:flex;font:500 12.5px var(--font-mono);align-items: center;gap:10px;padding:2px 8px 10px}.brand-mark{background:var(--text);width:10px;height:10px}.search-button{display:flex;border:1px solid var(--border);background:var(--bg);color:var(--muted);cursor:pointer;align-items: center;gap:10px;height:28px;margin:0 0 6px;padding:0 8px}.search-button:hover{color:var(--text);border-color:var(--border-strong)}.search-button span{text-align:left;flex:1}kbd{color:var(--faint);font-size:10.5px}.nav-label{font:400 10.5px var(--font-mono);color:var(--faint);padding:10px 8px 4px}.nav-item{display:flex;color:var(--muted);font:400 12px var(--font-mono);text-align:left;cursor:pointer;background:0 0;border:0;align-items: center;gap:8px;width:100%;height:26px;padding:0 8px}.nav-item:hover{background:var(--surface);color:var(--text)}.nav-item[aria-current=page]{background:var(--border);color:var(--text)}.folder-caret{color:var(--faint);width:10px}.nav-empty{color:var(--faint);padding:4px 10px;font-size:12px}.nav-playlists{flex:1}.sidebar-foot{display:flex;border-top:1px solid var(--border-subtle);justify-content:space-between;align-items: center;gap:8px;padding:10px 10px 0;font-size:12px}.page-header{position:sticky;z-index:5;display:flex;border-bottom:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items: center;gap:16px;min-height:44px;padding:0 20px;top:0}.page-title{display:flex;align-items:baseline;gap:14px;min-width:0}.page-title h1{font:500 14px var(--font-mono)}.page-title .muted{font:400 12px var(--font-mono)}.page-actions{display:flex;gap:8px}.content{padding:14px 20px 32px}.section{padding:14px 20px 6px}.section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.section-header h2{font:400 12px var(--font-mono);color:var(--muted)}.button{display:inline-flex;border:1px solid var(--border-strong);background:var(--bg);color:var(--text);font:400 12.5px var(--font-mono);cursor:pointer;white-space:nowrap;justify-content:center;align-items: center;height:28px;padding:0 12px}.button:hover{background:var(--surface)}.button:disabled{color:var(--faint);cursor:default}.button.primary{background:var(--text);border-color:var(--text);color:var(--bg)}.button.primary:hover{opacity:.88}.button.more{display:flex;margin:18px auto 0}.text-button{color:var(--muted);font:400 12px var(--font-mono);cursor:pointer;background:0 0;border:0;padding:0}.text-button:hover{color:var(--text)}.icon-button{display:inline-grid;color:var(--muted);cursor:pointer;position:relative;background:0 0;border:0;place-items: center;width:28px;height:28px;padding:0}.icon-button:hover,.icon-button.on{color:var(--text)}.icon-button.on:after{content:"";position:absolute;background:var(--text);width:4px;height:4px;margin-left:-2px;bottom:1px;left:50%}.tabs{display:flex;border:1px solid var(--border)}.tab{color:var(--muted);font:400 11.5px var(--font-mono);cursor:pointer;background:0 0;border:0;height:24px;padding:0 10px}.tab+.tab{border-left:1px solid var(--border)}.tab:hover{color:var(--text);background:var(--surface)}.tab[aria-pressed=true]{background:var(--text);color:var(--bg)}.chip{display:inline-block;border:1px solid var(--border-strong);color:var(--muted);font:400 10.5px/18px var(--font-mono);white-space:nowrap;padding:0 6px}.cover{position:relative;aspect-ratio:1;background:var(--surface);overflow:hidden}.cover img{display:block;object-fit:cover;width:100%;height:100%}.cover-empty{position:absolute;display:block;inset:0}.cover-empty:after{content:"";position:absolute;border:1px solid var(--border-strong);inset:38%}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:16px 12px}.album-card{position:relative;min-width:0}.album-link{display:flex;flex-direction:column;gap:1px}.album-link .cover{outline:1px solid var(--border-subtle);margin-bottom:6px}.album-link:hover .cover img{opacity:.86}.album-name{font-size:12.5px}.album-meta{font-size:11.5px}.cover-overlay{position:absolute;aspect-ratio:1;display:flex;pointer-events:none;justify-content:flex-end;align-items: flex-end;width:100%;padding:6px;top:0;left:0}.cover-play{display:grid;background:var(--text);color:var(--bg);cursor:pointer;pointer-events:auto;opacity:0;border:0;place-items: center;width:30px;height:30px;transition:opacity .12s,transform .12s;transform:translateY(4px)}.album-card:hover .cover-play{opacity:1;transform:none}.cover-play:focus-visible{opacity:1;transform:none}.track-list{display:flex;flex-direction:column}.track-row{display:grid;grid-template-columns:32px minmax(0,1.4fr)minmax(0,1fr)48px 60px;border-bottom:1px solid var(--border-subtle);align-items: center;gap:10px;min-height:34px;padding:0 8px}.no-album .track-row{grid-template-columns:32px minmax(0,1fr)48px 60px}.track-head{font:400 10.5px var(--font-mono);color:var(--faint);border-bottom-color:var(--border);min-height:26px}.track-row:not(.track-head):hover{background:var(--surface)}.track-row:focus-visible{outline:none;background:var(--surface);box-shadow:inset 2px 0 0 var(--text)}.track-row.playing .track-title>:first-child{font-weight:500}.track-title{display:flex;flex-direction:column;min-width:0}.track-number{position:relative;display:grid;align-items: center;height:20px}.track-play{position:absolute;display:none;color:var(--text);cursor:pointer;background:0 0;border:0;place-items: center;width:20px;inset:0}.track-row:hover .track-play{display:grid}.track-row:hover .track-index{visibility:hidden}.track-actions{display:flex;opacity:0;justify-content:flex-end}.track-row:hover .track-actions,.track-row:focus-within .track-actions{opacity:1}.disc-header{font:400 10.5px var(--font-mono);color:var(--faint);padding:12px 8px 4px}.track-list a:hover{color:var(--text);text-decoration:underline;text-underline-offset:3px}.eq{display:inline-flex;align-items: flex-end;gap:2px;height:11px}.eq i{background:var(--text);width:2px;height:4px}.eq.on i{animation:.9s ease-in-out infinite alternate eq}.eq.on i:nth-child(2){animation-delay:-300ms}.eq.on i:nth-child(3){animation-delay:-600ms}@keyframes eq{0%{height:3px}to{height:11px}}.hero{display:flex;border-bottom:1px solid var(--border);align-items: flex-end;gap:20px;padding:18px 20px 16px}.hero-cover{outline:1px solid var(--border-subtle);flex:0 0 152px}.hero-text{display:flex;flex-direction:column;gap:6px;min-width:0}.hero-text .chip{align-self: flex-start}.hero h1{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:26px;font-weight:500;line-height:1.1}.hero-meta{display:flex;flex-direction:column;gap:2px}.hero-artist{font-weight:500}.hero-artist:hover{text-decoration:underline;text-underline-offset:3px}.hero-tags{display:flex;flex-wrap:wrap;align-items: center;gap:6px;margin-top:2px}.hero-actions{display:flex;gap:6px;margin-top:4px}.bio{color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;-webkit-box-orient:vertical;max-width:72ch;font-size:12.5px}.external{display:inline-block;margin-top:18px}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;border:1px solid var(--border);font:400 12px var(--font-mono);align-items: center;gap:10px;padding:4px 10px}.tag.small{padding:2px 8px;font-size:11px}.tag:hover{border-color:var(--text)}.letter-group{display:grid;grid-template-columns:48px minmax(0,1fr);border-bottom:1px solid var(--border-subtle);padding:8px 0}.letter{font:400 15px var(--font-mono);color:var(--faint)}.artist-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px 24px}.artist-list a,.folder-list a{display:flex;justify-content:space-between;align-items: center;gap:12px;height:26px;padding:0 6px}.artist-list a:hover,.folder-list a:hover{background:var(--surface)}.folder-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2px 16px;margin-bottom:20px}.folder-list a{color:var(--text);justify-content:flex-start}.folder-list svg{color:var(--muted);flex:none}.player-bar{grid-area:bar;display:grid;grid-template-columns:minmax(0,1fr)minmax(320px,1.4fr)minmax(0,1fr);border-top:1px solid var(--border);background:var(--bg);align-items: center;gap:16px;padding:0 14px}.now{display:flex;align-items: center;gap:12px;min-width:0}.now-cover{flex:0 0 42px;width:42px}.now-text{display:flex;flex-direction:column;min-width:0}.now-title,.now-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-title{font-weight:500}.now-artist{font-size:12px}.now-title:hover,.now-artist:hover{text-decoration:underline;text-underline-offset:3px}.transport{display:flex;flex-direction:column;gap:2px}.controls{display:flex;justify-content:center;align-items: center;gap:10px}.play-button{display:grid;background:var(--text);color:var(--bg);cursor:pointer;border:0;place-items: center;width:30px;height:30px}.play-button:hover{opacity:.88}.seek{display:grid;grid-template-columns:44px minmax(0,1fr)44px;align-items: center;gap:10px;font-size:11px}.seek .num:first-child{text-align:right}.extras{display:flex;justify-content:flex-end;align-items: center;gap:4px;min-width:0}.quality{font:400 11px var(--font-mono);white-space:nowrap;margin-right:8px}.volume{width:96px}.slider{display:flex;cursor:pointer;touch-action:none;align-items: center;height:16px}.slider-track{position:relative;background:var(--track);width:100%;height:3px;transition:height .1s}.slider:hover .slider-track{height:5px}.slider:focus-visible .slider-track{height:5px}.slider-fill{background:var(--fill);height:100%}.side-panel{grid-area:panel;display:flex;border-left:1px solid var(--border);flex-direction:column;min-height:0}.side-header{display:flex;border-bottom:1px solid var(--border);align-items: center;gap:10px;height:44px;padding:0 8px 0 14px}.side-header h2{font:500 13px var(--font-mono)}.side-header .muted{font:400 11.5px var(--font-mono);flex:1}.side-body{overflow-y:auto;flex:1;padding:6px 6px 16px}.queue li{display:flex;align-items: center}.queue-item{display:grid;grid-template-columns:32px minmax(0,1fr)auto;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items: center;gap:8px;min-width:0;padding:4px 6px}.queue-item:hover{background:var(--surface)}.queue-text{display:flex;flex-direction:column;min-width:0}.queue li.playing .queue-item{background:var(--border)}.queue li.played{opacity:.45}.queue .remove{opacity:0}.queue li:hover .remove{opacity:1}.side-body>.text-button{margin:14px 8px 0}.lyrics{display:flex;letter-spacing:-.01em;flex-direction:column;gap:6px;padding:12px 8px;font-size:17px;font-weight:500;line-height:1.35}.lyrics.synced p{color:var(--faint);cursor:pointer;transition:color .2s}.lyrics.synced p.past{color:var(--muted)}.lyrics.synced p.active,.lyrics.synced p:hover{color:var(--text)}.palette-backdrop{position:fixed;z-index:50;display:flex;background:#0000008c;justify-content:center;padding-top:10vh;inset:0}.palette{border:1px solid var(--border-strong);background:var(--bg);align-self: flex-start;width:min(640px,100vw - 32px)}.palette-input{border:0;border-bottom:1px solid var(--border);color:var(--text);font:400 14px var(--font-mono);outline:none;background:0 0;width:100%;height:44px;padding:0 14px}.palette-results{overflow-y:auto;max-height:56vh;padding:6px}.palette-item{display:grid;grid-template-columns:32px minmax(0,1fr)auto;text-align:left;cursor:pointer;background:0 0;border:0;align-items: center;gap:10px;width:100%;padding:4px 8px}[aria-selected=true]>.palette-item{background:var(--border)}.palette-text{display:flex;flex-direction:column;min-width:0}.palette-empty{color:var(--faint);font:400 12.5px var(--font-mono);padding:16px 12px}.login{position:fixed;display:grid;place-items: center;inset:0}.login-box{display:flex;border:1px solid var(--border);flex-direction:column;gap:14px;width:320px;padding:28px}.login-box .brand{padding:0}.login-box label{display:flex;font:400 11.5px var(--font-mono);color:var(--muted);flex-direction:column;gap:6px}.login-box input{border:1px solid var(--border-strong);background:var(--bg);color:var(--text);font:400 13px var(--font-mono);height:36px;padding:0 10px}.login-box input:focus{outline:none;border-color:var(--text)}@media (max-width:1000px){:root{--sidebar:200px;--panel:300px}.hide-narrow{display:none}.track-row{grid-template-columns:36px minmax(0,1fr)52px 64px}}@media (prefers-reduced-motion:reduce){.eq.on i{animation:none;height:8px}}