@font-face{font-family:Bricolage Grotesque;src:url(/assets/bricolage-grotesque-latin-wght-DLoelf7F.woff2)format("woff2-variations"),url(/assets/bricolage-grotesque-latin-wght-DLoelf7F.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#14110f;--surface:#1d1916;--raised:#26211d;--hover:#302a25;--line:#3a332d;--text:#f4ede4;--muted:#b3a89c;--faint:#968b80;--accent:#ff7a2e;--accent-hover:#ff9152;--on-accent:#1a0d04;--on-danger:#1a0d04;--accent-soft:#ff7a2e24;--danger:#ff6b6b;--ok:#4cc38a;--scrim:#0000008c;--shadow-sm:0 4px 14px #00000059;--shadow:0 18px 40px #00000073;--font:system-ui, -apple-system, "Segoe UI", Roboto, Calibri, sans-serif;--display:"Bricolage Grotesque", var(--font);--mono:ui-monospace, Menlo, Consolas, monospace;--r-s:6px;--radius:10px;--r-l:16px;--pill:999px;--side-w:232px;--queue-w:380px;--player-h:84px;--gutter:2rem;--ease:cubic-bezier(.2, .7, .2, 1);--bg-elev:var(--surface);--bg-hover:var(--hover);--border:var(--line);--accent-text:var(--on-accent);--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5' fill='none' stroke='%23b3a89c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f8f4ee;--surface:#fffdf9;--raised:#efe8df;--hover:#e8e0d5;--line:#e0d6ca;--text:#1f1a16;--muted:#5c524a;--faint:#6b6058;--accent:#a64200;--accent-hover:#8f3900;--on-accent:#fff;--on-danger:#fff;--accent-soft:#a642001a;--danger:#c0392b;--ok:#17603c;--scrim:#28190a59;--shadow-sm:0 4px 14px #3c28141f;--shadow:0 18px 40px #3c28142e;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5' fill='none' stroke='%235c524a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=light]{--bg:#f8f4ee;--surface:#fffdf9;--raised:#efe8df;--hover:#e8e0d5;--line:#e0d6ca;--text:#1f1a16;--muted:#5c524a;--faint:#6b6058;--accent:#a64200;--accent-hover:#8f3900;--on-accent:#fff;--on-danger:#fff;--accent-soft:#a642001a;--danger:#c0392b;--ok:#17603c;--scrim:#28190a59;--shadow-sm:0 4px 14px #3c28141f;--shadow:0 18px 40px #3c28142e;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5' fill='none' stroke='%235c524a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{font:15px/1.45 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body.np-open{overflow:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;line-height:1.1}h1{letter-spacing:-.03em;margin:0 0 .4rem;font-size:2.5rem;font-weight:700}h1 small{font-family:var(--font);color:var(--muted);letter-spacing:0;margin-left:.6rem;font-size:.95rem;font-weight:500}h2{margin:2rem 0 .8rem;font-size:1.35rem;font-weight:700}h3{font-size:1.05rem;font-weight:700}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button,select,input,textarea{font:inherit;color:inherit}button,a.button,label.button{cursor:pointer;border-radius:var(--pill);background:var(--raised);border:1px solid var(--line);min-height:40px;color:var(--text);white-space:nowrap;justify-content:center;align-items:center;gap:.45rem;padding:0 1.1rem;font-size:.93rem;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s,transform .1s;display:inline-flex}button:hover:not(:disabled),a.button:hover,label.button:hover{background:var(--hover);color:var(--text)}button:active:not(:disabled),a.button:active{transform:scale(.97)}button:disabled{opacity:.4;cursor:default}button[aria-busy=true]{cursor:progress}button.primary,a.button.primary,label.button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}button.primary:hover:not(:disabled),a.button.primary:hover,label.button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}button.danger{border-color:var(--danger);color:var(--danger);background:0 0}button.danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger)}.icon-btn{border-radius:var(--pill);width:40px;height:40px;min-height:0;color:var(--muted);background:0 0;border:none;flex-shrink:0;padding:0;position:relative}.icon-btn:hover:not(:disabled){background:var(--hover);color:var(--text)}.icon-btn.active,.icon-btn[aria-pressed=true],.icon-btn.active:hover:not(:disabled),.icon-btn[aria-pressed=true]:hover:not(:disabled){color:var(--accent)}.icon-btn.boxed{border:1px solid var(--line);background:var(--raised);color:var(--text)}a.icon-btn{justify-content:center;align-items:center;display:inline-flex}.link-btn{color:var(--accent);border-radius:var(--r-s);background:0 0;border:none;min-height:0;padding:.2rem 0;font-weight:600}.link-btn:hover:not(:disabled){color:var(--accent-hover);background:0 0;text-decoration:underline}.favorite.on,.favorite.on:hover:not(:disabled){color:var(--accent)}select,input[type=search],input[type=email],input[type=password],input[type=number],input[type=text],input:not([type]),textarea{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);min-height:40px;padding:.55rem .75rem;transition:border-color .15s,box-shadow .15s}textarea{resize:vertical;min-height:6rem}select{appearance:none;cursor:pointer;border-radius:var(--pill);background-image:var(--select-arrow);background-position:right .7rem center;background-repeat:no-repeat;background-size:18px 18px;padding:0 2.3rem 0 1rem;font-weight:500}select:hover,input:hover,textarea:hover{border-color:var(--faint)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}::placeholder{color:var(--faint);opacity:1}[aria-invalid=true]{border-color:var(--danger)!important}input[type=checkbox],input[type=radio]{accent-color:var(--accent);flex-shrink:0;width:18px;height:18px;margin:0}input[type=range]{accent-color:var(--accent);cursor:pointer}input.switch,.settings label.check>input[type=checkbox]{appearance:none;border-radius:var(--pill);cursor:pointer;background:radial-gradient(circle at 12px 50%, var(--text) 0 8px, transparent 8.5px), var(--line);flex-shrink:0;width:42px;height:24px;transition:background-color .15s}input.switch:checked,.settings label.check>input[type=checkbox]:checked{background:radial-gradient(circle at calc(100% - 12px) 50%, var(--on-accent) 0 8px, transparent 8.5px), var(--accent)}input.switch:disabled,.settings label.check>input[type=checkbox]:disabled{opacity:.4;cursor:default}input.switch:focus-visible,.settings label.check>input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:none}.tag{border-radius:var(--pill);background:var(--raised);height:26px;color:var(--text);white-space:nowrap;align-items:center;margin-right:.35rem;padding:0 .7rem;font-size:.8rem;display:inline-flex}a.tag:hover{background:var(--hover);color:var(--text)}.tag.format{border:1px solid var(--line);height:20px;color:var(--muted);letter-spacing:.06em;background:0 0;border-radius:5px;margin:0 0 0 .5rem;padding:0 .45rem;font-size:.7rem;font-weight:700}.kind{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.75rem;font-weight:600;font-family:var(--font)}h1 .kind{margin-bottom:.3rem;font-weight:600;display:block}.meta{color:var(--muted);margin:.2rem 0 .8rem;font-size:.9rem}.empty{color:var(--muted);text-align:center;padding:3rem 1rem}.empty.small{text-align:left;padding:.6rem 0}.splash{padding-top:30vh}.sentinel{min-height:48px;color:var(--muted);justify-content:center;align-items:center;display:flex}.badge{background:var(--accent);min-width:18px;height:18px;color:var(--on-accent);border-radius:var(--pill);justify-content:center;align-items:center;padding:0 5px;font-size:.68rem;font-weight:700;display:flex;position:absolute;top:0;right:-2px}.eq{align-items:flex-end;gap:2px;width:14px;height:14px;display:inline-flex}.eq i{background:var(--accent);transform-origin:bottom;height:100%;animation:eq 1s var(--ease) infinite;border-radius:1px;flex:1}.eq i:nth-child(2){animation-duration:.8s;animation-delay:-.4s}.eq i:nth-child(3){animation-duration:1.2s;animation-delay:-.7s}.eq.paused i{animation-play-state:paused}@keyframes eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.app{min-height:100vh;padding:0 0 var(--player-h) var(--side-w)}.top{z-index:10;top:0;left:0;bottom:var(--player-h);width:var(--side-w);background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:1.2rem;padding:1.4rem .9rem 1rem;display:flex;position:fixed}.brand{color:var(--text);align-items:center;gap:.65rem;min-width:0;padding:0 .4rem;display:flex}.brand:hover{color:var(--text)}.brand-name{font-family:var(--display);letter-spacing:-.03em;text-transform:lowercase;text-overflow:ellipsis;white-space:nowrap;font-size:1.4rem;font-weight:700;overflow:hidden}.logo-mark{flex-shrink:0;display:block}.app-nav{flex-direction:column;gap:2px;display:flex}.app-nav a,.top .settings-link{border-radius:var(--radius);height:42px;color:var(--muted);justify-content:flex-start;align-items:center;gap:.8rem;width:auto;padding:0 .8rem;font-weight:500;display:flex}.app-nav a:hover,.top .settings-link:hover{background:var(--hover);color:var(--text)}.app-nav a.current,.top .settings-link.current{background:var(--raised);color:var(--text);font-weight:650}.app-nav a.current svg,.top .settings-link.current svg{color:var(--accent)}.app-nav a[href$=\/admin]{margin-top:.6rem}.app-nav .count,.tabs .count{background:var(--accent);color:var(--on-accent);border-radius:var(--pill);margin-left:auto;padding:1px 7px;font-size:.7rem;font-weight:700;display:inline-block}.top .settings-link{margin-top:auto}.content{padding:2rem var(--gutter) 3rem;max-width:1480px;margin:0 auto}.app.with-queue .content{margin-right:var(--queue-w)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.page-head h1{margin:0}.filters{gap:.5rem;display:flex}.search{color:var(--muted);align-items:center;display:flex;position:relative}.search>svg{pointer-events:none;position:absolute;left:.8rem}.search input{border-radius:var(--pill);background:var(--raised);border-color:#0000;width:100%;padding-left:2.4rem}.search input:focus{background:var(--surface)}.search-results{z-index:30;width:min(480px, calc(100vw - var(--side-w) - 2rem));background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow);max-height:70vh;color:var(--text);padding:.5rem;position:absolute;top:calc(100% + 6px);left:0;overflow:auto}.search-results h3{font-family:var(--font);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:.7rem .5rem .3rem;font-size:.72rem}.search-results .empty{padding:1.5rem}.result{border-radius:var(--r-s);text-align:left;white-space:normal;background:0 0;border:none;justify-content:flex-start;align-items:center;gap:.7rem;width:100%;min-height:44px;padding:.3rem .5rem;font-weight:500;display:flex}.result:hover,button.result:hover:not(:disabled){background:var(--hover);color:var(--text)}.result .cover{border-radius:4px;width:40px;height:40px}.result small{color:var(--muted);font-size:.8rem;font-weight:400;display:block}.result.more{color:var(--accent);justify-content:center;font-weight:600}.cover{aspect-ratio:1;object-fit:cover;border-radius:var(--r-s);background:var(--raised);width:100%;height:auto;display:block}.cover-empty{color:var(--faint);background:repeating-radial-gradient(circle at 50% 50%, var(--raised) 0 4%, var(--hover) 4% 4.6%);justify-content:center;align-items:center;display:flex}.album-grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:1.8rem 1.4rem;margin:0;padding:0;list-style:none;display:grid}.album-card{border-radius:var(--radius);flex-direction:column;gap:.2rem;display:flex}.album-card .cover{border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease), box-shadow .2s var(--ease);margin-bottom:.55rem}.album-card:hover{color:var(--text)}.album-card:hover .cover{box-shadow:var(--shadow);transform:translateY(-4px)}.album-card:focus-visible{outline-offset:4px}.album-title{text-overflow:ellipsis;white-space:nowrap;font-weight:650;line-height:1.25;overflow:hidden}.album-artist{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.page-head:has(>.view-toggle) h1{margin-right:auto}.album-list{grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr));gap:4px 1.4rem;margin:0;padding:0;list-style:none;display:grid}.album-list>li{min-width:0}.album-row{border-radius:var(--radius);min-height:72px;color:var(--text);align-items:center;gap:12px;padding:8px;display:flex}.album-row:hover{background:var(--hover);color:var(--text)}.album-row .cover{border-radius:6px;flex:none;width:56px;height:56px}.album-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.album-row .album-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.94rem;font-weight:600;display:-webkit-box}.album-row .album-artist{font-size:.81rem}.album-row-meta{color:var(--muted);font-variant-numeric:tabular-nums;flex-direction:column;flex:none;align-items:flex-end;gap:2px;font-size:.75rem;display:flex}.album-head{isolation:isolate;margin:-2rem calc(-1 * var(--gutter)) 1.2rem;padding:2.6rem var(--gutter) 1.6rem;align-items:flex-end;gap:2rem;display:flex;position:relative;overflow:hidden}.album-backdrop{z-index:-1;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 30%,#0000);mask-image:linear-gradient(#000 30%,#0000)}.album-backdrop .cover{aspect-ratio:auto;filter:blur(48px)saturate(1.4);opacity:.5;border-radius:0;width:100%;height:100%;transform:scale(1.4)}:root[data-theme=light] .album-backdrop .cover{opacity:.3}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .album-backdrop .cover{opacity:.3}}.album-cover{border-radius:var(--radius);width:232px;box-shadow:var(--shadow);flex-shrink:0}.album-info{min-width:0}.album-info h1{letter-spacing:-.035em;overflow-wrap:anywhere;margin:.5rem 0 .8rem;font-size:clamp(2rem,4.2vw,3.5rem);font-weight:800;line-height:1}.album-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:0 .1rem;margin:.2rem 0;display:flex}.album-meta a{color:var(--text);font-weight:650}.album-meta a:hover{color:var(--accent)}.genres{flex-wrap:wrap;gap:.35rem;margin:.7rem 0 0;display:flex}.genres .tag{margin:0}.album-actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.2rem;display:flex}.album-actions>button:not(.icon-btn){min-height:48px;padding:0 1.5rem;font-size:.98rem}.album-tools{align-items:center;gap:.4rem;margin-left:.3rem;display:inline-flex}.tracklist,.queue-list{margin:0;padding:0;list-style:none}.disc-header{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;padding:1.2rem .8rem .4rem;font-size:.75rem;font-weight:600}.track-row{border-radius:var(--r-s);cursor:pointer;align-items:center;gap:.9rem;min-height:54px;padding:.3rem .8rem;display:flex}.track-row:hover{background:var(--hover)}.track-row:focus-visible{outline-offset:-2px}.track-num{width:1.8rem;color:var(--faint);font-variant-numeric:tabular-nums;flex-shrink:0;justify-content:flex-end;display:flex}.track-cover{border-radius:4px;flex-shrink:0;width:44px;height:44px}.track-main{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.track-title{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.track-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.track-sub a{color:inherit}.track-sub a:hover{color:var(--accent)}.track-time{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;min-width:2.8rem;font-size:.88rem}.track-actions{display:flex}.album-action{display:none}.track-actions>*{opacity:0;transition:opacity .12s}.track-actions>.favorite.on,.track-row:hover .track-actions>*,.track-row:focus-within .track-actions>*{opacity:1}.action-label,.track-more{display:none}li.playing .track-row{background:var(--accent-soft)}li.playing .track-title{color:var(--accent);font-weight:650}li.playing .track-num .num{display:none}li.unavailable{opacity:.45}li.unavailable .track-row{cursor:default}.player-bar{height:var(--player-h);z-index:20;background:var(--surface);border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:1.2rem;padding:0 1.2rem;display:grid;position:fixed;bottom:0;left:0;right:0}.now-playing{align-items:center;gap:.9rem;min-width:0;display:flex;position:relative}.now-playing .cover{width:56px;height:56px;box-shadow:var(--shadow-sm)}.np-cover{border-radius:var(--r-s);flex-shrink:0}.np-text{flex-direction:column;min-width:0;display:flex}.np-title{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.np-artist,.np-empty{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.np-dj{color:var(--muted);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.np-head,.np-expand,.np-backdrop{display:none}.controls{flex-direction:column;align-items:center;gap:.15rem;min-width:0;display:flex}.buttons{align-items:center;gap:.5rem;display:flex}.buttons .icon-btn:not(:first-child):not(:last-child){color:var(--text)}.play-btn{border-radius:var(--pill);background:var(--text);width:44px;height:44px;min-height:0;color:var(--bg);border:none;padding:0}.play-btn:hover:not(:disabled){background:var(--text);color:var(--bg);transform:scale(1.05)}.progress{align-items:center;gap:.7rem;width:100%;max-width:640px;display:flex}.time{color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;min-width:2.8rem;font-size:.75rem}.progress-bar{cursor:pointer;touch-action:none;border-radius:var(--pill);background:linear-gradient(var(--line), var(--line)) center / 100% 4px no-repeat;flex:1;align-items:center;height:18px;display:flex}.progress-fill{background:var(--accent);border-radius:var(--pill);height:4px;position:relative}.progress-fill:after{content:"";background:var(--text);width:12px;height:12px;box-shadow:var(--shadow-sm);opacity:0;border-radius:50%;margin-top:-6px;transition:opacity .15s;position:absolute;top:50%;right:-6px}.progress-bar:hover .progress-fill:after,.progress-bar:focus-visible .progress-fill:after{opacity:1}.progress-bar{position:relative}.progress-bar:has(.wave){background:0 0;height:34px}.progress-bar:has(.wave) .progress-fill{height:100%;box-shadow:inset -2px 0 0 var(--text);background:0 0;border-radius:0}.wave{pointer-events:none;position:absolute;inset:0}.wave svg{width:100%;height:100%;fill:var(--faint);position:absolute;inset:0}.wave .wave-played{fill:var(--accent)}.extra{justify-content:flex-end;align-items:center;gap:.4rem;min-width:0;display:flex}.player-error{color:var(--danger);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.volume{align-items:center;gap:.1rem;display:flex}.volume input[type=range]{width:110px}.queue-panel{top:0;right:0;bottom:var(--player-h);width:var(--queue-w);z-index:15;background:var(--surface);border-left:1px solid var(--line);flex-direction:column;display:flex;position:fixed;box-shadow:-20px 0 40px #0003}.queue-panel header{align-items:flex-start;gap:.6rem;padding:1.1rem .8rem .6rem 1.2rem;display:flex}.queue-heading{flex-direction:column;flex:1;min-width:0;display:flex}.queue-panel h2{white-space:nowrap;margin:0;font-size:1.45rem}.queue-info{color:var(--muted);font-size:.83rem}.infinite-card{border-radius:var(--radius);background:var(--raised);cursor:pointer;color:var(--muted);align-items:center;gap:.8rem;margin:.2rem 1rem .4rem;padding:.75rem .9rem;display:flex}.infinite-card.on{background:var(--accent-soft);color:var(--accent)}.infinite-text{flex-direction:column;flex:1;min-width:0;display:flex}.infinite-text strong{color:var(--text);font-size:.93rem}.infinite-text small{color:var(--muted);font-size:.78rem}.queue-tools{text-transform:uppercase;letter-spacing:.1em;color:var(--faint);justify-content:space-between;align-items:center;padding:.6rem 1.2rem .3rem;font-size:.75rem;font-weight:600;display:flex}.queue-tool-btns{gap:.2rem;display:flex}.queue-tools .icon-btn.on{color:var(--accent);background:var(--accent-soft)}.queue-list{overscroll-behavior:contain;flex:1;padding:.2rem .4rem 1rem;overflow-y:auto}.queue-list li{border-radius:var(--r-s);align-items:center;display:flex}.queue-list li:hover{background:var(--hover)}.queue-list li.past{opacity:.45}.queue-list li.current{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.queue-list li.current .track-title{color:var(--accent);font-weight:650}.queue-list li[draggable=true]{cursor:grab}.queue-item{text-align:left;border-radius:var(--r-s);background:0 0;border:none;flex:1;justify-content:flex-start;align-items:center;gap:.75rem;min-width:0;min-height:56px;padding:.35rem .5rem;font-weight:400;display:flex}.queue-item:hover:not(:disabled){background:0 0}.queue-item .cover{border-radius:4px;flex-shrink:0;width:40px;height:40px}.queue-item .track-title{font-size:.92rem}.queue-item .track-sub{font-size:.8rem}.queue-item .track-time{min-width:0;font-size:.8rem}.queue-item .eq{margin-right:.3rem}.queue-list li .icon-btn{width:36px;height:36px;color:var(--faint)}.queue-loading{padding:1rem;font-size:.88rem}.artist-list,.genre-list,.devices{margin:0;padding:0;list-style:none}.artist-list{columns:3 220px;column-gap:2rem}.artist-list li{break-inside:avoid;padding:.3rem 0}.artist-list a{font-weight:500}.artist-list small,.genre-list small,.devices small{color:var(--muted);margin-left:.4rem}.artist-list li{align-items:center;gap:.6rem;display:flex}.artist-list small{margin-left:0}.artist-avatar{object-fit:cover;border-radius:50%;flex:none;width:32px;height:32px}.artist-avatar.initial{background:var(--raised);color:var(--muted);justify-content:center;align-items:center;font-size:.85rem;font-weight:650;display:inline-flex}.artist-head{justify-content:flex-start;align-items:center}.artist-head .album-actions{margin-left:auto}.cover.artist-photo{width:104px;height:104px;box-shadow:var(--shadow-sm);border-radius:50%;flex:none}.artist-photo-edit{flex-wrap:wrap;align-items:center;gap:1.2rem;margin:1rem 0 1.5rem;padding:1rem 1.2rem;display:flex}.artist-photo-edit .cover.artist-photo{width:120px;height:120px}.artist-photo-edit h2{margin-top:0}.artist-photo-edit .form-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.genre-list li,.devices li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.8rem;min-height:56px;padding:.4rem;display:flex}.genre-list:not(.admin-genres) li:hover{background:var(--hover)}.genre-name{flex:1;font-size:1.02rem;font-weight:650}.explore h2{margin-top:2rem}.explore .genre-list>li{border-bottom:0;min-height:0;padding:0;display:block}.explore .genre-list>li:hover{background:0 0}.genre-row{border-bottom:1px solid var(--line);align-items:center;gap:.8rem;min-height:56px;padding:.4rem;display:flex}.genre-row:hover{background:var(--hover)}.genre-row small{color:var(--muted)}.genre-children{border-left:2px solid var(--line);margin:0 0 0 1rem;padding:0 0 0 .8rem;list-style:none}.genre-children .genre-name{font-weight:500}.moods{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin:0 0 2rem;padding:0;list-style:none;display:grid}.mood{isolation:isolate;border-radius:var(--r-l);color:#fff;background:var(--mood-motif), linear-gradient(160deg, var(--mood-a), var(--mood-b));min-width:0;min-height:196px;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease), box-shadow .2s var(--ease);flex-direction:column;padding:1.25rem 1.25rem 1.1rem;display:flex;position:relative;overflow:hidden}.mood:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.mood h3{font-family:var(--display);letter-spacing:-.02em;color:#fff;overflow-wrap:anywhere;margin:0;font-size:1.65rem;font-weight:700;line-height:1.05}.mood p{color:#ffffffd6;max-width:26ch;margin:.5rem 0 0;font-size:.9rem;line-height:1.4}.mood-foot{justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding-top:1rem;display:flex}.mood-count{color:#fffc;font-size:.82rem;font-weight:600}.mood-play{border-radius:var(--pill);color:#1a0d04;background:#fff;border:none;flex:none;width:48px;height:48px;min-height:0;padding:0;position:static;box-shadow:0 6px 18px #0000004d}.mood-play:hover:not(:disabled),.mood-play:active:not(:disabled){color:#1a0d04;background:#fff;transform:none}.mood:hover .mood-play{box-shadow:0 8px 24px #0006,0 0 0 4px #ffffff40}.mood-play:focus-visible{outline-offset:3px;outline:3px solid #fff}.mood-play:after{content:"";z-index:1;border-radius:var(--r-l);position:absolute;inset:0}.mood[data-mood=calme]{--mood-a:#25495a;--mood-b:#14303b;--mood-motif:radial-gradient(130% 70% at 100% 100%, #ffffff21 0 34%, transparent 34.5%), radial-gradient(130% 70% at 100% 115%, #ffffff17 0 52%, transparent 52.5%), radial-gradient(130% 70% at 100% 130%, #ffffff0f 0 70%, transparent 70.5%)}.mood[data-mood=concentration]{--mood-a:#28503f;--mood-b:#15302a;--mood-motif:repeating-linear-gradient(0deg, #ffffff14 0 1px, transparent 1px 9px) right top / 42% 100% no-repeat}.mood[data-mood=energique]{--mood-a:#9a4016;--mood-b:#5a210e;--mood-motif:repeating-linear-gradient(-58deg, #ffffff1c 0 7px, transparent 7px 20px) right top / 48% 100% no-repeat}.mood[data-mood=danser]{--mood-a:#7a2a5e;--mood-b:#43163a;--mood-motif:repeating-radial-gradient(circle at 108% 112%, #ffffff1c 0 2px, transparent 2px 13px)}.mood:not([data-mood=calme]):not([data-mood=concentration]):not([data-mood=energique]):not([data-mood=danser]){--mood-a:#3a332d;--mood-b:#26211d;--mood-motif:none}@media (width<=760px){.moods{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.mood{min-height:152px;padding:1rem .9rem .85rem}.mood h3{font-size:1.2rem}.mood p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;display:-webkit-box;overflow:hidden}.mood-play{width:44px;height:44px}}.settings{max-width:680px}.settings h2{border-top:1px solid var(--line);padding-top:1.2rem}.settings>h2:first-of-type{border-top:none;padding-top:0}.settings label{flex-direction:column;gap:.4rem;margin:1rem 0;font-weight:500;display:flex}.settings label.check{flex-direction:row;align-items:center;gap:.8rem;font-weight:400}.settings small{color:var(--muted);font-weight:400}.settings .status{color:var(--muted);font-size:.88rem}.settings fieldset.continuous{border:0;min-width:0;margin:0;padding:0}.settings fieldset.continuous:disabled{opacity:.55}.settings fieldset.continuous>label:first-of-type{margin-top:0}.settings .continuous-rules{border-left:2px solid var(--line);margin-left:.6rem;padding-left:1.2rem}.settings .continuous-rules label:first-child{margin-top:.4rem}.settings .excluded-genres{margin:1rem 0}.settings .excluded-genres summary{cursor:pointer;padding:.7rem 0;font-weight:500}.settings .genre-checks{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:0 1rem;display:grid}.settings .genre-checks label.check{min-height:44px;margin:0}.login{isolation:isolate;justify-content:center;align-items:center;min-height:100dvh;padding:1.2rem;display:flex;position:relative;overflow:hidden}.login:before{content:"";z-index:-1;pointer-events:none;background:repeating-radial-gradient(circle at 50% 50%, transparent 0 22px, var(--line) 22px 23px);opacity:.6;position:absolute;inset:-20%;-webkit-mask-image:radial-gradient(circle,#000 5%,#0000 55%);mask-image:radial-gradient(circle,#000 5%,#0000 55%)}.login-card{background:var(--surface);border:1px solid var(--line);width:100%;max-width:400px;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:1rem;padding:2.2rem 2.2rem 1.8rem;display:flex}.login-brand{text-align:center;flex-direction:column;align-items:center;gap:.55rem;margin-bottom:.6rem;display:flex}.login-brand .logo-mark{filter:drop-shadow(0 8px 20px color-mix(in srgb, var(--accent) 35%, transparent))}.login-card h1{text-transform:lowercase;margin:0;font-size:2.1rem}.tagline{color:var(--muted);margin:0;font-size:.92rem}.login-card label{color:var(--muted);flex-direction:column;gap:.4rem;font-size:.85rem;font-weight:600;display:flex}.login-card input,.login-card textarea{color:var(--text);background:var(--bg);min-height:46px;font-size:1rem;font-weight:400}.login-card button.primary,.login-card a.button{min-height:48px;margin-top:.3rem;font-size:1rem}.login-card .link-btn{white-space:normal;text-align:center;align-self:center;max-width:100%;min-height:40px}.form-error{color:var(--danger);margin:.2rem 0;font-size:.9rem}.form-ok{color:var(--ok);margin:.4rem 0;font-size:.9rem}.random-title{align-items:center;gap:1.4rem;min-width:0;display:flex}.random-title h1{margin:0}.random-title .meta{margin:.3rem 0 0}.cover-stack{flex-shrink:0;width:104px;height:96px;position:relative}.cover-stack:empty{display:none}.cover-stack .cover{border-radius:var(--r-s);width:68px;height:68px;box-shadow:var(--shadow-sm);position:absolute}.cover-stack .cover:first-child{top:18px;left:0;transform:rotate(-8deg)}.cover-stack .cover:nth-child(2){top:2px;left:32px;transform:rotate(6deg)}.cover-stack .cover:nth-child(3){box-shadow:var(--shadow);top:26px;left:16px}.random-page .album-actions{margin-top:0}.random-filter{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.random-filter label{color:var(--muted);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.random-filter small{color:var(--muted);font-weight:400}.random-select{padding:1rem 1.1rem}.random-select label.check{align-items:center;gap:.55rem;min-height:32px;display:flex}.random-select-head{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.random-select-head small{color:var(--muted)}.genre-groups,.genre-group-albums{margin:0;padding:0;list-style:none}.genre-group{border-top:1px solid var(--line)}.genre-group-head{align-items:center;gap:.8rem;min-height:44px;display:flex}.genre-group-head label{flex:1;font-weight:500}.genre-group-head small{color:var(--muted);white-space:nowrap}.genre-group-head .icon-btn{font-size:.7rem}.genre-group-albums{columns:2 16rem;padding:0 0 .6rem 1.8rem;font-size:.9rem}.genre-group-albums li{break-inside:avoid;padding:.1rem 0}.genre-group-albums small{color:var(--muted)}@media (width>=1180px){.random-page:has(>.random-select){grid-template-columns:minmax(0,1fr) 340px;align-items:start;column-gap:1.6rem;display:grid}.random-page:has(>.random-select)>*{grid-column:1}:is(.random-page:has(>.random-select)>.page-head,.random-page:has(>.random-select)>.random-filter){grid-column:1/-1}.random-page>.random-select{max-height:calc(100vh - var(--player-h) - 2rem);grid-area:3/2/span 4;position:sticky;top:1rem;overflow:auto}}.admin h1{margin-bottom:.2rem}.admin-title{margin:0}.admin-title small,h2 small,h3 small{font-family:var(--font);color:var(--muted);letter-spacing:0;margin-left:.3rem;font-size:.85rem;font-weight:400}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:.2rem;margin-bottom:1.4rem;display:flex;overflow-x:auto}.tabs a{min-height:44px;color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:.4rem;padding:0 .9rem;font-weight:500;display:flex}.tabs a:hover{color:var(--text)}.tabs a.current{color:var(--text);border-bottom-color:var(--accent);font-weight:650}.tabs .count{margin-left:.2rem}.admin>.tabs a{padding:0 .65rem}.tabs.subtabs{margin-top:-.6rem}.tabs.subtabs a{font-size:.9rem}.log-table td:first-child{white-space:nowrap}.log-table .log-message{overflow-wrap:anywhere}.log-table tr.details pre{max-height:22rem;font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:.8rem;overflow:auto}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.9rem}.admin-table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--raised);padding:.6rem .7rem;font-size:.72rem;font-weight:600;position:sticky;top:0}.admin-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:.55rem .7rem}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover td{background:color-mix(in srgb, var(--hover) 55%, transparent)}.admin-table tr.highlight td{background:var(--accent-soft)}.admin-table tr.resolved td{opacity:.55}.admin-table tr.details td{background:var(--bg)}.admin-table input,.admin-table select{border-radius:var(--r-s);width:100%;min-width:3.5rem;min-height:34px;padding:.3rem .5rem}.admin-table select{border-radius:var(--pill);padding-right:2rem}.admin-table input[type=checkbox]{width:18px;min-width:0;min-height:0}.admin-table button{min-height:32px;padding:0 .8rem;font-size:.85rem}.admin-table .icon-btn{width:32px;height:32px;padding:0}.admin-table td.changed{color:var(--accent);font-weight:600}.admin-table small.reason{font-style:italic}.track-edit td:first-child{width:2rem}.track-edit td:first-child input{width:auto;min-width:0}.track-edit td:nth-child(2),.track-edit td:nth-child(3){width:5rem}.track-edit td:nth-child(6),.track-edit td:nth-child(7){width:5.5rem}.track-edit tr.dirty td{background:var(--accent-soft)}.row-actions{white-space:nowrap;text-align:right}.row-actions>*+*{margin-left:.4rem}.block{display:block}small.block,.admin-table small{color:var(--muted)}.pill{border-radius:var(--pill);border:1px solid var(--line);white-space:nowrap;align-items:center;height:22px;padding:0 .6rem;font-size:.74rem;font-weight:600;display:inline-flex}.status-pending,.job-queued,.correction-proposed,.set-pending{background:var(--accent-soft);color:var(--accent);border-color:#0000}.status-active,.job-done,.correction-active,.set-applied{background:color-mix(in srgb, var(--ok) 14%, transparent);color:var(--ok);border-color:#0000}.status-suspended,.status-refused,.job-failed,.set-rejected,.correction-rejected{background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--danger);border-color:#0000}.job-running{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.request-message{color:var(--muted);margin-top:.2rem;font-style:italic;display:block}.pager{color:var(--muted);justify-content:center;align-items:center;gap:1rem;margin:1rem 0;font-size:.9rem;display:flex}.hint{color:var(--muted);margin:.4rem 0 .9rem;font-size:.88rem}.hint.warn{color:var(--text);background:var(--accent-soft);border-radius:var(--r-s);padding:.6rem .8rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);margin-bottom:1rem;padding:1.1rem 1.2rem}.card h3{margin:0 0 .7rem}.admin-form label{color:var(--muted);flex-direction:column;gap:.3rem;margin:.6rem 0;font-size:.85rem;font-weight:600;display:flex}.admin-form label.check{color:var(--text);flex-direction:row;align-items:center;gap:.5rem;font-weight:400}.admin-form input,.admin-form select,.admin-form textarea{color:var(--text);font-weight:400}.admin-form fieldset{border:1px solid var(--line);border-radius:var(--radius);min-width:0;margin:1rem 0;padding:.4rem 1rem .8rem}.admin-form fieldset legend{padding:0 .4rem;font-weight:600}.admin-form fieldset small{color:var(--muted);margin-top:.35rem;display:block}.admin-form.inline{flex-wrap:wrap;align-items:flex-end;gap:.4rem 1rem;display:flex}.admin-form.inline label{margin:.3rem 0}.admin-form.inline label.check{align-self:center}.form-actions{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.danger-zone{border-top:1px dashed var(--line);margin-top:.6rem;padding-top:.4rem}.export-data{margin-top:2rem}.export-data h3{margin:0 0 .4rem;font-size:1.05rem}.export-data button{min-height:44px}.pair-device{margin-top:1rem}.pair-device button{min-height:44px}.pair-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:1.2rem;padding:1rem;scroll-margin:80px 0 180px;display:flex}.pair-qr{aspect-ratio:1;border-radius:var(--r-s);flex:none;width:min(240px,100%);height:auto}.pair-info{grid-template-columns:auto 1fr;align-items:baseline;gap:.3rem .8rem;min-width:0;margin:0;display:grid}@media (width<=480px){.pair-info{grid-template-columns:1fr;gap:0}.pair-info dd+dt{margin-top:.5rem}}.pair-info dt{color:var(--muted);font-size:.88rem}.pair-info dd{overflow-wrap:anywhere;min-width:0;margin:0}.pair-code{font-family:var(--mono);letter-spacing:.08em;font-size:1.6rem;font-weight:700}.pair-server{font-family:var(--mono);font-size:.9rem}.pair-actions{flex-basis:100%;align-items:center;gap:1rem;display:flex}.pair-actions .link-btn{min-height:44px}.delete-account{border:1px solid var(--danger);border-radius:var(--radius);margin-top:2rem;padding:1rem 1.1rem}.delete-account h3{color:var(--danger);margin:0 0 .4rem;font-size:1.05rem}.delete-account ul{margin:.4rem 0 .8rem;padding-left:1.2rem}.delete-account form{flex-direction:column;gap:.7rem;display:flex}.delete-account .actions{flex-wrap:wrap;gap:.6rem;display:flex}.delete-account .actions button{min-height:44px}.delete-countdown{font-size:1.1rem;font-weight:600}.delete-countdown strong{font-variant-numeric:tabular-nums;color:var(--danger)}button.danger.solid{background:var(--danger);color:var(--on-danger);border-color:var(--danger)}button.danger.solid:hover:not(:disabled){background:var(--danger);color:var(--on-danger);filter:brightness(1.08)}.login-notice{border-radius:var(--r-s);background:var(--accent-soft);color:var(--text);margin:0 0 .4rem;padding:.6rem .8rem}.admin-genres li{flex-wrap:wrap}.admin-genres .genre-name{font-weight:400}.admin-genres .genre-name a{font-weight:650}.genre-editor{flex:1}.facts{grid-template-columns:max-content 1fr;gap:.4rem 1.2rem;margin:.8rem 0;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.token-once code{background:var(--bg);border-radius:var(--r-s);word-break:break-all;-webkit-user-select:all;user-select:all;font-family:var(--mono);margin:.5rem 0;padding:.7rem;display:block}.job-launch .admin-form.inline+.admin-form.inline{margin-top:.6rem}.job-launch small{color:var(--muted)}.path{font-family:var(--mono);word-break:break-all;color:var(--muted);font-size:.8rem}.change .field,.change del{color:var(--muted)}.change ins{font-weight:600;text-decoration:none}.before-after{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.before-after pre,.files pre{font-family:var(--mono);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-s);max-height:320px;margin:.3rem 0;padding:.6rem;font-size:.78rem;overflow-x:auto}.album-edit h2{margin-top:2rem}.album-head.compact{align-items:center;gap:1.2rem;margin:0 0 1.4rem;padding:0;overflow:visible}.album-cover.small{width:120px}.album-form{max-width:640px}.album-form label.corrected input,.genre-picker.corrected>span,label.check.corrected,td.corrected input{border-bottom:2px solid var(--accent)}.genre-picker{color:var(--muted);flex-direction:column;gap:.3rem;margin:.6rem 0;font-size:.85rem;font-weight:600;display:flex}.genre-picker>div{color:var(--text);flex-wrap:wrap;align-items:center;gap:.3rem;font-weight:400;display:flex}.tag.removable{gap:.1rem;padding-right:0}.tag.removable .icon-btn{width:26px;height:26px;font-size:1rem;line-height:1}.corrections,.files{margin:0;padding:0;list-style:none}.corrections li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .2rem;display:flex}.files li{border-bottom:1px solid var(--line);padding:.4rem 0}.files summary,.merge-form summary{cursor:pointer}.change-set .description{white-space:pre-wrap}.split-form{max-width:640px;margin-top:1rem}.merge-form{max-width:640px;margin:1.2rem 0}.merge-form summary{min-height:32px;font-weight:650}.merge-form label{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.pick-list{margin:.6rem 0;padding:0;list-style:none}.pick-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .2rem;display:flex}.pick-list small{color:var(--muted)}.inline-form{align-items:center;gap:.5rem;display:flex}.inline-form input{min-width:0}.pick-album{align-items:center;gap:.7rem;min-width:0;display:flex}.pick-album .cover{flex:none;width:44px;height:44px}.collection-editor h3{margin:1.6rem 0 .4rem}.collection-editor .album-search{flex-direction:column;gap:.3rem;max-width:420px;font-weight:500;display:flex}.collection-albums{counter-reset:none}@media (width<=1100px){.app.with-queue .content{margin-right:auto}.queue-panel{box-shadow:var(--shadow)}}@media (width<=760px){:root{--gutter:1rem;--top-h:56px;--nav-h:58px;--mini-h:64px;--safe-b:env(safe-area-inset-bottom,0px);--player-h:calc(var(--nav-h) + var(--mini-h) + 12px + var(--safe-b))}h1{font-size:1.9rem}.app{padding:0 0 var(--player-h)}.top{width:auto;height:var(--top-h);background:var(--bg);border-right:none;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:.4rem;padding:0 .3rem 0 .8rem;position:sticky;bottom:auto}.brand{padding:0}.brand-name{display:none}.brand .logo-mark{width:30px;height:30px}.search{flex:1;min-width:0}.search input{min-height:40px}.search-results{top:calc(var(--top-h) + 4px);width:auto;max-height:calc(100vh - var(--top-h) - var(--player-h) - 1rem);position:fixed;left:.5rem;right:.5rem}.top .settings-link{border-radius:var(--pill);justify-content:center;width:44px;height:44px;margin:0;padding:0}.top .settings-link .nav-label{display:none}.app-nav{z-index:22;height:calc(var(--nav-h) + var(--safe-b));padding-bottom:var(--safe-b);background:var(--bg);border-top:1px solid var(--line);flex-direction:row;gap:0;position:fixed;bottom:0;left:0;right:0}.app-nav a{min-width:0;height:var(--nav-h);border-radius:0;flex-direction:column;flex:1 1 0;justify-content:center;gap:2px;padding:0 2px;font-size:.7rem;font-weight:600;position:relative}.app-nav a.current{color:var(--accent);background:0 0}.app-nav a[href$=\/admin]{margin-top:0}.nav-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.app-nav .count{margin:0;padding:0 5px;font-size:.62rem;position:absolute;top:5px;left:calc(50% + 6px)}.content{padding:1rem var(--gutter) 2rem}.page-head{align-items:center;margin-bottom:1rem}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem .9rem}.album-list{grid-template-columns:minmax(0,1fr)}.album-row{padding:8px 0}.album-card .cover{margin-bottom:.4rem}.album-card:hover .cover{transform:none}.album-head{text-align:center;padding:1.4rem var(--gutter) .6rem;flex-direction:column;align-items:center;gap:1rem;margin-top:-1rem}.album-cover{width:min(220px,62vw)}.album-info{width:100%}.album-info h1{margin:.3rem 0 .4rem;font-size:1.9rem}.album-meta,.genres{justify-content:center;font-size:.88rem}.album-actions{flex-wrap:nowrap;gap:.2rem;margin-top:.8rem}.album-tools{order:1;gap:0;margin:0 auto 0 -.4rem}.album-tools .icon-btn,.album-tools .icon-btn.boxed{width:44px;height:44px;color:var(--text);background:0 0;border:none}.album-tools .favorite.on{color:var(--accent)}.album-actions>button.shuffle-album{background:0 0;border:none;order:2;width:48px;min-height:48px;padding:0}.album-actions>button.play-album{border-radius:var(--pill);order:3;width:56px;min-height:56px;padding:0}.album-actions .btn-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page-head>.album-actions{flex-wrap:wrap}.random-page .page-head>.album-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:100%;display:grid}.random-page .page-head>.album-actions>button{min-height:44px;padding:0 .6rem}.random-page .page-head>.album-actions>.primary{grid-column:1/-1;min-height:48px}.random-filter .link-btn{white-space:normal;text-align:left;display:inline}.filters{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.filters select{width:100%;min-width:0}.track-row{flex-wrap:wrap;gap:0 .7rem;min-height:56px;padding:.2rem 0 .2rem .4rem}.track-num{width:1.4rem;font-size:.85rem}.track-actions{display:none}.track-more{width:44px;height:44px;margin-left:-.4rem;display:inline-flex}.track-more[aria-expanded=true]{background:var(--raised);color:var(--text)}.actions-open .track-actions{flex-basis:100%;order:10;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;padding:.3rem .4rem .6rem;display:grid}.actions-open .track-actions>*{opacity:1}.actions-open .album-action{display:inline-flex}.actions-open .track-actions .icon-btn{border-radius:var(--radius);background:var(--raised);width:auto;height:48px;color:var(--text);flex-direction:column;gap:0}.actions-open .track-actions .favorite.on{color:var(--accent)}.actions-open .track-actions .action-label{font-size:.68rem}.track-sub a{pointer-events:none}.action-label{font-size:.72rem;font-weight:600;display:block}.track-time{min-width:0;font-size:.82rem}li.playing .track-row{background:0 0}.player-bar{left:.5rem;right:.5rem;bottom:calc(var(--nav-h) + var(--safe-b) + 6px);height:var(--mini-h);background:var(--raised);box-shadow:var(--shadow-sm);border:none;border-radius:14px;grid-template-columns:minmax(0,1fr) auto auto;gap:.2rem;padding:0 .3rem 0 .5rem;overflow:hidden}.controls,.buttons,.extra{display:contents}.buttons>:not(.play-btn),.volume,.player-error,.time{display:none}.now-playing{gap:.7rem}.now-playing .cover{border-radius:8px;width:48px;height:48px}.np-title{font-size:.92rem}.np-artist{font-size:.8rem}.np-dj{display:none}.np-expand{z-index:1;background:0 0;border:none;border-radius:0;width:100%;height:100%;min-height:0;padding:0;display:block;position:absolute;inset:0}.np-expand:hover:not(:disabled){background:0 0}.play-btn{width:44px;height:44px;color:var(--text);background:0 0}.play-btn:hover:not(:disabled){color:var(--text);background:0 0;transform:none}.queue-btn{width:44px;height:44px}.progress{pointer-events:none;gap:0;max-width:none;position:absolute;bottom:0;left:.7rem;right:.7rem}.progress-bar{background-size:100% 2px;height:2px}.progress-fill{height:2px}.progress-fill:after{display:none}.progress-bar:has(.wave){background:linear-gradient(var(--line), var(--line)) center / 100% 2px no-repeat;height:2px}.progress-bar:has(.wave) .progress-fill{background:var(--accent);height:2px;box-shadow:none}.progress .wave{display:none}.queue-panel{width:100%;box-shadow:none;left:0;bottom:var(--player-h);border-left:none}.queue-panel header{padding:.6rem .3rem .4rem 1rem}.queue-panel header .icon-btn{width:44px;height:44px}.infinite-card{margin:.2rem .7rem .3rem}.queue-list li .icon-btn{width:44px;height:44px}.queue-info{display:block}.artist-list{columns:1}.artist-list li{border-bottom:1px solid var(--line);align-items:center;min-height:44px;padding:0;display:flex}.random-title{gap:.9rem}.cover-stack{width:80px;height:76px}.cover-stack .cover{width:52px;height:52px}.cover-stack .cover:nth-child(2){left:24px}.cover-stack .cover:nth-child(3){top:22px;left:12px}.login-card{box-shadow:none;background:0 0;border:none;padding:1.8rem 1.3rem 1.4rem}.before-after{grid-template-columns:1fr}.admin-table{font-size:.85rem}.pick-list li{flex-wrap:wrap}.tabs a{min-height:44px}.player-bar.expanded{z-index:40;height:auto;box-shadow:none;background:var(--bg);padding:calc(env(safe-area-inset-top,0px) + .4rem) 1.5rem calc(1.6rem + var(--safe-b));animation:np-in .28s var(--ease);border-radius:0;flex-direction:column;align-items:stretch;gap:1.1rem;display:flex;inset:0;overflow:hidden}.expanded .np-backdrop{z-index:-1;pointer-events:none;display:block;position:absolute;inset:-10%;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.expanded .np-backdrop .cover{aspect-ratio:auto;filter:blur(60px)saturate(1.4);opacity:.6;border-radius:0;width:100%;height:100%}.expanded{isolation:isolate}.expanded .np-head{align-items:center;gap:.4rem;min-height:56px;margin:0 -1rem;padding-right:44px;display:flex}.expanded .np-head .icon-btn{width:48px;height:48px;color:var(--text)}.np-from{text-align:center;flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.np-from small{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.68rem;font-weight:600}.np-from{min-height:48px;color:var(--text);justify-content:center}.np-from:hover{color:var(--text)}.np-album{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.9rem;font-weight:650;overflow:hidden}.expanded .queue-btn{top:calc(env(safe-area-inset-top,0px) + .4rem + 4px);width:48px;height:48px;color:var(--text);position:absolute;right:.5rem}.expanded .now-playing{flex:1;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.2rem .6rem;min-height:0;display:grid}.expanded .np-cover{grid-column:1/-1;place-self:center;width:min(100%,46vh)}.expanded .now-playing .cover{border-radius:var(--r-l);width:100%;height:auto;box-shadow:0 30px 60px #00000073}.expanded .np-title{font-family:var(--display);letter-spacing:-.02em;font-size:1.6rem;font-weight:700;line-height:1.15}.expanded .np-artist{font-size:1rem}.expanded .np-dj{margin-top:.2rem;font-size:.9rem;display:block}.expanded .favorite{width:48px;height:48px}.expanded .progress{pointer-events:auto;flex-wrap:wrap;order:2;gap:.5rem;position:static}.expanded .progress-bar{background-size:100% 5px;flex-basis:100%;order:-1;height:24px}.expanded .progress-fill{height:5px}.expanded .progress-fill:after{opacity:1;display:block}.expanded .progress .wave{display:block}.expanded .progress-bar:has(.wave){background:0 0;height:64px}.expanded .progress-bar:has(.wave) .progress-fill{height:100%;box-shadow:inset -2px 0 0 var(--text);background:0 0}.expanded .time{min-width:0;font-size:.78rem;display:block}.expanded .progress .time:last-child{margin-left:auto}.expanded .buttons{order:3;justify-content:space-between;align-items:center;gap:0;display:flex}.expanded .buttons>:not(.play-btn){width:52px;height:52px;display:inline-flex}.expanded .buttons>button:nth-child(2),.expanded .buttons>button:nth-child(4){width:60px;height:60px;color:var(--text)}.expanded .buttons>button:nth-child(2) svg,.expanded .buttons>button:nth-child(4) svg{width:34px;height:34px}.expanded .play-btn{background:var(--accent);width:76px;height:76px;color:var(--on-accent);box-shadow:0 10px 30px color-mix(in srgb, var(--accent) 30%, transparent)}.expanded .play-btn:hover:not(:disabled){background:var(--accent);color:var(--on-accent)}.expanded .buttons .icon-btn[aria-pressed=true]{background:var(--accent-soft)}.expanded .volume{order:4;gap:.3rem;display:flex}.expanded .volume input[type=range]{flex:1;width:auto}.expanded .player-error{text-align:center;white-space:normal;order:5;display:block}}@keyframes np-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.mood,.mood:hover{transition:none;transform:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.eq i{animation:none;transform:none}.eq i:first-child{height:60%}.eq i:nth-child(3){height:40%}.album-card:hover .cover{transform:none}}:root:has(.site-backdrop):not(:has(.album-backdrop)) body{background:0 0}:root:has(.site-backdrop):not(:has(.album-backdrop)){--muted:color-mix(in srgb, var(--text) 84%, var(--bg));--faint:color-mix(in srgb, var(--text) 72%, var(--bg))}.site-backdrop{z-index:-1;pointer-events:none;--veil:76%;position:fixed;inset:0;overflow:hidden}.app:has(.album-backdrop) .site-backdrop{display:none}.site-backdrop img{object-fit:cover;filter:saturate(1.15);width:100%;height:100%}.site-backdrop:after{content:"";background:color-mix(in srgb, var(--bg) var(--veil), transparent);position:absolute;inset:0}:root[data-theme=light] .site-backdrop{--veil:76%}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .site-backdrop{--veil:76%}}.file-button{position:relative}.file-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.file-button:focus-within{outline:2px solid var(--accent);outline-offset:2px}.bg-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.bg-card{margin:0;padding:0;overflow:hidden}.bg-card img{aspect-ratio:16/10;object-fit:cover;background:var(--raised);width:100%;display:block}.bg-card.inactive img{opacity:.4;filter:grayscale(.6)}.bg-card-body{flex-direction:column;gap:.4rem;padding:.8rem;display:flex}.bg-card-body small{color:var(--muted)}.bg-card-actions{justify-content:space-between;align-items:center;gap:.5rem;display:flex}input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=760px){button,select,a.button,.link-btn,input[type=search],input[type=email],input[type=password],input[type=text],input[type=number],input:not([type]){min-height:44px}.icon-btn{min-width:44px;min-height:44px}.brand{justify-content:center;min-width:44px;min-height:44px}.login-card .link-btn,input[type=range],.player-bar.expanded .progress-bar{min-height:44px}.table-wrap{background:0 0;border:none;border-radius:0;overflow-x:visible}.admin-table,.admin-table tbody{display:block}.admin-table thead{display:none}.admin-table tr{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem .9rem;margin-bottom:.6rem;padding:.8rem;display:grid}.admin-table td{overflow-wrap:anywhere;border:none;min-width:0;padding:0;display:block}.admin-table td:first-child,.admin-table td[colspan],.admin-table td:not([data-label]){grid-column:1/-1}.admin-table td:empty{display:none}.admin-table td[data-label]:before{content:attr(data-label);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.1rem;font-size:.68rem;font-weight:600;display:block}.admin-table td:first-child:before{display:none}.admin-table tbody tr:hover td,.admin-table tr.highlight td,.admin-table tr.details td{background:0 0}.admin-table tr.highlight{background:var(--accent-soft)}.admin-table tr.details{background:var(--bg)}.admin-table button,.admin-table input,.admin-table select{min-height:44px}.admin-table .icon-btn{width:44px;height:44px}.admin-table input[type=checkbox]{width:22px;height:22px;min-height:0}}.dup-files{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.dup-files li{align-items:flex-start;gap:.7rem;display:flex}.dup-files .pill{flex:none;justify-content:center;min-width:5.6rem;margin-top:.1rem}@media (width<=760px){.admin-table td.row-actions{white-space:normal;flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.admin-table td.row-actions>*+*{margin-left:0}}.favorites .tabs .count{background:var(--accent-soft);color:var(--accent);margin-left:0}.favorite-actions{margin:0 0 1.2rem}.favorites .artist-list li{align-items:center;gap:.5rem;display:flex}.favorites .artist-list li .favorite{margin-left:auto}.favorites .empty svg{vertical-align:-3px}@media (width<=400px){.app-nav:has(>a:nth-child(7)) .nav-label{letter-spacing:-.01em;font-size:.64rem}}@media (width<=760px){.app-nav a.nav-secondary{display:none}}.modal-backdrop{z-index:50;background:var(--scrim);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);width:min(440px,100%);max-height:min(80vh,640px);box-shadow:var(--shadow);padding:1rem 1.2rem 1.2rem;overflow-y:auto}.modal-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.modal-head h2{margin:0;font-size:1.15rem}.picker-new{gap:.5rem;margin:.4rem 0 1rem;display:flex}.picker-new input{flex:1;min-width:0}.picker-list{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.picker-list button{text-align:left;border-radius:var(--radius);background:0 0;border:none;justify-content:flex-start;align-items:center;gap:.8rem;width:100%;min-height:52px;padding:.4rem .6rem;font-weight:500;display:flex}.picker-list button:hover:not(:disabled){background:var(--hover)}.picker-list svg{color:var(--accent);flex:none}@media (width<=760px){.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:var(--r-l) var(--r-l) 0 0;width:100%;max-height:85vh;padding-bottom:calc(1.2rem + env(safe-area-inset-bottom))}}.mosaic{aspect-ratio:1;border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease), box-shadow .2s var(--ease);grid-template-columns:1fr 1fr;margin-bottom:.55rem;display:grid;overflow:hidden}.mosaic .cover{box-shadow:none;border-radius:0;margin:0}.album-card:hover .mosaic{box-shadow:var(--shadow);transform:translateY(-4px)}.album-head .album-cover .mosaic{box-shadow:var(--shadow);margin:0}.favorites-cover{color:var(--on-accent);background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 55%, #000));justify-content:center;align-items:center;display:flex}.playlist-new{flex-wrap:wrap;align-items:flex-end;gap:.6rem;display:flex}.playlist-new label{flex-direction:column;flex:240px;gap:.3rem;font-weight:500;display:flex}.playlist-edit{gap:.6rem;max-width:640px;display:grid}.playlist-edit label{flex-direction:column;gap:.3rem;font-weight:500;display:flex}.playlist-description{color:var(--muted);margin:.2rem 0 .4rem}.share-toggle{align-items:center;gap:.6rem;margin-top:.8rem;display:flex}.playlists-page h2{margin-top:1.6rem}.diag-log{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--raised);border-radius:var(--r-s);max-height:40vh;padding:.6rem;font:12px/1.35 ui-monospace,monospace;overflow:auto}.same-recordings{margin-top:2.5rem}.same-group{border:1px solid var(--line);border-radius:var(--radius);margin:.7rem 0;padding:.4rem .9rem .6rem}.same-head{align-items:center;gap:.6rem;margin:.3rem 0;display:flex}.same-group ul{margin:0;padding:0;list-style:none}.same-group li{border-top:1px solid var(--line);align-items:center;gap:.6rem;padding:.35rem 0;display:flex}.same-group li:first-child{border-top:0}.same-track{overflow-wrap:anywhere;flex:1;min-width:0}.damaged-tracks{margin-top:2.5rem}.damaged-list{margin:0;padding:0;list-style:none}.damaged-list li{border-top:1px solid var(--line);align-items:center;gap:.6rem;padding:.5rem 0;display:flex}.damaged-list code{overflow-wrap:anywhere}.remote{background:var(--bg);max-width:640px;min-height:100dvh;color:var(--text);margin:0 auto;padding:1.2rem 16px 3rem}.remote-head{align-items:center;gap:.8rem;margin-bottom:.6rem;display:flex}.remote-head h1{margin:0;font-size:1.5rem}.remote-head p{color:var(--muted);margin:0}.remote-status{color:var(--muted);margin:.2rem 0 1rem;font-size:.88rem}.remote-name{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);margin:0 0 1rem;padding:.9rem 1rem}.remote-name label{flex-direction:column;gap:.35rem;font-weight:600;display:flex}.remote-name small{color:var(--muted);margin-top:.35rem;display:block}.remote-name-actions{align-items:center;gap:1rem;margin-top:.7rem;display:flex}.remote-name-actions button{min-height:44px}.remote-me{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin:-.4rem 0 .8rem;font-size:.9rem;display:flex}.remote-me .link-btn{min-height:44px}.remote-note{color:var(--text);background:var(--accent-soft);border-radius:var(--r-s);margin:.4rem .4rem .6rem;padding:.5rem .8rem;font-size:.9rem}.remote .remote-note{margin:.4rem 0 .8rem}.remote-now{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);grid-template-columns:96px minmax(0,1fr);align-items:center;gap:.4rem 1rem;padding:1rem;display:grid}.remote-now .cover{width:96px;height:96px}.remote-now-text{flex-direction:column;gap:.2rem;min-width:0;display:flex}.remote-now-text strong{overflow-wrap:anywhere;font-size:1.1rem}.remote-now-text span,.remote-now-text small{color:var(--muted);overflow-wrap:anywhere}.remote-controls{grid-column:1/-1;justify-content:center;align-items:center;gap:1.2rem;padding-top:.4rem;display:flex}.remote-controls .play-btn{width:56px;height:56px}.remote-controls .icon-btn{width:48px;height:48px}.remote-volume{grid-column:1/-1;align-items:center;gap:.3rem;min-width:0;display:flex}.remote-volume input[type=range]{flex:1;min-width:0;height:44px}.remote-volume-value{text-align:right;min-width:3.2em;color:var(--muted);font-variant-numeric:tabular-nums}.remote-search{margin:1.4rem 0 .6rem}.remote-search label{flex-direction:column;gap:.4rem;font-weight:500;display:flex}.remote-search small{color:var(--muted)}.remote-results,.remote .queue-list{margin:.6rem 0 0;padding:0;list-style:none;overflow:visible}.remote-results li,.remote .queue-list li{border-bottom:1px solid var(--line);border-radius:0;align-items:center;gap:.7rem;min-height:56px;padding:.3rem .2rem;display:flex}.remote-results .cover,.remote .queue-list .cover{border-radius:4px;flex-shrink:0;width:44px;height:44px}.remote .q-text{flex-direction:column;flex:1;min-width:0;display:flex}.remote .q-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.remote .q-artist,.remote .q-duration{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.remote .icon-btn,.remote .queue-list li .icon-btn{width:44px;height:44px;color:var(--muted);flex-shrink:0}.remote-row-actions{flex-shrink:0;display:flex}.remote-queue h2{margin:1.4rem 0 .2rem;font-size:1.15rem}.remote-queue h2 small{color:var(--muted);margin-left:.4rem;font-size:.85rem;font-weight:400}@media (width<=400px){.remote-now{grid-template-columns:72px minmax(0,1fr)}.remote-now .cover{width:72px;height:72px}}.settings .share-form fieldset{border:0;min-width:0;margin:0;padding:0}.settings .share-form legend{padding:0;font-weight:500}.settings .share-form label.check{min-height:44px;margin:.5rem 0}.settings .share-created{background:var(--accent-soft);border-radius:var(--radius);margin:.8rem 0;padding:.2rem 1rem .8rem}.settings .share-created input{font-family:var(--mono);font-size:.85rem}.share-actions{flex-wrap:wrap;gap:.6rem;display:flex}.devices.shares{margin-top:.6rem}.ask-ai{margin-bottom:1rem}details.ask-ai summary{cursor:pointer;min-height:44px;color:var(--muted);align-items:center;display:flex}.ask-ai label small{color:var(--muted);font-weight:400}.ask-ai textarea{box-sizing:border-box;width:100%;font:inherit}.ai-jobs{gap:.7rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.ai-jobs li{border-top:1px solid var(--line);padding-top:.7rem}.ai-ask{overflow-wrap:anywhere;margin:.3rem 0;font-style:italic}.ai-summary{white-space:pre-wrap;overflow-wrap:anywhere;margin:.3rem 0 0;font-size:.92rem}.request-link code{overflow-wrap:anywhere}.history-day h2{color:var(--muted);margin:1.4rem 0 .4rem;font-size:1rem}.history-day h2:first-letter{text-transform:uppercase}.history-list{margin:0;padding:0;list-style:none}.history-list li{border-bottom:1px solid var(--line);align-items:center;gap:.6rem;min-height:56px;display:flex}.history-list li.unavailable{opacity:.55}.history-play{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:.7rem;min-width:0;min-height:44px;padding:.3rem 0;display:flex}.history-play .cover{border-radius:4px;flex:none;width:44px;height:44px}.history-play,.history-play:hover:not(:disabled){color:var(--text);justify-content:flex-start}.history-text small{font-weight:400}.history-text{flex-direction:column;min-width:0;display:flex}.history-title,.history-text small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-text small,.history-meta{color:var(--muted)}.history-meta{text-align:right;flex:none}@media (width<=480px){.history-device{display:none}}