body,html{height:100%;margin:0;overflow:hidden;background:var(--bg-0)}a{color:inherit}:root{--z-nav:30;--z-bar:40;--z-overlay:50;--h-bottomnav:60px;--h-minibar:60px}.shell{position:fixed;inset:0;background:var(--bg-0);overflow:hidden;font-family:var(--font-ui)}.scenery{position:absolute;inset:-10%;width:120%;height:120%;object-fit:cover;filter:blur(var(--blur-scenery));opacity:.22}.scenery-dim{background:rgba(0,0,0,.25)}.scenery-dim,.shell-grid{position:absolute;inset:0}.shell-grid{display:grid;grid-template-columns:260px 1fr;gap:var(--gap-zone);padding:var(--gap-zone);padding-bottom:calc(var(--h-playerbar) + 2 * var(--gap-zone));min-height:0}.shell-grid.with-np{grid-template-columns:260px 1fr 340px}.zone{border-radius:var(--r-lg);background:var(--surface-1);min-height:0;box-sizing:border-box}.sidebar{display:flex;flex-direction:column;gap:var(--sp-2);overflow:hidden}.main,.sidebar{padding:var(--pad-zone)}.main{overflow-y:auto;overscroll-behavior:contain}.np-panel{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--pad-zone);overflow:hidden}.playerbar{position:absolute;left:var(--gap-zone);right:var(--gap-zone);bottom:var(--gap-zone);height:var(--h-playerbar);box-sizing:border-box;display:grid;grid-template-columns:minmax(200px,1fr) minmax(300px,2fr) minmax(200px,1fr);align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-lg)}.minibar,.playerbar{z-index:var(--z-bar);background:var(--glass-panel);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass))}.minibar{display:none;position:fixed;left:var(--sp-2);right:var(--sp-2);bottom:calc(var(--h-bottomnav) + env(safe-area-inset-bottom) + var(--sp-2) * 2);height:var(--h-minibar);border-radius:var(--r-md);overflow:hidden}.minibar-open{position:absolute;inset:0;border:none;background:none;padding:0;cursor:pointer}.minibar-progress{position:absolute;top:0;left:0;height:2px;background:var(--accent);transition:width .3s linear}.bottomnav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:var(--z-nav);height:calc(var(--h-bottomnav) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--glass-deep);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));grid-auto-flow:column;grid-auto-columns:1fr}.bottomnav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:44px;text-decoration:none;color:var(--text-3);font-size:10.5px;font-weight:600;transition:color var(--dur-fast) var(--ease-out)}.bottomnav a.active{color:var(--accent-text)}.np-overlay{position:fixed;inset:0;z-index:var(--z-overlay);display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + var(--sp-4)) var(--sp-5) calc(env(safe-area-inset-bottom) + var(--sp-5));background:var(--glass-deep);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));animation:npIn var(--dur-slow) var(--ease-out);box-sizing:border-box}@keyframes npIn{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.shelf{display:grid;grid-auto-flow:column;grid-auto-columns:152px;gap:var(--sp-3);overflow-x:auto;padding-bottom:var(--sp-2);scrollbar-width:none;scroll-snap-type:x proximity}.shelf::-webkit-scrollbar{display:none}.shelf>*{scroll-snap-align:start}.page-title{margin:0;font-family:var(--font-display);font-weight:600;font-size:26px;letter-spacing:var(--ls-display);color:var(--text-1);text-wrap:balance}.section-title{margin:0 0 var(--sp-3);font-family:var(--font-ui);font-weight:700;font-size:17px;color:var(--text-1)}.ph{border-radius:var(--r-md);background:var(--surface-2)}.eq-faders{display:flex;gap:var(--sp-3);overflow-x:auto;padding:var(--sp-2) 0;scrollbar-width:none}.eq-faders::-webkit-scrollbar{display:none}.swatch{width:44px;height:44px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:border-color var(--dur-fast) var(--ease-out)}.swatch.active{border-color:var(--text-1)}.icon-swatch{width:100%;aspect-ratio:1/1;min-width:44px;min-height:44px;border-radius:var(--r-xs);border:2px solid transparent;padding:2px;background:var(--surface-2);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.icon-swatch:hover{background:var(--surface-3)}.icon-swatch.active{border-color:var(--text-1)}.icon-swatch:disabled{cursor:default;opacity:.6}@media (max-width:1199px){.shell-grid,.shell-grid.with-np{grid-template-columns:240px 1fr}.np-panel{display:none}}@media (max-width:899px){.shell-grid,.shell-grid.with-np{grid-template-columns:1fr;padding:var(--sp-2);padding-bottom:calc(var(--h-minibar) + var(--h-bottomnav) + env(safe-area-inset-bottom) + var(--sp-2) * 4)}.sidebar{display:none}.main{padding:var(--sp-4)}.playerbar{display:none}.minibar{display:block}.bottomnav{display:grid}.page-title{font-size:22px}.shelf{grid-auto-columns:132px}}@media (prefers-reduced-motion:reduce){.np-overlay{animation:none}.minibar-progress{transition:none}}