.flux-root .fsp{position:absolute;inset:0 0 var(--player-h) 0;display:flex;flex-direction:column;background:var(--bg);background-image:radial-gradient(ellipse at 50% 35%,color-mix(in oklab,var(--accent) 30%,transparent) 0%,color-mix(in oklab,var(--accent) 14%,transparent) 40%,var(--bg) 90%);z-index:5;padding:var(--space-4) var(--pad);animation:fsp-in var(--t-slow) var(--ease-out)}.flux-root .fsp--closing{animation:fsp-out var(--t-base) var(--ease-out) forwards}@keyframes fsp-in{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes fsp-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(32px)}}.flux-root .fsp__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.flux-root .fsp__head-meta{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.flux-root .fsp__source{font:600 var(--fs-md) / 1 var(--font-display);color:var(--fg)}.flux-root .fsp__head-actions{display:flex;align-items:center;gap:var(--space-1)}.flux-root .fsp__stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);min-height:0}.flux-root .fsp__art{width:min(46vh,420px);aspect-ratio:1 / 1;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-elev);box-shadow:var(--shadow-3)}.flux-root .fsp__meta{text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}.flux-root .fsp__title{font:700 var(--fs-2xl) / 1.1 var(--font-display);letter-spacing:-.02em;color:var(--fg)}.flux-root .fsp__artist{background:transparent;border:0;padding:0;color:var(--fg-muted);font:500 var(--fs-lg) / 1.2 var(--font-body);cursor:pointer}.flux-root .fsp__artist:hover{color:var(--fg);text-decoration:underline}.flux-root .fsp__artists{color:var(--fg-muted);font:500 var(--fs-lg) / 1.2 var(--font-body)}.flux-root .pb{display:grid;grid-template-columns:340px 1fr 340px;align-items:center;gap:var(--space-4);height:100%;padding:0 var(--pad);background:var(--bg)}.flux-root .pb__lead{display:flex;align-items:center;gap:var(--space-3);min-width:0}.flux-root .pb__link{display:block;max-width:100%;align-self:flex-start;background:transparent;border:0;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.flux-root .pb__link:hover{text-decoration:underline}.flux-root .pb__link--inline{display:inline}.flux-root .pb__cover{width:56px;height:56px;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-elev);padding:0;border:0;cursor:pointer;display:block}.flux-root .pb__meta{min-width:0;flex:0 1 auto;display:flex;flex-direction:column;gap:2px}.flux-root .pb__title{font:500 var(--fs-md) / 1.2 var(--font-body);color:var(--text-hot)}.flux-root .pb__artist{font-size:var(--fs-sm);color:var(--fg-muted)}.flux-root .pb__caption{display:flex;align-items:center;gap:var(--space-1);font-size:var(--fs-xs);color:var(--fg-dim)}.flux-root .pb__caption--room{color:var(--accent)}.flux-root .pb__center{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);min-width:0;max-width:720px;margin:0 auto;width:100%}.flux-root .pb__transport{display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.flux-root .pb__transport .u-iconbtn--on:hover:not(:disabled),.flux-root .pb__trail .u-iconbtn--active:hover:not(:disabled){color:var(--accent)}.flux-root .pb__transport .u-iconbtn--on:after,.flux-root .pb__trail .u-iconbtn--active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--accent);pointer-events:none}.flux-root .pb__play{width:32px;height:32px;border:0;padding:0;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-fg);cursor:pointer;display:grid;place-items:center;transition:transform var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out)}.flux-root .pb__play:hover:not(:disabled){transform:scale(1.06);background:var(--accent-hi);color:var(--accent-fg)}.flux-root .pb__play:active:not(:disabled){transform:scale(.98)}.flux-root .pb__play:disabled{opacity:.4;cursor:default}.flux-root .pb__play svg{display:block}.flux-root .pb__room{position:relative;display:inline-flex}.flux-root .pb__room-exit{position:absolute;left:50%;bottom:calc(100% + 4px);transform:translate(-50%);width:20px;height:20px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--radius-pill);background:var(--danger);color:#fff;cursor:pointer;opacity:0;pointer-events:none;box-shadow:var(--shadow-1);transition:opacity var(--t-fast) var(--ease-out);z-index:5}.flux-root .pb__room-exit:before{content:"";position:absolute;top:-10px;right:-12px;bottom:-14px;left:-12px}.flux-root .pb__room:hover .pb__room-exit,.flux-root .pb__room-exit:focus-visible{opacity:1;pointer-events:auto}.flux-root .pb__timeline{display:flex;align-items:center;gap:var(--space-3)}.flux-root .pb__time{font:500 var(--fs-xs) / 1 var(--font-mono);color:var(--fg-dim);min-width:36px;text-align:right}.flux-root .pb__timeline .u-slider{flex:1}.flux-root .pb__trail{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-1);min-width:0}.flux-root .pb__vol{display:flex;align-items:center;gap:var(--space-2);padding-left:var(--space-2)}.flux-root .pb__vol-slider{width:84px}.flux-root .pb__vol--muted .pb__vol-slider .u-slider__fill{background:var(--fg-faint)}.flux-root .pb__vol{--q-normal: #9aa0a6;--q-high: #4c8dff;--q-lossless: #a06cff;--q-hires: #f2b33d}.flux-root .pb__vol-btn svg{display:block}.flux-root .pb__vol-waves{fill:var(--q-tint, currentColor)}.flux-root .pb__cast{position:relative}.flux-root .pb__cast-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9}.flux-root .pb__cast-pop{position:absolute;right:0;bottom:calc(100% + var(--space-2));width:240px;padding:var(--space-2);border-radius:var(--radius-md);background:var(--bg-elev);border:1px solid var(--border-strong);box-shadow:var(--shadow-3);display:flex;flex-direction:column;gap:2px;z-index:10}.flux-root .pb__cast-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:0;border-radius:var(--radius-sm);color:var(--fg);font:500 var(--fs-sm) / 1 var(--font-body);text-align:left;cursor:pointer;width:100%}.flux-root .pb__cast-row:hover{background:var(--bg-peek)}.flux-root .pb__cast-row--active{color:var(--accent)}.flux-root .pb__cast-row:disabled{color:var(--fg-dim);cursor:default;opacity:.55}.flux-root .pb__cast-row:disabled:hover{background:transparent}.flux-root .pb__cast-label{padding:var(--space-1) var(--space-3) 2px;font:600 var(--fs-xs) / 1 var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-dim)}.flux-root .pb__cast-divider{height:1px;margin:var(--space-1) var(--space-2);background:var(--border-strong)}.flux-root .pb__cast-kind{margin-left:auto;font-size:var(--fs-xs);color:var(--fg-dim)}.flux-root .pb__cast-stop{margin-left:auto;font:600 var(--fs-xs) / 1 var(--font-body);padding:2px var(--space-2);border-radius:var(--radius-pill);background:color-mix(in oklab,var(--danger) 18%,transparent);color:var(--danger);border:0;cursor:pointer}.flux-root .pb__cast-empty{padding:var(--space-3);color:var(--fg-dim);font-size:var(--fs-sm);text-align:center}.flux-root .pb__sleep{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:36px;height:36px;padding:0;border-radius:var(--radius-pill);background:transparent;color:var(--fg-muted);border:0;cursor:pointer;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.flux-root .pb__sleep--labeled{width:auto;padding:0 var(--space-3)}.flux-root .pb__sleep:hover{background:var(--bg-elev);color:var(--fg)}.flux-root .pb__sleep--on{color:var(--accent)}.flux-root .pb__sleep-rem{font:600 var(--fs-xs) / 1 var(--font-mono)}.flux-root .pb__sleep-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250}.flux-root .pb__sleep-menu{position:fixed;z-index:251;width:184px;padding:6px;border-radius:var(--radius-md);background:var(--bg-elev);border:1px solid var(--border-strong);box-shadow:var(--shadow-3, 0 24px 60px -16px rgba(0,0,0,.6));display:flex;flex-direction:column;gap:2px}.flux-root .pb__sleep-item{display:flex;align-items:center;justify-content:space-between;width:100%;height:34px;padding:0 10px;border-radius:var(--radius-sm);background:transparent;border:0;color:var(--fg-muted);font:500 var(--fs-sm) / 1 var(--font-body);text-align:left;cursor:pointer}.flux-root .pb__sleep-item:hover{background:var(--bg-peek);color:var(--fg)}.flux-root .pb__sleep-item--on{background:var(--bg-peek);color:var(--accent)}@media(pointer:coarse){.flux-root .pb__play{width:44px;height:44px}.flux-root .pb__room-exit{width:28px;height:28px}.flux-root .pb__sleep-item{height:44px}}@media(hover:none){.flux-root .pb__room-exit{opacity:1;pointer-events:auto}}@media(pointer:coarse)and (max-width:768px){.flux-root .pb{grid-template-columns:1fr;grid-auto-rows:auto;gap:var(--space-2);height:auto;padding:var(--space-2) var(--pad);align-items:stretch}.flux-root .pb__center{max-width:none}.flux-root .pb__trail{flex-wrap:wrap;justify-content:center}.flux-root .pb__cover{width:44px;height:44px}.flux-root .pb__cast-pop{position:fixed;left:0;right:0;bottom:var(--player-h);width:auto;max-height:50vh;overflow-y:auto;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.flux-root .pb__sleep-menu{max-height:50vh;overflow-y:auto}}.flux-root .tb{display:grid;grid-template-columns:1fr minmax(0,540px) 1fr;align-items:center;gap:var(--space-4);height:var(--titlebar-h);padding:0 var(--space-5)}.flux-root .tb__lead{display:flex;align-items:center;gap:var(--space-3)}.flux-root .tb__brand{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);margin:0;background:transparent;border:0;border-radius:var(--radius-pill);cursor:pointer}.flux-root .tb__mark{display:block;flex:none}.flux-root .tb__name{display:block;color:var(--fg)}.flux-root .tb__nav{display:flex;gap:var(--space-1)}.flux-root .tb__search{display:flex;align-items:center;justify-self:center;width:100%;max-width:540px;gap:var(--space-2)}.flux-root .tb__home{width:48px;height:48px;border:0;border-radius:var(--radius-pill);background:var(--bg-elev);color:var(--fg-muted);display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.flux-root .tb__home:hover{background:var(--bg-elev-2);color:var(--fg)}.flux-root .tb__home--active{color:var(--fg)}.flux-root .tb__home--active{color:var(--accent)}.flux-root .tb__field-wrap{flex:1;min-width:0;position:relative}.flux-root .tb__recents{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;z-index:50}.flux-root .recents{background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-3);overflow:hidden}.flux-root .recents__head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4) var(--space-2)}.flux-root .recents__clear{background:transparent;border:0;padding:2px var(--space-2);color:var(--fg-dim);font:500 var(--fs-xs) / 1 var(--font-body);cursor:pointer;border-radius:var(--radius-sm)}.flux-root .recents__clear:hover{color:var(--fg);background:var(--bg-peek)}.flux-root .recents__list{display:flex;flex-direction:column;gap:2px;padding:0 var(--space-2) var(--space-2);max-height:min(60vh,460px);overflow-y:auto}.flux-root .recents__row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--t-fast) var(--ease-out);outline:0}.flux-root .recents__row:hover,.flux-root .recents__row:focus-visible{background:var(--bg-elev-2)}.flux-root .recents__text{min-width:0}.flux-root .recents__title{font:500 var(--fs-base) / 1.2 var(--font-body);color:var(--fg)}.flux-root .recents__sub{font-size:var(--fs-xs);color:var(--fg-muted);margin-top:2px}.flux-root .recents__del{width:26px;height:26px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--fg-faint);display:grid;place-items:center;cursor:pointer;transition:opacity var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.flux-root .recents__del:hover{color:var(--fg);background:var(--bg-peek)}.flux-root .tb__field{width:100%;min-width:0;display:flex;align-items:center;gap:var(--space-2);height:48px;padding:0 var(--space-3) 0 var(--space-4);background:var(--bg-elev);border:1px solid transparent;border-radius:var(--radius-pill);color:var(--fg);font-size:var(--fs-md);cursor:text;transition:background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out)}.flux-root .tb__field:hover{box-shadow:0 0 0 1px var(--fg-faint)}.flux-root .tb__field:focus-within{box-shadow:0 0 0 2px var(--fg)}.flux-root .tb__field:focus-within svg{color:var(--fg)}.flux-root .tb__field svg{color:var(--fg-muted);flex-shrink:0}.flux-root .tb__field input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:inherit;font:inherit}.flux-root .tb__field input::placeholder{color:var(--fg-dim)}.flux-root .tb__field-hide{display:none}.flux-root .tb__notice{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-md);color:var(--fg);animation:fadeIn var(--t-fast) var(--ease-out)}.flux-root .tb__field--error .tb__field-icon,.flux-root .tb__field--error .tb__notice{color:var(--danger)}.flux-root .tb__field--info .tb__field-icon,.flux-root .tb__field--info .tb__notice,.flux-root .tb__field--success .tb__field-icon,.flux-root .tb__field--success .tb__notice{color:var(--accent)}.flux-root .tb__divider{width:1px;height:20px;background:var(--border-strong);margin:0 var(--space-1)}.flux-root .tb__field-action{width:32px;height:32px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--fg-muted);display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:color var(--t-fast) var(--ease-out)}.flux-root .tb__field-action:hover{color:var(--fg)}.flux-root .tb__field-action--active{color:var(--accent)}.flux-root .tb__trail{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.flux-root .tb__avatar{width:32px;height:32px;border:0;padding:0;border-radius:var(--radius-pill);background:transparent;display:grid;place-items:center;cursor:pointer;transition:box-shadow var(--t-fast) var(--ease-out),filter var(--t-fast) var(--ease-out)}.flux-root .tb__avatar:hover{filter:brightness(1.08)}.flux-root .tb__avatar--active{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}.flux-root .sugg{background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-3);overflow:hidden;padding:var(--space-2);display:flex;flex-direction:column;gap:2px;max-height:min(64vh,480px);overflow-y:auto}.flux-root .sugg__row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-sm);background:transparent;border:0;text-align:left;cursor:pointer;color:inherit;transition:background var(--t-fast) var(--ease-out)}.flux-root .sugg__row:hover,.flux-root .sugg__row--active{background:var(--bg-elev-2)}.flux-root .sugg__qicon{width:34px;height:34px;display:grid;place-items:center;color:var(--fg-dim)}.flux-root .sugg__text{min-width:0;display:flex;flex-direction:column}.flux-root .sugg__title{font:500 var(--fs-base) / 1.2 var(--font-body);color:var(--fg)}.flux-root .sugg__sub{font:500 var(--fs-xs) / 1.2 var(--font-body);color:var(--fg-muted);margin-top:1px}.flux-root .lp{display:flex;flex-direction:column;height:100%;position:relative;background:var(--bg-panel);border-radius:var(--radius-lg);overflow:hidden;container-type:inline-size}.flux-root .lp-rail{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;flex-direction:column;background:var(--bg-panel);border-radius:var(--radius-lg);animation:lp-rail-in var(--t-base) var(--ease-out)}@keyframes lp-rail-in{0%{opacity:0;transform:translate(8px)}}.flux-root .lp-rail__head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-2);flex:none}.flux-root .lp-rail__back,.flux-root .lp-rail__close{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:var(--radius-pill);background:transparent;border:0;color:var(--fg-muted);cursor:pointer;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.flux-root .lp-rail__back:hover,.flux-root .lp-rail__close:hover{background:var(--bg-peek);color:var(--fg)}.flux-root .lp-rail__title{flex:1;min-width:0;font:700 var(--fs-md) / 1.2 var(--font-display);letter-spacing:-.01em;color:var(--fg)}.flux-root .lp-rail__body{flex:1;min-height:0;padding:0 var(--space-2) var(--space-3)}.flux-root .lp--collapsed{width:76px}.flux-root .lp__title-btn{display:flex;align-items:center;gap:0;min-width:0;padding:var(--space-1) var(--space-1);margin:0;background:transparent;border:0;border-radius:var(--radius-pill);color:var(--fg-muted);cursor:pointer;transition:color var(--t-fast) var(--ease-out)}.flux-root .lp__title-btn:hover{color:var(--fg)}.flux-root .lp__title-btn .np__title{cursor:pointer}.flux-root .lp__title-btn:hover .lp__lib-glyph{transform:scale(1.08)}.flux-root .lp__lib-glyph{display:inline-grid;place-items:center;width:0;margin-right:0;opacity:0;overflow:hidden;transition:width var(--t-base) var(--ease-out),margin-right var(--t-base) var(--ease-out),opacity var(--t-base) var(--ease-out),transform var(--t-fast) var(--ease-out)}.flux-root .lp:hover .lp__lib-glyph{width:24px;margin-right:var(--space-3);opacity:1}.flux-root .np__head--collapsed .lp__lib-toggle{display:inline-grid;place-items:center}.flux-root .np__head--collapsed .lp__lib-toggle .lib-base,.flux-root .np__head--collapsed .lp__lib-toggle .lib-hover{grid-area:1 / 1}.flux-root .np__head--collapsed .lp__lib-toggle .lib-hover,.flux-root .np__head--collapsed .lp__lib-toggle:hover .lib-base{display:none}.flux-root .np__head--collapsed .lp__lib-toggle:hover .lib-hover{display:inline-flex}.flux-root .lp__create-btn{display:inline-flex;align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-3);border:0;border-radius:var(--radius-pill);background:var(--pill-bg);color:var(--fg-muted);font:700 var(--fs-sm) / 1 var(--font-body);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.flux-root .lp__create-btn:hover{background:var(--pill-bg-hover);color:var(--fg);transform:scale(1.03)}@container (max-width: 270px){.flux-root .lp__create-btn{width:32px;padding:0;justify-content:center}.flux-root .lp__create-btn span{display:none}}.flux-root .lp__filters{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--pad);overflow-x:auto;scrollbar-width:none}.flux-root .lp__filters::-webkit-scrollbar{display:none}.flux-root .lp__filters>*{flex:0 0 auto}.flux-root .lp__filters-wrap .u-rail-nav{top:50%;width:32px;height:32px;opacity:0;background:var(--pill-on-bg);color:var(--pill-on-fg);box-shadow:var(--shadow-2);filter:none}.flux-root .lp__filters-wrap .u-rail-nav:hover{background:var(--pill-on-bg-hover);filter:none}.flux-root .lp__filters-wrap .u-rail-nav--l{left:4px}.flux-root .lp__filters-wrap .u-rail-nav--r{right:4px}.flux-root .lp__filter-clear{width:32px;height:32px;flex-shrink:0;border:0;border-radius:var(--radius-pill);background:var(--bg-elev-2);color:var(--fg);display:grid;place-items:center;cursor:pointer;transition:background var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.flux-root .lp__filter-clear:hover{background:var(--bg-peek);transform:scale(1.03)}.flux-root .lp__tools{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--pad) var(--space-2)}.flux-root .lp__spacer{flex:1}.flux-root .lp__search{display:flex;align-items:center;gap:var(--space-1);overflow:hidden;border-radius:var(--radius-pill);transition:max-width var(--t-base) var(--ease-out);max-width:32px}.flux-root .lp__search--open{max-width:220px;background:var(--bg-elev);padding-right:var(--space-2)}.flux-root .lp__search-input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--fg);font-size:var(--fs-sm);opacity:0;transition:opacity var(--t-fast) var(--ease-out);width:0}.flux-root .lp__search--open .lp__search-input{opacity:1;width:auto}.flux-root .lp__sort{display:inline-flex;align-items:center;gap:var(--space-1);background:transparent;border:0;height:32px;padding:0 var(--space-3);color:var(--fg-muted);font-size:var(--fs-sm);cursor:pointer;border-radius:var(--radius-pill);transition:color var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out)}.flux-root .lp__sort:hover{color:var(--fg);background:var(--bg-peek)}.flux-root .lp__sortbox{position:relative}.flux-root .lp__sort-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.flux-root .lp__sort-menu{position:fixed;z-index:41;width:232px;padding:var(--space-1);background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 16px 24px #0000004d,0 6px 8px #0003;animation:ctx-in .12s var(--ease-out)}.flux-root .lp__sort-head{padding:var(--space-2) var(--space-3) var(--space-1);font-size:var(--fs-xs);color:var(--fg-muted);font-weight:600}.flux-root .lp__sort-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:0;border-radius:var(--radius-sm);color:var(--fg);font:500 var(--fs-base) / 1 var(--font-body);text-align:left;cursor:pointer;transition:background var(--t-fast) var(--ease-out)}.flux-root .lp__sort-item:hover{background:var(--bg-peek)}.flux-root .lp__sort-item--active{color:var(--accent)}.flux-root .lp__sort-item--active svg{color:var(--accent)}.flux-root .lp__sort-views{display:flex;gap:var(--space-1);padding:var(--space-1) var(--space-2) var(--space-2)}.flux-root .lp__sort-view{flex:1;height:36px;display:grid;place-items:center;background:transparent;border:0;border-radius:var(--radius-sm);color:var(--fg-muted);cursor:pointer;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.flux-root .lp__sort-view:hover{background:var(--bg-peek);color:var(--fg)}.flux-root .lp__sort-view--active{background:var(--bg-peek);color:var(--accent)}.flux-root .lp__create{padding:0 var(--pad) var(--space-2)}.flux-root .lp__create-input{width:100%;height:36px;padding:0 var(--space-3);background:var(--bg-elev);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--fg);font:500 var(--fs-sm) / 1 var(--font-body);outline:0}.flux-root .lp__create-input::placeholder{color:var(--fg-dim)}.flux-root .lp__list{padding:var(--space-2) var(--space-2) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.flux-root .lp__item{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-2);background:transparent;border:0;border-radius:var(--radius-sm);color:inherit;text-align:left;cursor:pointer;transition:background var(--t-fast) var(--ease-out)}.flux-root .lp__item:hover{background:var(--bg-peek)}.flux-root .lp__item--playing{color:var(--text-hot)}.flux-root .lp__list--compact .lp__item{grid-template-columns:1fr auto;gap:var(--space-2);padding:var(--space-1) var(--space-2)}.flux-root .lp__list--compact .lp__cov{display:none}.flux-root .lp__list--compact .lp__meta{display:flex;align-items:baseline;gap:0;min-width:0}.flux-root .lp__list--compact .lp__title{font-size:var(--fs-sm);flex-shrink:0;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flux-root .lp__sub--inline{font-size:var(--fs-sm);color:var(--fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flux-root .lp__sub--inline:before{content:" · ";white-space:pre}.flux-root .lp__list--grid,.flux-root .lp__list--cover{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);align-content:start}@container (min-width: 290px){.flux-root .lp__list--grid,.flux-root .lp__list--cover{grid-template-columns:repeat(3,1fr)}}@container (min-width: 470px){.flux-root .lp__list--grid,.flux-root .lp__list--cover{grid-template-columns:repeat(4,1fr)}}@container (min-width: 640px){.flux-root .lp__list--grid,.flux-root .lp__list--cover{grid-template-columns:repeat(5,1fr)}}@container (min-width: 810px){.flux-root .lp__list--grid,.flux-root .lp__list--cover{grid-template-columns:repeat(auto-fill,minmax(150px,var(--cover-w, 178px)))}}.flux-root .lp__card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);background:transparent;border:0;border-radius:var(--radius-md);color:inherit;text-align:left;cursor:pointer;min-width:0;transition:background var(--t-fast) var(--ease-out)}.flux-root .lp__card:hover{background:var(--bg-peek)}.flux-root .lp__card--playing .lp__title{color:var(--accent)}.flux-root .lp__card-cov{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-elev);display:grid;place-items:center;color:var(--fg-faint);box-shadow:var(--shadow-1)}.flux-root .lp__card-cov--round{border-radius:var(--radius-pill)}.flux-root .lp__card-text{min-width:0}.flux-root .lp__card-text .lp__title{font-size:var(--fs-sm)}.flux-root .lp__card--cover{padding:var(--space-1)}.flux-root .lp__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--space-3) var(--space-2);font:600 var(--fs-sm) / 1.2 var(--font-body);color:var(--text);background:linear-gradient(rgba(0,0,0,.85) 0%,rgba(0,0,0,.6) 22%,transparent 55%);opacity:0;transition:opacity var(--t-fast) var(--ease-out);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flux-root .lp__card--cover:hover .lp__card-overlay{opacity:1}.flux-root .lp__cov{position:relative;width:48px;height:48px;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-elev);display:grid;place-items:center;color:var(--fg-faint)}.flux-root .lp__cov-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0000008c;color:var(--text);cursor:pointer;opacity:0;pointer-events:none;z-index:2;transition:opacity var(--t-fast) var(--ease-out)}.flux-root .lp__item:hover .lp__cov-play{opacity:1;pointer-events:auto}.flux-root .lp__cov-play svg{transition:transform var(--t-fast) var(--ease-out);filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}.flux-root .lp__cov-play:hover svg{transform:scale(1.06)}.flux-root .lp__cov--liked{background:linear-gradient(135deg,color-mix(in oklab,var(--brand-deep, #1f3a3a) 64%,#fff) 0%,var(--brand-deep, #1f3a3a) 100%);color:var(--brand-surface, #f2ede3)}.flux-root .lp__meta{min-width:0}.flux-root .lp__title{font-size:var(--fs-base)}.flux-root .lp__sub{font-size:var(--fs-xs);color:var(--fg-muted)}.flux-root .lp__sub-pin{color:var(--accent);margin-right:4px;vertical-align:-1px}.flux-root .lp__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--fg-faint);text-align:center;padding:var(--pad);font-size:var(--fs-sm)}.flux-root .lp__rail{flex:1;min-height:0;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.flux-root .lp__rail-cover{width:56px;aspect-ratio:1 / 1;flex-shrink:0;margin:0 auto;border:0;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-elev);display:grid;place-items:center;color:var(--fg-faint);cursor:pointer;padding:0;transition:transform var(--t-fast) var(--ease-out)}.flux-root .lp__rail-cover:hover{transform:scale(1.04)}.flux-root .lp__rail-cover.lp__cov--liked{background:linear-gradient(135deg,color-mix(in oklab,var(--brand-deep, #1f3a3a) 64%,#fff) 0%,var(--brand-deep, #1f3a3a) 100%);color:var(--brand-surface, #f2ede3)}.flux-root .lp__create-box{position:relative;flex-shrink:0}.flux-root .lp__create-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.flux-root .lp__create-menu{position:fixed;z-index:41;width:248px;max-width:calc(100vw - var(--space-4));padding:var(--space-1);background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 16px 24px #0000004d,0 6px 8px #0003;animation:lp-rail-in var(--t-base) var(--ease-out)}.flux-root .lp__create-opt{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);background:transparent;border:0;border-radius:var(--radius-sm);color:inherit;cursor:pointer;text-align:left}.flux-root .lp__create-opt:hover{background:var(--bg-peek)}.flux-root .lp__create-opt-ic{flex-shrink:0;width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--bg-elev);color:var(--fg)}.flux-root .lp__create-opt-text{display:flex;flex-direction:column;gap:2px;min-width:0}.flux-root .lp__create-opt-title{font:700 var(--fs-sm) / 1.2 var(--font-body);color:var(--fg)}.flux-root .lp__create-opt-desc{font-size:var(--fs-xs);color:var(--fg-muted)}.flux-root .lp__cov--folder,.flux-root .lp__card-cov--folder{display:grid;place-items:center;background:var(--bg-elev-2);color:var(--fg-muted)}.flux-root .lp__item--folder{cursor:pointer}.flux-root .lp__folder-chev{display:inline-flex;flex-shrink:0;color:var(--fg-faint)}.flux-root .lp__item--drop,.flux-root .lp__item--drop:hover,.flux-root .lp__card--drop{background:color-mix(in oklab,var(--accent) 18%,var(--bg-elev));outline:1px solid var(--accent);outline-offset:-1px}.flux-root .lp__item--nested{margin-left:var(--space-4)}.flux-root .lp__rename-input{width:100%;min-width:0;padding:4px var(--space-2);background:var(--bg-elev);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--fg);font:600 var(--fs-sm) / 1.2 var(--font-body);outline:0}.flux-root .lp__rename-input::placeholder{color:var(--fg-dim)}.flux-root .lp__title-btn--icon{padding:var(--space-1);flex-shrink:0}.flux-root .lp__folder-nav{display:flex;align-items:center;min-width:0;border-radius:var(--radius-sm)}.flux-root .lp__back-btn{display:inline-grid;place-items:center;flex-shrink:0;padding:var(--space-1);margin-right:var(--space-1);background:transparent;border:0;border-radius:var(--radius-pill);color:var(--fg-muted);cursor:pointer;transition:color var(--t-fast) var(--ease-out)}.flux-root .lp__back-btn:hover{color:var(--fg)}.flux-root .lp__foldername-btn{display:flex;align-items:center;min-width:0;padding:var(--space-1) var(--space-2);margin:0;background:transparent;border:0;border-radius:var(--radius-sm);color:var(--fg);cursor:text;transition:background var(--t-fast) var(--ease-out)}.flux-root .lp__foldername-btn:hover{background:var(--bg-peek)}.flux-root .lp__title-btn--drop{background:color-mix(in oklab,var(--accent) 22%,var(--bg-elev));outline:1px solid var(--accent);outline-offset:-1px;color:var(--fg)}.flux-root .lp__rename-input--head{width:auto;flex:0 1 200px;font:700 var(--fs-md) / 1.2 var(--font-display);letter-spacing:-.01em}.flux-root .lp__tools--top{padding-top:var(--space-2)}.flux-root .lp__rail-cover--folder{display:grid;place-items:center;background:var(--bg-elev-2);color:var(--fg-muted)}.flux-root .lp__rail-cover--drop{outline:2px solid var(--accent);outline-offset:-2px}.flux-root .qt{--qrow-scale: 1;display:flex;flex-direction:column}.flux-root .qt-sec{display:flex;flex-direction:column}.flux-root .qt-sec+.qt-sec{margin-top:var(--space-3)}.flux-root .qt-sec__label{font:600 var(--fs-sm) / 1.2 var(--font-body);font-size:calc(var(--fs-sm) * var(--qrow-scale));color:var(--fg);padding:var(--space-1) var(--space-2) var(--space-1)}.flux-root .qt-sec__head{display:flex;align-items:center;justify-content:space-between}.flux-root .qt-clear{padding:2px var(--space-2);margin-right:var(--space-2);border-radius:var(--radius-pill);background:transparent;border:0;color:var(--fg-dim);font:600 var(--fs-xs) / 1 var(--font-body);font-size:calc(var(--fs-xs) * var(--qrow-scale));cursor:pointer;transition:color var(--t-fast) var(--ease-out)}.flux-root .qt-clear:hover{color:var(--fg)}.flux-root .qt__row{position:relative;display:grid;grid-template-columns:calc(40px * var(--qrow-scale)) 1fr auto;align-items:center;gap:calc(var(--space-2) * var(--qrow-scale));padding:calc(var(--space-1) * var(--qrow-scale)) calc(var(--space-2) * var(--qrow-scale));border-radius:var(--radius-sm);cursor:pointer;outline:0;border:0;background:transparent;color:inherit;text-align:left;width:100%;transition:background var(--t-fast) var(--ease-out)}.flux-root .qt__row:hover{background:var(--bg-peek)}.flux-root .qt__row:focus-visible{background:var(--bg-elev)}.flux-root .qt__row--playing .qt__title{color:var(--text-hot)}.flux-root .qt__row--selected,.flux-root .qt__row--selected:hover{background:color-mix(in oklab,var(--accent) 20%,var(--bg-elev))}.flux-root .qt__cov{width:calc(40px * var(--qrow-scale));height:calc(40px * var(--qrow-scale));border-radius:var(--radius-md)}.flux-root .qt__text{min-width:0}.flux-root .qt__title{font-size:calc(var(--fs-base) * var(--qrow-scale))}.flux-root .qt__sub{font-size:calc(var(--fs-xs) * var(--qrow-scale));color:var(--fg-muted)}.flux-root .qt__ind{display:inline-flex;margin-right:6px}.flux-root .qt__more{opacity:0;transition:opacity var(--t-fast) var(--ease-out)}.flux-root .qt__row:hover .qt__more,.flux-root .qt--touch .qt__more{opacity:1}@media(hover:none){.flux-root .qt__more{opacity:1}}@media(prefers-reduced-motion:no-preference){.flux-root .qt-cur{animation:qt-cur-in var(--t-base) var(--ease-out) both}@keyframes qt-cur-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}}.flux-root .np__head{display:flex;align-items:center;gap:0;padding:var(--space-3) var(--pad);border-bottom:1px solid var(--border)}.flux-root .np__chrome{opacity:0;transition:opacity var(--t-base) var(--ease-out)}.flux-root .np:hover .np__chrome{opacity:1}.flux-root .np__head .np__chrome:not(.np__chrome--lead){margin-left:var(--space-1)}.flux-root .np__chrome--lead{display:inline-flex;width:0;margin-right:0;overflow:hidden;transition:width var(--t-base) var(--ease-out),margin-right var(--t-base) var(--ease-out),opacity var(--t-base) var(--ease-out)}.flux-root .np:hover .np__chrome--lead{width:28px;margin-right:var(--space-2)}.flux-root .np__head .u-iconbtn{flex-shrink:0;transition:color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.flux-root .np__head .u-iconbtn:hover:not(:disabled){color:var(--fg);background:transparent;transform:scale(1.08)}.flux-root .np__head--collapsed{justify-content:center;padding:var(--space-3) var(--space-2)}.flux-root .np--collapsed{position:relative;overflow:hidden;cursor:pointer;padding:0;margin-right:calc(-1 * var(--gutter));border-top-right-radius:0;border-bottom-right-radius:0}.flux-root .np__slice{position:absolute;top:0;left:0;bottom:0;display:flex;flex-direction:column;min-height:0;pointer-events:none;opacity:0;transform:translate(24px);transition:opacity var(--np-anim, .52s) var(--ease-out),transform var(--np-anim, .52s) var(--ease-out)}.flux-root .np--collapsed:hover .np__slice{opacity:1;transform:translate(0)}.flux-root .np__slice>.u-vscroll{flex:1;min-height:0;overflow:hidden;scrollbar-gutter:auto}.flux-root .np__collapsed-haze{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;opacity:0;transition:opacity var(--np-anim, .52s) var(--ease-out);pointer-events:none;z-index:5}.flux-root .np--collapsed:hover .np__collapsed-haze{opacity:1}.flux-root .np__peek{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);height:64px;display:grid;place-items:center;border:0;background:transparent;color:var(--text);z-index:10;pointer-events:none;transition:color var(--np-anim, .52s) var(--ease-out);filter:drop-shadow(0 1px 4px rgba(0,0,0,.7))}.flux-root .np--collapsed:hover .np__peek{color:var(--text)}.flux-root .np__peek svg{transform:scaleY(1.4)}.flux-root .np__title{flex:1;font:600 var(--fs-md) / 1 var(--font-display);letter-spacing:-.01em;color:var(--fg)}.flux-root .np{position:relative;display:flex;flex-direction:column;height:100%;background:var(--bg-panel);border-radius:var(--radius-lg);overflow:hidden}@keyframes np-reveal-in{0%{opacity:0}to{opacity:1}}.flux-root .np:not(.np--collapsed) .np__body{animation:np-reveal-in var(--t-slow) var(--ease-out) both}.flux-root .np__swap{flex:1;min-height:0;display:flex;flex-direction:column}.flux-root .np__swap--up{animation:np-sheet-up-in var(--t-slow) var(--ease-out) both}.flux-root .np__swap--down{animation:np-sheet-down-in var(--t-slow) var(--ease-out) both}@keyframes np-sheet-up-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes np-sheet-down-in{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.flux-root .np__head--overlay{position:absolute;top:0;left:0;right:0;z-index:3;border-bottom:0;background:transparent;pointer-events:none}.flux-root .np__head--overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(0,0,0,.55),transparent);opacity:0;transition:opacity var(--t-base) var(--ease-out);pointer-events:none}.flux-root .np:hover .np__head--overlay:before{opacity:1}.flux-root .np__head--overlay .u-iconbtn,.flux-root .np__head--overlay .np__title{pointer-events:auto}.flux-root .np__head--overlay .np__title--ctx{color:var(--text);text-shadow:0 1px 8px rgba(0,0,0,.6)}.flux-root .np__head--overlay .u-iconbtn{color:var(--text)}.flux-root .np__head--overlay .u-iconbtn:hover:not(:disabled){color:var(--text)}.flux-root .np__body{flex:1;min-height:0;min-width:var(--np-w, 0);display:flex;flex-direction:column}.flux-root .np-body{padding:var(--pad);display:flex;flex-direction:column;gap:var(--gap)}.flux-root .np-body--now{display:block}.flux-root .np-body--now>*+*{margin-top:var(--gap)}.flux-root .np-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--fg-faint);text-align:center;padding:var(--pad);font-size:var(--fs-sm)}.flux-root .nt__hero{position:relative;margin:calc(-1 * var(--pad)) calc(-1 * var(--pad)) 0;aspect-ratio:1 / 1;overflow:hidden;background:var(--bg-elev)}.flux-root .nt__hero-foot{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);padding:var(--space-7) var(--pad) var(--pad);background:linear-gradient(transparent,#0000008c 55%,#000c)}.flux-root .nt__hero-meta{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.flux-root .nt__hero-add{flex-shrink:0;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--fg-muted);cursor:pointer;transition:color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.flux-root .nt__hero-add:hover{color:var(--text);transform:scale(1.08)}.flux-root .nt__meta{display:flex;flex-direction:column;gap:var(--space-1)}.flux-root .nt__title{font:700 var(--fs-2xl) / 1.15 var(--font-display);letter-spacing:-.01em;color:var(--text);text-shadow:0 2px 12px rgba(0,0,0,.5)}.flux-root .nt__title--link{background:transparent;border:0;padding:0;text-align:left;cursor:pointer}.flux-root .nt__title--link:hover{text-decoration:underline}.flux-root .nt__hero-foot .nt__artist{color:var(--text);text-shadow:0 1px 8px rgba(0,0,0,.5)}.flux-root .nt__artist,.flux-root .nt__album{background:transparent;border:0;padding:0;color:var(--fg-muted);font-size:var(--fs-md);text-align:left;cursor:pointer}.flux-root .nt__artist:hover,.flux-root .nt__album:hover{color:var(--fg);text-decoration:underline}.flux-root .nt__album{font-size:var(--fs-sm)}.flux-root .nt__artists{color:var(--fg-muted);font-size:var(--fs-md)}.flux-root .nt__hero-foot .nt__artists{color:var(--text);text-shadow:0 1px 8px rgba(0,0,0,.5)}.flux-root .nt__about{display:block;width:100%;border:0;padding:0;background:transparent;border-radius:var(--radius-md);overflow:hidden;cursor:pointer}.flux-root .nt__about-banner{position:relative;width:100%;aspect-ratio:16 / 10;background:var(--bg-elev);overflow:hidden;border-radius:var(--radius-md)}.flux-root .nt__about-banner img{transition:transform var(--t-slow) var(--ease-out),opacity var(--t-base) var(--ease-out)}.flux-root .nt__about-glyph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:800 64px / 1 var(--font-display);letter-spacing:-.03em;color:color-mix(in oklab,var(--accent) 55%,var(--fg-faint));background:linear-gradient(150deg,color-mix(in oklab,var(--accent) 22%,var(--bg-elev)) 0%,var(--bg-elev) 78%);-webkit-user-select:none;user-select:none}.flux-root .nt__about:hover .nt__about-banner img{transform:scale(1.04)}.flux-root .nt__about-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,transparent 40%,rgba(0,0,0,.6) 100%)}.flux-root .nt__about-name{position:absolute;left:var(--space-3);bottom:var(--space-3);z-index:1;font:700 var(--fs-lg) / 1.2 var(--font-display);color:var(--text);text-shadow:0 2px 8px rgba(0,0,0,.5)}.flux-root .nt__nextlist{display:flex;flex-direction:column;gap:var(--space-2)}.flux-root .nt__nextrow{display:grid;grid-template-columns:40px 1fr;gap:var(--space-3);align-items:center;cursor:pointer;user-select:none;-webkit-user-select:none;border-radius:var(--radius-sm)}.flux-root .nt__nextrow:hover{background:var(--bg-peek)}.flux-root .nt__nexttext{min-width:0;font-size:var(--fs-sm)}.flux-root .nt__nextsub{color:var(--fg-muted);font-size:var(--fs-xs)}.flux-root .np__close{position:absolute;top:var(--space-2);right:var(--space-2);z-index:4}.flux-root .qt-body{flex:1;min-height:0;padding:var(--space-2)}.flux-root .qt-tabs{display:flex;gap:var(--space-2);padding:var(--space-1) 40px var(--space-3) var(--space-1)}.flux-root .qt-tab{position:relative;border:0;background:transparent;color:var(--fg-muted);font:700 var(--fs-md) / 1 var(--font-display);padding:4px 2px 6px;cursor:pointer;transition:color var(--t-fast) var(--ease-out)}.flux-root .qt-tab:hover,.flux-root .qt-tab--on{color:var(--fg)}.flux-root .qt-tab--on:after{content:"";position:absolute;left:2px;right:2px;bottom:0;height:2px;border-radius:2px;background:var(--accent)}.flux-root .ap-row{display:flex;align-items:center;gap:var(--space-2);width:100%;margin-top:var(--space-3);padding:var(--space-3) var(--space-2);border-top:1px solid var(--border);background:transparent;border-left:0;border-right:0;border-bottom:0;text-align:left;cursor:pointer;color:var(--fg-dim)}.flux-root .ap-row--on{color:var(--accent)}.flux-root .ap-row__text{flex:1;min-width:0}.flux-root .ap-row__title{font:600 var(--fs-sm) / 1.2 var(--font-body);color:var(--fg)}.flux-root .ap-row__sub{font-size:var(--fs-xs);color:var(--fg-dim);margin-top:1px}.flux-root .ap-row__switch{position:relative;width:38px;height:22px;flex:none;border-radius:var(--radius-pill);background:var(--bg-elev-2);transition:background var(--t-fast) var(--ease-out)}.flux-root .ap-row--on .ap-row__switch{background:var(--accent)}.flux-root .ap-row__knob{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--fg);transition:transform var(--t-fast) var(--ease-out)}.flux-root .ap-row--on .ap-row__knob{transform:translate(16px);background:var(--accent-fg)}.flux-root .lt-sync{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-1);background:color-mix(in oklab,var(--bg-panel) 86%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.flux-root .lt-sync__label{font:600 var(--fs-xs) / 1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-faint);margin-right:auto}.flux-root .lt-sync__btn,.flux-root .lt-sync__val{height:28px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--bg-elev);border:0;color:var(--fg-muted);font:600 var(--fs-xs) / 1 var(--font-mono);cursor:pointer;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.flux-root .lt-sync__btn:hover{background:var(--bg-peek);color:var(--fg)}.flux-root .lt-sync__val{color:var(--fg);min-width:52px;text-align:center}.flux-root .lt{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) 0}.flux-root .lt__line{font:500 var(--fs-lg) / 1.45 var(--font-display);color:var(--fg-faint);padding:var(--space-1) 0;cursor:pointer;transition:color var(--t-base) var(--ease-out)}.flux-root .lt__line:hover{color:var(--fg-muted)}.flux-root .lt__line--past{color:var(--fg-dim)}.flux-root .lt__line--active{color:var(--fg);font-weight:700}.flux-root .at{display:flex;flex-direction:column;gap:var(--gap)}.flux-root .at__placeholder{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--bg-elev);color:var(--fg-muted);font-size:var(--fs-sm)}.flux-root .at__services{display:flex;flex-direction:column;gap:var(--space-2)}.flux-root .at__service{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--bg-elev);font-size:var(--fs-sm)}.flux-root .at__signout{display:flex;justify-content:center;padding-top:var(--space-3)}.flux-root .at__notifs{display:flex;flex-direction:column;gap:2px}.flux-root .at__notif{position:relative;display:grid;grid-template-columns:1fr auto auto;gap:var(--space-2);align-items:center;padding:var(--space-2) var(--space-3);background:transparent;border:0;border-radius:var(--radius-sm);color:var(--fg);text-align:left;cursor:pointer;font-size:var(--fs-sm);transition:background var(--t-fast) var(--ease-out)}.flux-root .at__notif-actions{display:flex;gap:6px;margin-top:6px}.flux-root .at__notif-accept,.flux-root .at__notif-decline{height:26px;padding:0 12px;border-radius:var(--radius-pill);font:600 var(--fs-xs) / 1 var(--font-body);border:0;cursor:pointer}.flux-root .at__notif-accept{background:var(--accent);color:var(--accent-fg)}.flux-root .at__notif-decline{background:var(--bg-elev-2);color:var(--fg-muted)}.flux-root .at__notif-del{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:transparent;border:0;color:var(--fg-faint);opacity:0;cursor:pointer;transition:opacity var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.flux-root .at__notif:hover .at__notif-del{opacity:1}.flux-root .at__notif-del:hover{color:var(--danger)}.flux-root .at__dl{display:flex;flex-direction:column;gap:6px;padding:var(--space-2);border-radius:var(--radius-sm)}.flux-root .at__dl:hover{background:var(--bg-elev-2)}.flux-root .at__dl-main{display:flex;gap:var(--space-2);align-items:flex-start;min-width:0}.flux-root .at__dl-main .u-cover{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden}.flux-root .at__dl-body{flex:1;min-width:0}.flux-root .at__dl-row1{display:flex;align-items:center;gap:var(--space-2)}.flux-root .at__dl-title{flex:1;min-width:0;font-size:var(--fs-sm);color:var(--fg)}.flux-root .at__dl-meta{display:flex;align-items:center;gap:var(--space-2);min-width:0;margin-top:3px}.flux-root .at__dl-q{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.flux-root .at__dl-arrow{color:var(--fg-faint);font-size:11px}.flux-root .at__dl-count{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;font:500 var(--fs-xs) / 1 var(--font-mono);color:var(--fg-muted)}.flux-root .at__dl-count--on{color:var(--accent)}.flux-root .at__dl-count--bad{color:var(--warn);text-transform:capitalize}.flux-root .at__dl-sub{min-width:0;font-size:var(--fs-xs);color:var(--fg-muted)}.flux-root .at__dl-cancel{display:grid;place-items:center;flex-shrink:0;width:20px;height:20px;border:0;border-radius:50%;background:transparent;color:var(--fg-faint);cursor:pointer}.flux-root .at__dl-cancel:hover{color:var(--danger)}.flux-root .at__more{align-self:flex-start;margin-top:2px;padding:var(--space-1) var(--space-2);background:transparent;border:0;border-radius:var(--radius-sm);color:var(--fg-muted);font:600 var(--fs-xs) / 1 var(--font-body);text-align:left;cursor:pointer}.flux-root .at__more:hover{color:var(--fg);background:var(--bg-elev-2)}.flux-root .at__notif:hover{background:var(--bg-peek)}.flux-root .at__notif--unread{background:var(--bg-elev)}.flux-root .at__notif-dot{position:absolute;left:6px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--accent)}.flux-root .at__notif--unread .at__notif-text{padding-left:var(--space-2)}.flux-root .at__notif-text{min-width:0}.flux-root .at__notif-title{font-weight:500}.flux-root .at__notif-body{color:var(--fg-muted);font-size:var(--fs-xs)}.flux-root .at__notif-time{font:500 var(--fs-xs) / 1 var(--font-mono);color:var(--fg-dim)}.flux-root .at__hist{display:flex;flex-direction:column;gap:2px}.flux-root .at__hist-row{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-sm);background:transparent;border:0;color:inherit;cursor:pointer;text-align:left;transition:background var(--t-fast) var(--ease-out)}.flux-root .at__hist-row:hover{background:var(--bg-peek)}.flux-root .at__hist-cov{width:36px;height:36px;border-radius:var(--radius-md)}.flux-root .at__hist-text{min-width:0;display:flex;flex-direction:column}.flux-root .at__hist-title{font-size:var(--fs-sm);color:var(--fg)}.flux-root .at__hist-sub{font-size:var(--fs-xs);color:var(--fg-muted)}.flux-root .at__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;padding-top:var(--space-3);border-top:1px solid var(--border)}.flux-root .at__identity{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-elev)}.flux-root .at__id-avatar{width:44px;height:44px;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--accent),color-mix(in oklab,var(--accent) 50%,#fff));color:var(--accent-fg);display:grid;place-items:center;font:700 var(--fs-md) / 1 var(--font-display);flex-shrink:0}.flux-root .at__id-text{min-width:0;flex:1}.flux-root .at__id-name{font:600 var(--fs-md) / 1.2 var(--font-display);color:var(--fg)}.flux-root .at__id-email{font-size:var(--fs-xs);color:var(--fg-muted)}.flux-root .at__id-admin{display:inline-flex;align-items:center;gap:2px;margin-top:var(--space-1);padding:2px var(--space-2);font:600 var(--fs-xs) / 1 var(--font-mono);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent)}.flux-root .at__status{display:inline-flex;align-items:center;gap:6px;font:600 var(--fs-xs) / 1 var(--font-body);padding:5px var(--space-2) 5px 9px;border-radius:var(--radius-pill);white-space:nowrap}.flux-root .at__status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.flux-root .at__status--ok{background:color-mix(in oklab,var(--accent) 15%,transparent);color:var(--accent)}.flux-root .at__status--warn{background:color-mix(in oklab,var(--warn) 16%,transparent);color:var(--warn)}.flux-root .at__status--muted{background:var(--bg-elev-2);color:var(--fg-dim)}.flux-root .at__storage{width:fit-content;max-width:100%;margin-inline:auto;padding-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.flux-root .at__storage-text{text-align:center;white-space:nowrap;font:500 var(--fs-xs) / 1 var(--font-mono);color:var(--fg-dim)}.flux-root .at__storage-bar{height:4px;border-radius:var(--radius-pill);background:var(--bg-elev-2);overflow:hidden}.flux-root .at__storage-fill{height:100%;background:var(--accent);border-radius:inherit;transition:width var(--t-base) var(--ease-out)}.flux-root .at__storage-fill--full{background:var(--danger, hsl(0 60% 55%))}.flux-root .tweaks{display:flex;flex-direction:column;gap:var(--gap)}.flux-root .tweaks__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.flux-root .tweaks__chip-preview{display:inline-flex;align-items:center;gap:var(--space-2)}.flux-root .tweaks__brand{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4) var(--space-7)}.flux-root .tweaks__brand-lockup{display:flex;align-items:center;gap:var(--space-3)}.flux-root .tweaks__brand-controls,.flux-root .tweaks__pal-group{display:flex;flex-direction:column;gap:var(--space-2)}.flux-root .tweaks__pal-group+.tweaks__pal-group{margin-top:var(--space-3)}.flux-root .tweaks__group-label{font:600 var(--fs-xs) / 1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted)}.flux-root .tweaks__pal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--space-2)}.flux-root .tweaks__pal{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-1);background:transparent;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.flux-root .tweaks__pal:hover{background:var(--surface);transform:scale(1.04)}.flux-root .tweaks__pal--active{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 22%,transparent)}.flux-root .tweaks__pal-name{font:600 var(--fs-sm) / 1 var(--font-body);color:var(--fg-muted)}.flux-root .tweaks__pal:hover .tweaks__pal-name,.flux-root .tweaks__pal--active .tweaks__pal-name{color:var(--fg)}.flux-root .tweaks__field{display:flex;align-items:center;gap:var(--space-3)}.flux-root .tweaks__field-label{flex:none;width:56px;font:500 var(--fs-sm) / 1 var(--font-body);color:var(--fg-muted)}.flux-root .tweaks__range{width:100%;accent-color:var(--accent)}.flux-root .tweaks__range-val{font:500 var(--fs-xs) / 1 var(--font-mono);color:var(--fg-muted);text-align:right}.flux-root .np__swap>.ctx-ti{flex:1;min-height:0;display:flex;flex-direction:column}.flux-root .np__swap>.ctx-ti>.ctx-ti__head{padding:var(--space-4) var(--space-8) var(--space-3) var(--pad)}.flux-root .np__swap>.ctx-ti>.ctx-ti__body{flex:1;min-height:0;overflow-y:auto;padding:0 var(--pad) var(--pad)}@media(pointer:coarse){.flux-root .at__dl-cancel{width:44px;height:44px}.flux-root .qt-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}@media(hover:none){.flux-root .np__chrome{opacity:1}}.flux-root .pc{display:inline-flex;align-items:center;gap:8px}.flux-root .pc__stack{display:inline-flex}.flux-root .pc__stack-item{position:relative}.flux-root .pc__avatar{border-radius:50%;object-fit:cover;border:2px solid var(--bg-panel);box-shadow:0 2px 6px color-mix(in oklab,var(--bg) 70%,transparent)}.flux-root .pc__avatar--ph{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.flux-root .pc__more{margin-left:-8px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--fg);background:var(--bg-elev-2);border:2px solid var(--bg-panel)}.flux-root .pc .pc__add{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:transparent;border:1px solid var(--border-strong);color:var(--fg-muted);cursor:pointer;text-decoration:none;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.flux-root .pc .pc__add:hover{background:var(--bg-elev);color:var(--fg);text-decoration:none;transform:scale(1.06)}.flux-root .pc .pc__leave{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:var(--radius-pill);background:var(--bg-elev);border:0;color:var(--fg-muted);font-size:var(--fs-sm);font-weight:600;cursor:pointer;text-decoration:none}.flux-root .pc .pc__leave:hover{color:var(--fg);text-decoration:none}.flux-root .pcm__roles{display:flex;align-items:center;gap:var(--space-2)}.flux-root .pcm__role{height:32px;padding:0 var(--space-3);border-radius:var(--radius-pill);font:500 var(--fs-sm) / 1 var(--font-body);text-transform:capitalize;border:0;background:var(--pill-bg);color:var(--pill-fg);cursor:pointer;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.flux-root .pcm__role:hover{background:var(--pill-bg-hover);transform:scale(1.03)}.flux-root .pcm__role--on{background:var(--pill-on-bg);color:var(--pill-on-fg)}.flux-root .pcm__role--on:hover{background:var(--pill-on-bg-hover)}.flux-root .pcm__members{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--border);padding-top:var(--space-2)}.flux-root .pcm__member{display:flex;align-items:center;gap:10px;padding:4px 2px}.flux-root .pcm__member-name{flex:1;min-width:0;font-size:var(--fs-sm)}.flux-root .pcm__owner{font-size:var(--fs-xs);color:var(--fg-faint)}.flux-root .pcm__select{height:28px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--fg-muted);font-size:var(--fs-xs)}.flux-root .pcm__remove{width:28px;height:28px;border-radius:var(--radius-pill);background:transparent;border:0;color:var(--fg-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.flux-root .pcm__remove:hover{background:var(--bg-elev);color:var(--danger)}.flux-root .pcm__role:focus-visible,.flux-root .pcm__select:focus-visible,.flux-root .pcm__remove:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.flux-root .settings{display:grid;grid-template-columns:220px 1fr;height:100%;background:var(--bg-panel);border-radius:var(--radius-lg);overflow:hidden}.flux-root .settings__nav{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--pad) var(--space-3);border-right:1px solid var(--border);overflow-y:auto}.flux-root .settings__nav-title{font:700 var(--fs-md) / 1 var(--font-display);letter-spacing:-.01em;padding:var(--space-2) var(--space-3) var(--space-3);color:var(--fg)}.flux-root .settings__nav-item{display:flex;align-items:center;gap:var(--space-3);text-align:left;width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:0;border-radius:var(--radius-sm);color:var(--fg-muted);font:500 var(--fs-base) / 1 var(--font-body);cursor:pointer;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.flux-root .settings__nav-item svg{flex:none;opacity:.85}.flux-root .settings__nav-item:hover{background:var(--bg-peek);color:var(--fg)}.flux-root .settings__nav-item--active{background:var(--brand-tint);color:var(--fg)}.flux-root .settings__nav-item--active svg{color:var(--accent);opacity:1}.flux-root .settings__body{min-height:0}.flux-root .settings__body-inner{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--pad);padding-bottom:var(--space-8);max-width:900px;width:100%;margin-inline:auto}.flux-root .settings-section__head{display:flex;flex-direction:column;gap:var(--space-1);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.flux-root .settings-section__title{font:700 var(--fs-2xl) / 1.1 var(--font-display);letter-spacing:-.02em;color:var(--fg)}.flux-root .settings-section__sub{color:var(--fg-muted);font-size:var(--fs-sm);max-width:560px}.flux-root .settings-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-4);align-items:center;padding:var(--space-4) 0;border-bottom:1px solid var(--border)}.flux-root .settings-row:last-child{border-bottom:0}.flux-root .settings-row__label{min-width:0}.flux-root .settings-row__title{font:500 var(--fs-md) / 1.2 var(--font-body);color:var(--fg)}.flux-root .settings-row__hint{margin-top:var(--space-1);color:var(--fg-muted);font-size:var(--fs-sm);max-width:460px}.flux-root .settings-row__control{display:flex;align-items:center;gap:var(--space-2);justify-self:end}.flux-root .settings-row__control--wrap{flex-wrap:wrap;justify-content:flex-end}.flux-root .settings-row__control[data-disabled=true]{opacity:.45;pointer-events:none}.flux-root .u-switch{width:40px;height:22px;border-radius:var(--radius-pill);background:var(--bg-elev-2);border:1px solid var(--border-strong);padding:2px;cursor:pointer;display:flex;align-items:center;transition:background var(--t-fast) var(--ease-out);flex-shrink:0}.flux-root .u-switch__knob{width:16px;height:16px;border-radius:50%;background:var(--fg);transition:transform var(--t-fast) var(--ease-out)}.flux-root .u-switch--on{background:var(--accent);border-color:transparent}.flux-root .u-switch--on .u-switch__knob{transform:translate(18px);background:var(--accent-fg)}.flux-root .settings-stub{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-7) var(--pad);border-radius:var(--radius-md);background:var(--bg-elev);color:var(--fg-muted);text-align:center;font-size:var(--fs-sm)}.flux-root .set-card,.flux-root .settings-list,.flux-root .conn{display:flex;flex-direction:column}.flux-root .set-card--pad{display:block}.flux-root .set-card__row{padding:var(--space-4) 0;border-bottom:1px solid var(--border)}.flux-root .set-card__row:last-child{border-bottom:0}.flux-root .conn__row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:var(--space-3)}.flux-root .conn__row-text{min-width:0}.flux-root .conn__row-label{font:500 var(--fs-base) / 1.2 var(--font-body)}.flux-root .conn__row-sub{font-size:var(--fs-xs);color:var(--fg-muted);margin-top:2px}.flux-root .conn__row-actions{display:flex;align-items:center;gap:var(--space-2)}.flux-root .admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.flux-root .admin-stat{background:var(--bg-elev);border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.flux-root .admin-stat__value{font:700 var(--fs-2xl) / 1 var(--font-display);color:var(--fg)}.flux-root .admin-stat__label{margin-top:var(--space-2);font-size:var(--fs-xs);color:var(--fg-muted);letter-spacing:.02em}.flux-root .admin-row--off{opacity:.55}.flux-root .admin-quota{border:0;background:transparent;padding:2px 6px;margin:-2px;border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--fg-muted);white-space:nowrap;cursor:pointer;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.flux-root .admin-quota:hover{background:var(--bg-elev-2);color:var(--fg)}.flux-root .conn__row-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--bg-elev-2);color:var(--fg-muted);flex:none}.flux-root .conn__flow{margin-top:var(--space-3);padding:var(--space-3);background:var(--bg-elev-2);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--space-2)}.flux-root .conn__flow-step{display:flex;flex-direction:column;gap:2px;font-size:var(--fs-sm)}.flux-root .conn__flow-step a{color:var(--accent);text-decoration:none;word-break:break-all}.flux-root .conn__flow-step a:hover{text-decoration:underline}.flux-root .conn__flow-code{font:700 var(--fs-lg) / 1 var(--font-mono);letter-spacing:.08em;color:var(--fg)}.flux-root .conn__flow-hint{font-size:var(--fs-xs);color:var(--fg-dim)}.flux-root .conn__error{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:color-mix(in oklab,var(--danger) 18%,transparent);color:var(--danger);font-size:var(--fs-sm)}.flux-root .conn__manual{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.flux-root .conn__manual-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.flux-root .conn__input{height:36px;padding:0 var(--space-3);background:var(--bg-soft);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--fg);font:500 var(--fs-base) / 1 var(--font-body);outline:0;min-width:0;transition:border-color var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out)}.flux-root select.conn__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--space-6);background-image:linear-gradient(45deg,transparent 50%,var(--fg-dim) 50%),linear-gradient(135deg,var(--fg-dim) 50%,transparent 50%);background-position:right calc(var(--space-3) + 4px) center,right var(--space-3) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer}.flux-root .conn__input:hover{border-color:var(--fg-faint)}.flux-root .conn__input:focus{border-color:var(--accent);background:var(--bg)}.flux-root .conn__input::placeholder{color:var(--fg-dim)}.flux-root .conn-share{display:flex;flex-direction:column;gap:var(--space-3)}.flux-root .conn-share__hint{margin:0;font-size:var(--fs-sm);color:var(--fg-muted);line-height:1.4}.flux-root .conn-share__list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.flux-root .conn-share__chip{display:inline-flex;align-items:center;gap:var(--space-2);max-width:240px;padding:3px 3px 3px 4px;border-radius:var(--radius-pill);background:var(--bg-elev-2)}.flux-root .conn-share__chip-name{font:500 var(--fs-sm) / 1.2 var(--font-body);min-width:0}.flux-root .conn-share__remove{display:grid;place-items:center;width:20px;height:20px;border:0;border-radius:50%;background:transparent;color:var(--fg-faint);cursor:pointer}.flux-root .conn-share__remove:hover{color:var(--danger, hsl(0 60% 55%));background:var(--bg-elev)}.flux-root .conn-share__results{display:flex;flex-direction:column;gap:2px;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-1)}.flux-root .conn-share__result{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;color:inherit;text-align:left;cursor:pointer}.flux-root .conn-share__result:hover{background:var(--bg-elev)}.flux-root .conn-share__result:disabled{opacity:.5;cursor:default}.flux-root .conn-share__result .u-avatar{flex-shrink:0}.flux-root .conn-share__result-text{flex:1;min-width:0}.flux-root .conn-share__sub{display:block;font-size:var(--fs-xs);color:var(--fg-muted)}.flux-root .conn-share__empty{padding:var(--space-2);font-size:var(--fs-sm);color:var(--fg-muted)}.flux-root .conn__tidal-sync{display:flex;flex-direction:column}.flux-root .invite-form{display:grid;grid-template-columns:1fr 110px 110px 130px auto;gap:var(--space-2);align-items:center}@media(max-width:720px){.flux-root .invite-form{grid-template-columns:1fr}}.flux-root .acct{display:grid;grid-template-columns:120px 1fr;gap:var(--space-5);align-items:start}@media(max-width:720px){.flux-root .acct{grid-template-columns:1fr}}.flux-root .acct__avatar{position:relative;display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.flux-root .acct__avatar-pic{position:relative;width:120px;height:120px;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--accent),color-mix(in oklab,var(--accent) 50%,#fff));color:var(--accent-fg);font:700 32px / 1 var(--font-display);display:grid;place-items:center;overflow:hidden}.flux-root .acct__avatar-pic img{width:100%;height:100%;object-fit:cover}.flux-root .acct__avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);border:0;background:#0000008c;color:#fff;font:600 var(--fs-xs) / 1 var(--font-body);cursor:pointer;opacity:0;transition:opacity var(--t-fast) var(--ease-out)}.flux-root .acct__avatar:hover .acct__avatar-overlay,.flux-root .acct__avatar-overlay:focus-visible{opacity:1}.flux-root .acct__avatar-remove{position:absolute;top:5px;right:5px;width:26px;height:26px;border-radius:50%;border:0;background:#0009;color:#fff;display:grid;place-items:center;cursor:pointer;opacity:0;z-index:2;transition:opacity var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out)}.flux-root .acct__avatar:hover .acct__avatar-remove,.flux-root .acct__avatar-remove:focus-visible{opacity:1}.flux-root .acct__avatar-remove:hover{background:var(--danger)}.flux-root .acct__fields{display:flex;flex-direction:column;gap:0}.flux-root .acct__readonly{color:var(--fg-muted);font-size:var(--fs-sm)}.flux-root .eq-bands{display:grid;grid-template-columns:repeat(10,1fr);gap:var(--space-2);padding:var(--space-4) 0}.flux-root .eq-bands--off{opacity:.5;pointer-events:none}.flux-root .eq-band{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);font:500 var(--fs-xs) / 1 var(--font-mono);color:var(--fg-muted)}.flux-root .eq-band__val{width:100%;text-align:center;color:var(--fg)}.flux-root .eq-band__slider{writing-mode:vertical-lr;direction:rtl;width:22px;height:140px;accent-color:var(--accent);cursor:pointer}.flux-root .eq-band__freq{color:var(--fg-dim)}.flux-root .acct__storage{display:flex;flex-direction:column;gap:var(--space-2)}.flux-root .acct__storage-bar{height:6px;background:var(--bg-elev-2);border-radius:var(--radius-pill);overflow:hidden}.flux-root .acct__storage-fill{height:100%;background:linear-gradient(90deg,var(--accent),color-mix(in oklab,var(--accent) 50%,#fff))}.flux-root .acct__storage-meta{display:flex;justify-content:space-between;font:500 var(--fs-xs) / 1 var(--font-mono);color:var(--fg-dim)}@media(max-width:540px){.flux-root .settings{grid-template-columns:1fr}}.flux-root .settings-note{margin-bottom:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:color-mix(in oklab,var(--accent) 10%,transparent);border:1px solid color-mix(in oklab,var(--accent) 25%,transparent);color:var(--fg);font-size:var(--fs-sm)}.flux-root .settings-note code{font:500 var(--fs-xs) / 1 var(--font-mono);background:var(--bg-peek);padding:2px 6px;border-radius:var(--radius-sm)}.flux-root .hls-admin{display:flex;flex-direction:column;gap:var(--space-3)}.flux-root .hls-admin__bar{height:8px;border-radius:var(--radius-pill);background:var(--border-strong);overflow:hidden}.flux-root .hls-admin__bar-fill{height:100%;border-radius:var(--radius-pill);background:var(--accent);transition:width var(--t-base) var(--ease-out)}.flux-root .hls-admin__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.flux-root .hls-admin__caption{font-size:var(--fs-sm);color:var(--fg-muted)}.flux-root .hls-admin__hint{margin:0;font-size:var(--fs-xs);line-height:1.5;color:var(--fg-faint)}.flux-root{position:relative;display:grid;grid-template-rows:var(--titlebar-h) 1fr var(--player-h);height:100vh;background:var(--bg);color:var(--fg);overflow:hidden}.flux-root .as-main{display:grid;gap:var(--gutter);padding:0 var(--gutter) var(--gutter);min-height:0;min-width:0;position:relative;--np-col: 32px;--np-anim: .52s;transition:grid-template-columns var(--t-slow) var(--ease-out)}.flux-root .as-main:has(.np--collapsed){transition-duration:var(--np-anim)}.flux-root .as-main:has(.np--collapsed:hover){--np-col: 68px}.flux-root .as-main--hidden{visibility:hidden}.flux-root .as-main--resizing{transition:none}.flux-root .as-main--resizing,.flux-root .as-main--resizing *{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.flux-root .as-resizer{position:absolute;top:0;bottom:0;width:8px;z-index:8;cursor:col-resize}.flux-root .as-resizer--left{transform:translate(-50%)}.flux-root .as-resizer--right{transform:translate(50%)}.flux-root .as-resizer:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background:transparent;border-radius:var(--radius-pill);transition:background var(--t-fast) var(--ease-out)}.flux-root .as-resizer:hover:after,.flux-root .as-main--resizing .as-resizer:after{background:var(--accent)}.flux-root .as-panel{position:relative;display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--bg-panel);border-radius:var(--radius-lg);overflow:hidden}.flux-root .as-banner{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:120;display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:var(--radius-pill);border:0;font:600 var(--fs-sm) / 1 var(--font-body);cursor:pointer;box-shadow:0 12px 30px -10px color-mix(in oklab,var(--bg) 80%,black);animation:as-banner-drop var(--t-base) var(--ease-out)}@keyframes as-banner-drop{0%{opacity:0;transform:translate(-50%,-8px)}}.flux-root .as-banner--control{background:var(--accent);color:var(--accent-fg)}.flux-root .as-banner--play{background:var(--fg);color:var(--bg)}.flux-root .as-banner:hover{filter:brightness(1.06)}.flux-root .as-banner--connect{background:var(--accent);color:var(--accent-fg);cursor:default}.flux-root .as-banner--connect:hover{filter:none}.flux-root .as-banner__act{border:0;border-radius:var(--radius-pill);padding:4px 10px;font:600 var(--fs-xs) / 1 var(--font-body);background:color-mix(in oklab,var(--accent-fg) 16%,transparent);color:var(--accent-fg);cursor:pointer}.flux-root .as-banner__act:hover{background:color-mix(in oklab,var(--accent-fg) 28%,transparent)}.flux-root .as-banner__act--icon{display:inline-flex;align-items:center;padding:4px 6px}@media(pointer:coarse)and (max-width:768px){.flux-root{grid-template-rows:var(--titlebar-h) 1fr auto;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/geist-latin-300-normal-FJSXOZHt.woff2) format("woff2"),url(/assets/geist-latin-300-normal-BNru-ocM.woff) format("woff")}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geist-latin-400-normal-B40WzpMT.woff2) format("woff2"),url(/assets/geist-latin-400-normal-cWY99Cna.woff) format("woff")}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/geist-latin-500-normal-CTWBw9NS.woff2) format("woff2"),url(/assets/geist-latin-500-normal-CHEM4JuE.woff) format("woff")}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/geist-latin-600-normal-CSETrqM2.woff2) format("woff2"),url(/assets/geist-latin-600-normal-BeQEdSAO.woff) format("woff")}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/geist-latin-700-normal-CFi8mLqe.woff2) format("woff2"),url(/assets/geist-latin-700-normal-RGxhsL9r.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geist-mono-latin-400-normal-DKaoCDn5.woff2) format("woff2"),url(/assets/geist-mono-latin-400-normal-BXAprPdR.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/geist-mono-latin-500-normal-C3sF8Y1B.woff2) format("woff2"),url(/assets/geist-mono-latin-500-normal-YfPbDI_o.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/geist-mono-latin-600-normal-BHzjB6_C.woff2) format("woff2"),url(/assets/geist-mono-latin-600-normal-C5fp8g0r.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-latin-300-normal-BVlfKGgI.woff2) format("woff2"),url(/assets/inter-latin-300-normal-i8F0SvXL.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff")}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fraunces-latin-400-normal-6IfK1voy.woff2) format("woff2"),url(/assets/fraunces-latin-400-normal-NUPT2cO8.woff) format("woff")}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fraunces-latin-500-normal-DnGCNyPD.woff2) format("woff2"),url(/assets/fraunces-latin-500-normal-BTR4KCeb.woff) format("woff")}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fraunces-latin-600-normal-BFCDtZfi.woff2) format("woff2"),url(/assets/fraunces-latin-600-normal-DL5QCzvS.woff) format("woff")}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fraunces-latin-700-normal-CEOla-zY.woff2) format("woff2"),url(/assets/fraunces-latin-700-normal-DTjk5d1Q.woff) format("woff")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bricolage-grotesque-latin-400-normal-A6LyuA6R.woff2) format("woff2"),url(/assets/bricolage-grotesque-latin-400-normal-D89K-qEP.woff) format("woff")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/bricolage-grotesque-latin-500-normal-DEDBoLFO.woff2) format("woff2"),url(/assets/bricolage-grotesque-latin-500-normal-CV-uA8Lw.woff) format("woff")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/bricolage-grotesque-latin-600-normal-nxTgbNFE.woff2) format("woff2"),url(/assets/bricolage-grotesque-latin-600-normal-Bw0J83-2.woff) format("woff")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/bricolage-grotesque-latin-700-normal-gtcctNPv.woff2) format("woff2"),url(/assets/bricolage-grotesque-latin-700-normal-DvJDmrLu.woff) format("woff")}@font-face{font-family:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2) format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.woff) format("woff")}@font-face{font-family:"Instrument Serif";font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2) format("woff2"),url(/assets/instrument-serif-latin-400-italic-u__WvvIK.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-latin-500-normal-BWZEU5yA.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-500-normal-CJOVTJB7.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/jetbrains-mono-latin-600-normal-C8RAYTDA.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-600-normal-BfsvjouI.woff) format("woff")}@font-face{font-family:SpotifyMixUITitle;font-display:swap;src:url(/fonts/spotify/SpotifyMixUITitleVariable-8769ccfde3379b7ebcadd9529b49d0cc.woff2) format("woff2")}@font-face{font-family:SpotifyMixUITitle;font-weight:700;font-display:swap;src:url(/fonts/spotify/SpotifyMixUITitle-Bold-37290f1de77f297fcc26d71e9afcf43f.woff2) format("woff2")}@font-face{font-family:SpotifyMixUITitle;font-weight:800;font-display:swap;src:url(/fonts/spotify/SpotifyMixUITitle-Extrabold-ba6c73cd7f82c81e49cf2204017803ed.woff2) format("woff2")}@font-face{font-family:SpotifyMixUI;font-display:swap;src:url(/fonts/spotify/SpotifyMixUI-Regular-cc3b1de388efa4cbca6c75cebc24585e.woff2) format("woff2")}@font-face{font-family:SpotifyMixUI;font-weight:700;font-display:swap;src:url(/fonts/spotify/SpotifyMixUI-Bold-4264b799009b1db5c491778b1bc8e5b7.woff2) format("woff2")}:root{--accent: oklch(.72 .15 240);--accent-soft: oklch(.72 .15 240 / .16);--accent-fg: oklch(.98 .01 240);--pad: 24px;--card-radius: 22px;--grid-gap: 22px;--grid-min: 180px;--bg: oklch(.14 .012 270);--bg-soft: oklch(.17 .012 270);--surface: oklch(.21 .012 270);--surface-2: oklch(.255 .012 270);--surface-hi: oklch(.3 .012 270);--line: oklch(.32 .012 270 / .45);--line-soft: oklch(.32 .012 270 / .22);--text: oklch(.97 .005 270);--text-2: oklch(.78 .01 270);--text-3: oklch(.58 .012 270);--text-4: oklch(.42 .012 270);--shadow-lg: 0 30px 60px -20px oklch(.05 .01 270 / .6);--shadow-md: 0 10px 30px -10px oklch(.05 .01 270 / .4)}[data-theme=light]{--bg: oklch(.985 .004 270);--bg-soft: oklch(.965 .006 270);--surface: oklch(1 0 0);--surface-2: oklch(.965 .006 270);--surface-hi: oklch(.94 .008 270);--line: oklch(.84 .008 270 / .6);--line-soft: oklch(.84 .008 270 / .35);--text: oklch(.2 .01 270);--text-2: oklch(.42 .01 270);--text-3: oklch(.55 .01 270);--text-4: oklch(.7 .01 270);--shadow-lg: 0 30px 60px -20px oklch(.4 .02 270 / .18);--shadow-md: 0 10px 30px -10px oklch(.4 .02 270 / .12)}[data-density=cozy]{--pad: 18px;--card-radius: 18px;--grid-gap: 16px;--grid-min: 160px}[data-density=compact]{--pad: 12px;--card-radius: 14px;--grid-gap: 12px;--grid-min: 140px}html,body{margin:0;padding:0;background:var(--bg);color:var(--text)}body{font-family:Geist,-apple-system,system-ui,sans-serif;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}*{box-sizing:border-box}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit}::selection{background:var(--accent-soft);color:var(--text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--surface-hi);border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--text-4);background-clip:padding-box;border:2px solid transparent}::-webkit-scrollbar-track{background:transparent}.media-card{transition:transform .2s cubic-bezier(.2,.8,.2,1)}.media-card:hover{transform:scale(1.04);transform-origin:top center;z-index:1}.noscroll{scrollbar-width:none}.noscroll::-webkit-scrollbar{width:0;height:0;display:none}.mono{font-family:Geist Mono,ui-monospace,monospace;font-feature-settings:"tnum"}.serif{font-family:var(--font-serif, "Instrument Serif", Georgia, serif);font-style:var(--font-serif-style, italic);font-weight:var(--font-serif-weight, 400)}.row{display:flex;align-items:center;gap:12px}.col{display:flex;flex-direction:column}.grow{flex:1 1 auto;min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes playingBars{0%,to{transform:scaleY(.32)}50%{transform:scaleY(1)}}@keyframes playingDot{0%,to{transform:scale(.7);opacity:.55}50%{transform:scale(1);opacity:1}}@keyframes playingWaveScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}#root,.app-root{width:100vw;height:100vh}.flux-root{--bg: #000000;--panel-base: 18;--bg-panel: hsl(0, 0%, calc(var(--panel-base) * .4%));--bg-elev: hsl(0, 0%, calc(var(--panel-base) * .62%));--bg-elev-2: hsl(0, 0%, calc(var(--panel-base) * .9%));--bg-peek: rgba(255, 255, 255, .1);--fg: #ffffff;--fg-muted: #b3b3b3;--fg-dim: #a7a7a7;--fg-faint: #6a6a6a;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .12);--accent: #c9a87c;--accent-fg: #000000;--accent-soft: color-mix(in oklab, var(--accent) 16%, transparent);--accent-hi: #d6bb93;--pill-bg: rgba(255, 255, 255, .07);--pill-bg-hover: rgba(255, 255, 255, .12);--pill-fg: var(--fg);--pill-on-bg: var(--brand-fill);--pill-on-bg-hover: color-mix(in oklab, var(--brand-fill) 84%, #fff 16%);--pill-on-fg: var(--fg);--danger: #ff5577;--warn: #f5b042;--ok: #7af0c0;--brand-tidal: #000000;--brand-spotify: #1db954;--radius: 8px;--radius-sm: max(4px, calc(var(--radius) - 4px));--radius-md: var(--radius);--radius-lg: calc(var(--radius) + 4px);--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 22px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--gap: var(--space-4);--pad: var(--space-5);--gutter: 6px;--titlebar-h: 64px;--player-h: 80px;--row-h: 56px;--font-display: "SpotifyMixUITitle", "SpotifyMixUI", "Inter", ui-sans-serif, system-ui, sans-serif;--font-body: "SpotifyMixUI", "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", "Geist Mono", ui-monospace, monospace;--fs-scale: 1;--fs-xs: calc(11px * var(--fs-scale));--fs-sm: calc(12px * var(--fs-scale));--fs-base: calc(13.5px * var(--fs-scale));--fs-md: calc(14px * var(--fs-scale));--fs-lg: calc(16px * var(--fs-scale));--fs-xl: calc(20px * var(--fs-scale));--fs-2xl: calc(28px * var(--fs-scale));--fs-3xl: calc(44px * var(--fs-scale));--fs-display: calc(60px * var(--fs-scale));--shadow-1: 0 1px 2px rgba(0, 0, 0, .3);--shadow-2: 0 4px 16px rgba(0, 0, 0, .4);--shadow-3: 0 12px 32px rgba(0, 0, 0, .5);--ease-out: cubic-bezier(.2, .7, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--t-fast: .12s;--t-base: .18s;--t-slow: .32s;--card-bg: var(--bg-elev);--card-border: var(--border);--card-shadow: none}.flux-root.density-compact{--gap: var(--space-3);--pad: var(--space-4);--row-h: 46px;--cover-w: 156px}.flux-root.density-regular{--gap: var(--space-4);--pad: var(--space-5);--row-h: 56px;--cover-w: 178px}.flux-root.density-comfy{--gap: var(--space-5);--pad: var(--space-6);--row-h: 64px;--cover-w: 200px}.flux-root.density-gallery{--gap: var(--space-2);--pad: var(--space-5);--row-h: 56px;--cover-w: 204px}.flux-root.card-flat{--card-bg: var(--bg-elev);--card-border: var(--border);--card-shadow: none}.flux-root.card-glass{--card-bg: rgba(255,255,255,.04);--card-border: rgba(255,255,255,.08);--card-shadow: none}.flux-root.card-raised{--card-bg: var(--bg-elev-2);--card-border: transparent;--card-shadow: 0 4px 20px rgba(0,0,0,.5), 0 0 0 .5px rgba(255,255,255,.06)}.flux-root{background:var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color-scheme:dark}.flux-root,.flux-root *,.flux-root *:before,.flux-root *:after{box-sizing:border-box}.u-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:36px;padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--fg);font:500 var(--fs-base) / 1 var(--font-body);cursor:pointer;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out);-webkit-user-select:none;user-select:none}.u-btn:disabled{opacity:.45;cursor:default}.u-btn:active:not(:disabled){transform:scale(.97)}.u-btn--primary{background:var(--accent);color:var(--accent-fg)}.u-btn--primary:hover:not(:disabled){background:var(--accent-hi)}.u-btn--ghost{background:transparent;color:var(--fg);border-color:var(--border-strong)}.u-btn--ghost:hover:not(:disabled){background:var(--bg-elev);border-color:var(--fg-faint)}.u-btn--subtle{background:var(--bg-elev);color:var(--fg-muted)}.u-btn--subtle:hover:not(:disabled){background:var(--bg-elev-2);color:var(--fg)}.u-btn--danger{background:transparent;color:var(--danger);border-color:color-mix(in oklab,var(--danger) 40%,transparent)}.u-btn--danger:hover:not(:disabled){background:color-mix(in oklab,var(--danger) 16%,transparent)}.u-btn--sm{height:28px;padding:0 var(--space-3);font-size:var(--fs-sm)}.u-btn--lg{height:44px;padding:0 var(--space-5);font-size:var(--fs-md)}.u-iconbtn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-pill);background:transparent;color:var(--fg-muted);border:0;padding:0;cursor:pointer;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out);flex-shrink:0;position:relative}.flux-root .u-iconbtn svg,.flux-root .u-playbtn svg{display:block}.u-iconbtn:hover:not(:disabled){color:var(--fg);background:var(--bg-elev)}.u-iconbtn:disabled{opacity:.4;cursor:default}.u-iconbtn--active,.u-iconbtn--on{color:var(--accent)}.u-iconbtn--sm{width:28px;height:28px}.u-iconbtn--lg{width:44px;height:44px}.u-iconbtn__dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);pointer-events:none}.flux-root .u-explicit{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:16px;height:16px;margin-right:6px;border-radius:var(--radius-sm);background:var(--bg-peek);color:var(--fg-muted);font:700 9px/1 var(--font-mono);align-self:center;vertical-align:middle}.u-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--card-shadow)}.u-card--padded{padding:var(--pad)}.u-card--hover{transition:background var(--t-base) var(--ease-out),transform var(--t-base) var(--ease-out);cursor:pointer}.u-card--hover:hover{background:var(--bg-elev-2)}.u-chip{display:inline-flex;align-items:center;gap:var(--space-1);height:32px;padding:0 var(--space-3);background:var(--pill-bg);color:var(--pill-fg);border:0;border-radius:var(--radius-pill);font:500 var(--fs-sm) / 1 var(--font-body);cursor:pointer;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.u-chip:hover{background:var(--pill-bg-hover);transform:scale(1.03)}.u-chip--active{background:var(--pill-on-bg);color:var(--pill-on-fg)}.u-chip--active:hover{background:var(--pill-on-bg-hover)}.u-section{display:flex;flex-direction:column;gap:0}.u-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.u-section__head-lead{display:inline-flex;align-items:center;gap:var(--space-2)}.u-section__title{font:600 var(--fs-xl) / 1.2 var(--font-display);letter-spacing:-.01em;color:var(--fg)}.u-section__title--link{display:inline-flex;align-items:center;gap:var(--space-1);padding:0;border:0;background:transparent;cursor:pointer}.u-section__title--link svg{color:var(--fg-faint);transition:transform var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.u-section__title--link:hover svg{color:var(--fg);transform:translate(2px)}.u-section__action{color:var(--fg-muted);font:500 var(--fs-sm) / 1 var(--font-body);cursor:pointer;background:transparent;border:0;padding:0}.u-section__action:hover{color:var(--fg)}.u-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(var(--cover-w, 178px),1fr);gap:var(--gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:var(--space-2);margin-inline:calc(-1 * var(--space-3));scroll-padding-left:var(--space-3)}.u-rail::-webkit-scrollbar{display:none}.u-rail>*{scroll-snap-align:start}.flux-root .screen__grid:has(.u-tile),.flux-root .grid-auto:has(.u-tile),.flux-root .u-rail:has(.u-tile){gap:0}.flux-root *::-webkit-scrollbar{width:0;height:0;display:none}.flux-root *{scrollbar-width:none}.u-vscroll{min-height:0;overflow-x:hidden;overflow-y:auto}.u-sheet{display:flex;flex-direction:column;height:100%;background:var(--bg-panel);border-radius:var(--radius-lg)}.u-sheet__head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--pad);border-bottom:1px solid var(--border)}.u-sheet__title{flex:1;font:600 var(--fs-md) / 1 var(--font-display)}.u-sheet__body{flex:1;min-height:0;padding:var(--pad);overflow-y:auto}.u-cover{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-elev);aspect-ratio:1 / 1}.u-cover__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(135deg,var(--bg-elev),var(--bg-elev-2));color:var(--fg-faint)}.u-cover__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity var(--t-base) var(--ease-out)}.u-cover--round{border-radius:var(--radius-pill)}.u-cover--liked{display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in oklab,var(--brand-deep, #1f3a3a) 64%,#fff) 0%,var(--brand-deep, #1f3a3a) 100%);color:var(--brand-surface, #f2ede3)}.u-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);min-height:var(--row-h);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--fg);cursor:pointer;transition:background var(--t-fast) var(--ease-out)}.u-row:hover{background:var(--bg-peek)}.u-row--playing{color:var(--text-hot)}.u-row--active{background:var(--brand-tint)}.u-avatar{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--accent),color-mix(in oklab,var(--accent) 50%,#fff));color:var(--accent-fg);font:600 var(--fs-xs) / 1 var(--font-display);flex-shrink:0;-webkit-user-select:none;user-select:none;overflow:hidden}.u-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.u-qchip{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;height:16px;padding:0 6px;border-radius:var(--radius-sm);background:var(--bg-elev-2);color:var(--fg-muted);font:600 9px / 1 var(--font-mono);letter-spacing:.03em;text-transform:uppercase}.u-qchip--active{background:var(--accent);color:var(--accent-fg)}.u-qchip--md{height:22px;padding:0 9px;font-size:10px}.u-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--fg-muted);font:600 var(--fs-xs) / 1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.u-eyebrow-sep{width:3px;height:3px;border-radius:50%;background:var(--fg-faint);display:inline-block}.u-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.flux-root .u-tile{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:transparent;border:0;border-radius:var(--radius-md);color:inherit;cursor:pointer;text-align:left;min-width:0;transition:background var(--t-base) var(--ease-out)}.flux-root .u-tile:hover{background:var(--bg-elev)}.flux-root.card-glass .u-tile,.flux-root.card-raised .u-tile{background:var(--card-bg);border:1px solid var(--card-border)}.flux-root.card-glass .u-tile{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.flux-root.card-raised .u-tile{border-color:transparent;box-shadow:var(--card-shadow)}.flux-root .u-tile__cov{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-md);overflow:hidden}.flux-root .u-tile__cov .u-cover{width:100%;height:100%}.flux-root .u-tile__overlay{position:absolute;left:0;right:0;top:0;padding:var(--space-2) var(--space-2) var(--space-5);background:linear-gradient(rgba(0,0,0,.72),transparent);color:#fff;font:600 var(--fs-sm) / 1.2 var(--font-body);opacity:0;transition:opacity var(--t-fast) var(--ease-out)}.flux-root .u-tile--cover:hover .u-tile__overlay{opacity:1}.flux-root .u-playbtn{position:absolute;right:var(--space-2);bottom:var(--space-2);z-index:2;width:40px;height:40px;border:0;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-fg);display:grid;place-items:center;cursor:pointer;opacity:0;transform:translateY(8px) scale(1);transition:opacity var(--t-base) var(--ease-out),transform var(--t-base) var(--ease-out);box-shadow:var(--shadow-2)}.flux-root .u-tile:hover .u-playbtn,.flux-root .lp__card:hover .u-playbtn,.flux-root .room-card:hover .u-playbtn{opacity:1;transform:translateY(0) scale(1)}.flux-root .u-tile:hover .u-playbtn:hover,.flux-root .lp__card:hover .u-playbtn:hover,.flux-root .room-card:hover .u-playbtn:hover{transform:translateY(0) scale(1.06)}.flux-root .u-tile:hover .u-playbtn:active,.flux-root .lp__card:hover .u-playbtn:active,.flux-root .room-card:hover .u-playbtn:active{transform:translateY(0) scale(.98)}.flux-root .u-playbtn,.flux-root .inline-tile__play,.flux-root .pb__play,.flux-root .hero__play,.flux-root .hero__sticky-play{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flux-root .u-tile__title{font:600 var(--fs-base) / 1.3 var(--font-body);color:var(--fg)}.flux-root .u-tile__sub{display:flex;align-items:center;font-size:var(--fs-xs);color:var(--fg-muted)}.flux-root .u-tile__badge{position:absolute;right:var(--space-2);bottom:var(--space-2);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--bg) 70%,transparent);color:var(--fg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #00000059;pointer-events:none}.flux-root .u-tile__badge--on{background:var(--accent);color:var(--accent-fg)}.flux-root .u-tile__badge[role=button]{pointer-events:auto;cursor:pointer;transition:transform var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out)}.flux-root .u-tile__badge[role=button]:hover{transform:scale(1.08)}.flux-root .u-slider{--slider-h: 4px;position:relative;height:var(--slider-h);width:100%;border-radius:var(--radius-pill);background:var(--border-strong);cursor:pointer;-webkit-user-select:none;user-select:none}.flux-root .u-slider__fill{position:absolute;border-radius:var(--radius-pill);background:var(--fg);transition:background var(--t-fast) var(--ease-out)}.flux-root .u-slider__thumb{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--text);box-shadow:0 1px 5px #0006;opacity:0;transition:opacity var(--t-fast) var(--ease-out);pointer-events:none}.flux-root .u-slider:hover .u-slider__thumb,.flux-root .u-slider--dragging .u-slider__thumb{opacity:1}.flux-root .u-slider:hover .u-slider__fill,.flux-root .u-slider--dragging .u-slider__fill{background:var(--accent)}.flux-root .u-slider--vertical{width:var(--slider-h);height:96px}.flux-root .u-slider--disabled{opacity:.4;cursor:default;pointer-events:none}.flux-root .ctx-menu{position:fixed;min-width:220px;max-width:280px;padding:var(--space-1);background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 16px 24px #0000004d,0 6px 8px #0003;z-index:200;display:flex;flex-direction:column;gap:2px;animation:ctx-in .12s var(--ease-out)}@keyframes ctx-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.flux-root .ctx-menu__header{padding:var(--space-1) var(--space-3) var(--space-2);font:600 var(--fs-xs) / 1 var(--font-mono);color:var(--fg-dim);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--border);margin-bottom:var(--space-1)}.flux-root .ctx-menu__sep{height:1px;background:var(--border);margin:var(--space-1) 0}.flux-root .ctx-menu__eyebrow{padding:var(--space-2) var(--space-3) var(--space-1)}.flux-root .ctx-menu__item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:0;border-radius:var(--radius-sm);color:var(--fg);font:500 var(--fs-base) / 1 var(--font-body);cursor:pointer;text-align:left;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.flux-root .ctx-menu__item:hover:not(:disabled){background:var(--bg-peek)}.flux-root .ctx-menu__item:focus-visible{background:var(--bg-peek);outline:0}.flux-root .ctx-menu__item--danger{color:var(--danger)}.flux-root .ctx-menu__item--disabled{opacity:.4;cursor:default}.flux-root .ctx-menu__icon{display:grid;place-items:center;color:var(--fg-muted);flex-shrink:0}.flux-root .ctx-menu__item--danger .ctx-menu__icon{color:var(--danger)}.flux-root .ctx-menu__label{flex:1}.flux-root .ctx-menu__shortcut{font:500 var(--fs-xs) / 1 var(--font-mono);color:var(--fg-dim)}.flux-root .ctx-menu__check{display:grid;place-items:center;color:var(--accent)}.flux-root .ctx-menu__caret{display:grid;place-items:center;color:var(--fg-dim);margin-left:var(--space-2)}.flux-root .ctx-menu__item--has-sub{position:relative;display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--fg);font:500 var(--fs-base) / 1 var(--font-body);cursor:pointer}.flux-root .ctx-menu__item--has-sub:hover{background:var(--bg-peek)}.flux-root .ctx-menu__sub{position:absolute;top:-5px;left:calc(100% + 4px);min-width:240px;max-width:320px;max-height:min(60vh,420px);overflow-y:auto;padding:var(--space-1);background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 16px 24px #0000004d,0 6px 8px #0003;display:none}.flux-root .ctx-menu__sub--left{left:auto;right:calc(100% + 4px)}.flux-root .ctx-menu__item--has-sub:hover>.ctx-menu__sub{display:block}.flux-root .ctx-menu__sub--node{padding:0;max-height:none;overflow:visible}.flux-root .ctx-pl{display:flex;flex-direction:column;width:248px;max-height:min(60vh,420px);padding:var(--space-1)}.flux-root .ctx-pl__search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);color:var(--fg-muted)}.flux-root .ctx-pl__search input{flex:1;min-width:0;border:0;background:transparent;color:var(--fg);font-size:var(--fs-sm);outline:0}.flux-root .ctx-pl__new{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);border:0;background:transparent;color:var(--fg);font-size:var(--fs-sm);text-align:left;border-radius:var(--radius-sm);cursor:pointer}.flux-root .ctx-pl__new:hover{background:var(--bg-peek)}.flux-root .ctx-pl__create{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2)}.flux-root .ctx-pl__input{border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:var(--radius-sm);padding:var(--space-2);font-size:var(--fs-sm);outline:0}.flux-root .ctx-pl__input:focus{border-color:var(--accent)}.flux-root .ctx-pl__create-row{display:flex;justify-content:flex-end;gap:var(--space-2)}.flux-root .ctx-pl__btn{border:0;background:transparent;color:var(--fg-muted);font-size:var(--fs-sm);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);cursor:pointer}.flux-root .ctx-pl__btn:hover{color:var(--fg)}.flux-root .ctx-pl__btn--go{background:var(--accent);color:var(--accent-fg)}.flux-root .ctx-pl__btn--go:disabled{opacity:.5;cursor:default}.flux-root .ctx-pl__list{display:flex;flex-direction:column;overflow-y:auto;margin-top:var(--space-1);border-top:1px solid var(--border);padding-top:var(--space-1)}.flux-root .ctx-pl__item{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--fg);font-size:var(--fs-sm);padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer}.flux-root .ctx-pl__item:hover{background:var(--bg-peek)}.flux-root .ctx-pl__empty{padding:var(--space-2);color:var(--fg-dim);font-size:var(--fs-xs)}.flux-root .ctx-pe{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.flux-root .ctx-pe__title{font:700 var(--fs-lg) / 1.2 var(--font-display);letter-spacing:-.01em;color:var(--fg)}.flux-root .ctx-pe__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-3) var(--space-5);align-items:start}.flux-root .ctx-pe__field{display:flex;flex-direction:column;gap:6px}.flux-root .ctx-pe__label{font:600 var(--fs-xs) / 1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-faint)}.flux-root .ctx-pe__input{width:100%;height:38px;padding:0 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--fg);font-size:var(--fs-sm);outline:0}.flux-root .ctx-pe__input:focus{border-color:var(--accent)}.flux-root .ctx-pe__textarea{height:auto;min-height:38px;padding:9px 12px;resize:vertical;line-height:1.4;font-family:var(--font-body)}.flux-root .ctx-pe__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.flux-root .ctx-pe__actions{display:flex;gap:var(--space-2)}.flux-root .ctx-pe__btn{height:36px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:0;background:var(--bg-elev);color:var(--fg-muted);font:600 var(--fs-sm) / 1 var(--font-body);cursor:pointer;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.flux-root .ctx-pe__btn:hover{color:var(--fg)}.flux-root .ctx-pe__btn:active{transform:scale(.97)}.flux-root .ctx-pe__btn--go{background:var(--accent);color:var(--accent-fg)}.flux-root .ctx-pe__btn--go:disabled{opacity:.5;cursor:default}.flux-root .ctx-pe__btn--go:not(:disabled):hover{background:var(--accent-hi)}.flux-root .ctx-pe__toggle{display:flex;align-items:center;gap:var(--space-2);background:transparent;border:0;color:var(--fg-muted);font-size:var(--fs-sm);cursor:pointer}.flux-root .ctx-pe__toggle--on{color:var(--fg)}.flux-root .pe-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2) var(--space-3)}.flux-root .pe-head__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.flux-root .pe-act{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--bg-elev);border:0;color:var(--fg-muted);font:600 var(--fs-xs) / 1 var(--font-body);cursor:pointer;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.flux-root .pe-act:hover{background:var(--bg-elev-2);color:var(--fg)}.flux-root .pe-act:active{transform:scale(.97)}.flux-root .pe-act:disabled{opacity:.5;cursor:default}.flux-root .pe-act--danger:hover{color:var(--danger)}.flux-root .pe-act:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.flux-root .pe-cover{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.flux-root .pe-cover__tiles{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3)}.flux-root .pe-cover__tile{position:relative;width:112px;display:flex;flex-direction:column;gap:6px;padding:0;background:transparent;border:0;cursor:pointer;text-align:left}.flux-root .pe-cover__tile>img,.flux-root .pe-cover__spin{width:100%;aspect-ratio:1;border-radius:var(--radius-md);object-fit:cover;background:var(--bg-elev);border:2px solid transparent;transition:border-color var(--t-fast) var(--ease-out)}.flux-root .pe-cover__spin{display:grid;place-items:center;color:var(--fg-faint);animation:pe-cover-pulse 1.2s ease-in-out infinite}@keyframes pe-cover-pulse{50%{opacity:.5}}.flux-root .pe-cover__tile--on>img{border-color:var(--accent)}.flux-root .pe-cover__tile:hover>img{border-color:var(--border-strong)}.flux-root .pe-cover__tile:disabled{cursor:default}.flux-root .pe-cover__check{position:absolute;top:6px;right:6px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--accent-fg)}.flux-root .pe-cover__label{font-size:var(--fs-xs);color:var(--fg-muted)}.flux-root .pe-cover__styles{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.flux-root .pe-cover__prompt{margin-bottom:8px}.flux-root .pe-cover__prompt input{width:100%;box-sizing:border-box;padding:7px 10px;border-radius:8px;border:1px solid var(--stroke, rgba(255, 255, 255, .12));background:var(--panel-2, rgba(255, 255, 255, .04));color:var(--text, inherit);font:inherit;font-size:13px}.flux-root .pe-cover__prompt input::placeholder{opacity:.55}.flux-root .pe-cover__style{height:32px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--pill-bg);border:0;color:var(--pill-fg);font:500 var(--fs-sm) / 1 var(--font-body);cursor:pointer;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.flux-root .pe-cover__style:hover{background:var(--pill-bg-hover);transform:scale(1.03)}.flux-root .pe-cover__style--on{background:var(--pill-on-bg);color:var(--pill-on-fg)}.flux-root .pe-cover__style--on:hover{background:var(--pill-on-bg-hover)}.flux-root .pe-cover__tile:focus-visible>img,.flux-root .pe-cover__style:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.flux-root .ctx-pe__knob{position:relative;width:34px;height:20px;flex:none;border-radius:var(--radius-pill);background:var(--bg-peek);transition:background var(--t-fast) var(--ease-out)}.flux-root .ctx-pe__knob:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--fg);transition:transform var(--t-fast) var(--ease-out)}.flux-root .ctx-pe__toggle--on .ctx-pe__knob{background:var(--accent)}.flux-root .ctx-pe__toggle--on .ctx-pe__knob:after{transform:translate(14px);background:var(--accent-fg)}.flux-root .ctx-ti{display:flex;flex-direction:column;width:100%;padding:0}.flux-root .ctx-ti__head{display:flex;align-items:flex-start;gap:var(--space-3);padding:0 0 var(--space-3)}.flux-root .ctx-ti__id{flex:1;min-width:0}.flux-root .ctx-ti__eyebrow{font:600 var(--fs-xs) / 1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-faint)}.flux-root .ctx-ti__title{font:700 var(--fs-lg) / 1.2 var(--font-display);letter-spacing:-.01em;color:var(--fg)}.flux-root .ctx-ti__sub{margin-top:2px;font-size:var(--fs-sm);color:var(--fg-muted)}.flux-root .ctx-ti__radio{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;flex:none;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-fg);font:600 var(--fs-xs) / 1 var(--font-body);border:0;cursor:pointer}.flux-root .ctx-ti__radio:hover{filter:brightness(1.08)}.flux-root .ctx-ti__body{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4) var(--space-6);align-items:start}.flux-root .ctx-ti__group{padding:0;background:transparent;border:0}.flux-root .ctx-ti__group-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--border)}.flux-root .ctx-ti__group-title{font:600 var(--fs-xs) / 1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-faint)}.flux-root .ctx-ti__group-body{display:flex;flex-direction:column;gap:var(--space-2)}.flux-root .ctx-ti__q{font:600 var(--fs-xs) / 1 var(--font-mono);padding:2px 7px;border-radius:var(--radius-sm);background:color-mix(in oklab,var(--accent) 18%,var(--bg-peek));color:var(--fg)}.flux-root .ctx-ti__kv{display:flex;justify-content:space-between;gap:12px;font-size:var(--fs-sm)}.flux-root .ctx-ti__kv-k{color:var(--fg-muted);flex:none}.flux-root .ctx-ti__kv-v{color:var(--fg);text-align:right;max-width:62%}.flux-root .ctx-ti__mono{font-family:var(--font-mono)}.flux-root .ctx-ti__bars{display:flex;flex-direction:column;gap:var(--space-3)}.flux-root .ctx-ti__bar-head{display:flex;justify-content:space-between;font-size:var(--fs-sm);color:var(--fg-muted);margin-bottom:4px}.flux-root .ctx-ti__bar-pct{font-family:var(--font-mono);color:var(--fg)}.flux-root .ctx-ti__bar-track{height:6px;border-radius:3px;background:var(--bg-peek);overflow:hidden}.flux-root .ctx-ti__bar-fill{height:100%;background:var(--accent);border-radius:3px}.flux-root .ctx-ti__chips{display:flex;flex-wrap:wrap;gap:6px}.flux-root .ctx-ti__chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-pill);background:var(--bg-peek);font-size:var(--fs-xs);text-transform:capitalize;color:var(--fg)}.flux-root .ctx-ti__chip-pct{font-family:var(--font-mono);color:var(--fg-muted)}.flux-root .ctx-ti__note{grid-column:1 / -1;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--bg);border:1px dashed var(--border-strong);color:var(--fg-muted);font-size:var(--fs-sm)}.flux-root .ctx-ti__hint{color:var(--fg-muted);font-size:var(--fs-sm);padding:var(--space-1)}.flux-root .ctx-ti__credit{grid-column:1 / -1;font-size:var(--fs-xs);color:var(--fg-faint)}.flux-root .ctx-pe__input:focus-visible,.flux-root .ctx-pe__toggle:focus-visible,.flux-root .ctx-pe__btn:focus-visible,.flux-root .ctx-ti__radio:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.u-source{display:inline-grid;place-items:center;width:14px;height:14px;color:var(--fg-muted);flex-shrink:0}.u-source--tidal{color:color-mix(in oklab,var(--fg) 80%,transparent)}.u-source--spotify{color:var(--brand-spotify)}.flux-root .u-droprow{position:relative}.flux-root .u-droprow--before:before,.flux-root .u-droprow--after:after{content:"";position:absolute;left:var(--space-2);right:var(--space-2);height:2px;border-radius:2px;background:var(--accent);pointer-events:none;z-index:1}.flux-root .u-droprow--before:before{top:-1px}.flux-root .u-droprow--after:after{bottom:-1px}@media(pointer:coarse){.flux-root .u-slider{touch-action:none}.flux-root .u-iconbtn{width:44px;height:44px}.flux-root .u-iconbtn--sm{width:28px;height:28px}.flux-root .u-rail{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.flux-root .ctx-menu__item,.flux-root .ctx-menu__item--has-sub{min-height:44px}}@media(hover:none){.flux-root .u-slider__thumb{opacity:1}}.flux-root{--lm-prog-0: var(--brand-surface);--lm-prog-1: color-mix(in oklab, var(--brand-surface), var(--accent) 50%);--lm-prog-2: var(--accent)}.flux-root .lm{display:inline-block;vertical-align:middle;color:var(--accent);flex:none}.flux-root .lm__arc,.flux-root .lm__track,.flux-root .lm__fill{fill:none;stroke:currentColor;stroke-width:3.4;stroke-linecap:round}.flux-root .lm__core,.flux-root .lm__spark{fill:currentColor}@keyframes lm-ripple{0%{opacity:0;stroke-width:4}25%{opacity:1;stroke-width:3.4}70%{opacity:.25;stroke-width:3}to{opacity:0;stroke-width:3}}@keyframes lm-core-pulse{0%,to{r:3.2;opacity:.9}50%{r:4.4;opacity:1}}.flux-root .lm--loading .lm__arc{opacity:0;stroke:var(--lm-arc, var(--brand-surface))}.flux-root .lm--loading .lm__core{fill:var(--lm-core, var(--accent))}.flux-root .lm--loading .lm__arc1{animation:lm-ripple 1.5s ease-in-out infinite}.flux-root .lm--loading .lm__arc2{animation:lm-ripple 1.5s ease-in-out infinite .25s}.flux-root .lm--loading .lm__arc3{animation:lm-ripple 1.5s ease-in-out infinite .5s}.flux-root .lm--loading .lm__core{animation:lm-core-pulse 1.5s ease-in-out infinite}.flux-root .lm--download .lm__track{opacity:.18}.flux-root .lm--download .lm__core{fill:var(--accent)}.flux-root .lm--download .lm__fill{transition:stroke-dashoffset var(--t-base, .24s) var(--ease-out, ease-out)}.flux-root .lm--download .lm__spark{opacity:0}@keyframes lm-incoming{0%,to{transform:translateY(-1px)}50%{transform:translateY(1px)}}@keyframes lm-sweep{0%{opacity:0}40%{opacity:.9}to{opacity:0}}.flux-root .lm--download.is-active .lm__core{animation:lm-incoming 1s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.flux-root .lm--download.is-active .lm__spark{animation:lm-sweep 1.2s ease-in-out infinite}@keyframes lm-pop{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.flux-root .lm--download.is-done .lm__core{animation:lm-pop .5s ease-out;transform-box:fill-box;transform-origin:center}.flux-root .lm-bar{position:relative;width:100%;height:4px;background:var(--bg-elev-2);border-radius:var(--radius-pill);overflow:hidden}.flux-root .lm-bar__fill{height:100%;border-radius:var(--radius-pill);transition:width var(--t-base, .24s) var(--ease-out, ease-out),background var(--t-base, .24s) var(--ease-out, ease-out)}@keyframes lm-bar-indet{0%{transform:translate(-100%)}to{transform:translate(400%)}}.flux-root .lm-bar--queued{color:var(--accent)}.flux-root .lm-bar--queued:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:25%;border-radius:var(--radius-pill);background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.5;animation:lm-bar-indet 1.4s ease-in-out infinite}.flux-root .lm-wave{display:block;width:100%;height:22px;overflow:visible}.flux-root .lm-wave__track{fill:none;stroke:currentColor;stroke-opacity:.15;stroke-width:3;stroke-linecap:round;color:var(--fg)}.flux-root .lm-wave__fill{fill:none;stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset var(--t-base, .24s) var(--ease-out, ease-out)}@media(prefers-reduced-motion:reduce){.flux-root .lm--loading .lm__arc1,.flux-root .lm--loading .lm__arc2,.flux-root .lm--loading .lm__arc3,.flux-root .lm--loading .lm__core,.flux-root .lm--download.is-active .lm__core,.flux-root .lm--download.is-active .lm__spark,.flux-root .lm--download.is-done .lm__core,.flux-root .lm-bar--queued:after{animation:none}.flux-root .lm--loading .lm__arc{opacity:.6}}.flux-root .ambient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.flux-root .grain{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.1}.flux-root .grain--front{z-index:1}.flux-root .ambient__glow{position:absolute;border-radius:50%;filter:blur(76px);opacity:.06;will-change:transform}.flux-root .ambient__glow--1{top:-15%;left:-10%;width:55%;height:65%;background:radial-gradient(circle,rgb(from var(--accent) r g b / .72),rgb(from var(--accent) r g b / 0) 70%)}.flux-root .ambient__glow--2{right:-12%;bottom:-20%;width:60%;height:70%;background:radial-gradient(circle,rgb(from var(--accent-hi) r g b / .6),rgb(from var(--accent-hi) r g b / 0) 70%)}@media(prefers-reduced-motion:no-preference){.flux-root .ambient__glow--1{animation:ambient-drift-1 52s ease-in-out infinite alternate}.flux-root .ambient__glow--2{animation:ambient-drift-2 64s ease-in-out infinite alternate}}@keyframes ambient-drift-1{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(6%,5%,0) scale(1.15)}}@keyframes ambient-drift-2{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-5%,-6%,0) scale(1.12)}}.flux-root .stars{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.flux-root .shooting-star{position:absolute;height:2px;width:var(--len, 110px);border-radius:999px;transform-origin:left center;background:linear-gradient(90deg,transparent 0%,color-mix(in oklab,var(--accent) 40%,white) 70%,white 100%);filter:drop-shadow(0 0 6px color-mix(in oklab,var(--accent) 50%,white));opacity:0;will-change:transform,opacity;animation-name:shoot;animation-duration:var(--dur, 1.2s);animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:forwards}@keyframes shoot{0%{opacity:0;transform:rotate(var(--angle, 22deg)) translate(0)}12%{opacity:var(--peak, .75)}85%{opacity:var(--peak, .75)}to{opacity:0;transform:rotate(var(--angle, 22deg)) translate(var(--travel, 360px))}}.flux-root .screen{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto}@media(prefers-reduced-motion:no-preference){@keyframes flux-fade-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.flux-root .screen__inner,.flux-root .tinted-top,.flux-root .hero,.flux-root .tpg-hero,.flux-root .tracklist{animation:flux-fade-rise .34s var(--ease-out) both}}.flux-root .screen__inner{display:flex;flex-direction:column;gap:var(--space-6);max-width:1600px;width:100%;margin:0 auto;padding:var(--pad);padding-bottom:var(--space-8)}.flux-root .srch__top-card{max-width:720px}.flux-root .tinted-top .srch__top-card{max-width:none;background:none;border:0;box-shadow:none;padding:0}.flux-root .tinted-top .srch__hero{grid-template-columns:160px 1fr;gap:var(--space-5)}.flux-root .tinted-top .srch__hero-cov{width:160px;height:160px}.flux-root .tinted-top .srch__hero-title{font-size:var(--fs-3xl)}.flux-root .searchall__bar{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.flux-root .searchall__eyebrow{margin:0 0 var(--space-1);font-size:var(--fs-sm);color:var(--fg-muted)}.flux-root .searchall__title{margin:0;font:800 var(--fs-3xl) / 1 var(--font-display);letter-spacing:-.03em;color:var(--text)}.flux-root .searchall__group{display:inline-flex;align-items:center;gap:6px}.flux-root .screen--empty{display:grid;place-items:center;height:100%;color:var(--fg-muted);font-size:var(--fs-md);padding:var(--pad);text-align:center}.flux-root .screen__sub{display:inline-flex;align-items:center;gap:var(--space-1)}.flux-root .screen__remote-summary{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--bg-elev);color:var(--fg-muted);font-size:var(--fs-sm)}.flux-root .lib-tabs{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.flux-root .lib-toolbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-inline:calc(-1 * var(--pad));padding:var(--space-2) var(--pad);background:var(--bg-panel)}.flux-root .lib-tab__count{margin-left:6px;font-size:var(--fs-xs);color:var(--fg-dim)}.flux-root .lib-controls{display:flex;align-items:center;gap:var(--space-2)}.flux-root .lib-search{display:flex;align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--bg-elev);color:var(--fg-dim)}.flux-root .lib-search input{background:transparent;border:0;outline:0;color:var(--fg);font-size:var(--fs-sm);width:140px}.flux-root .lib-search__clear{background:transparent;border:0;color:var(--fg-dim);cursor:pointer;display:grid;place-items:center}.flux-root .lib-subscope{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.flux-root .lib-newpl-pill,.flux-root .lib-newpl-form{margin-left:auto}.flux-root .lib-newpl-pill{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--bg-elev);color:var(--fg);font:600 var(--fs-sm) / 1 var(--font-body);cursor:pointer;transition:background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out)}.flux-root .lib-newpl-pill:hover{background:var(--bg-elev-2);border-color:var(--fg-faint)}.flux-root .lib-newpl-form{display:inline-flex;align-items:center;gap:var(--space-2)}.flux-root .lib-newpl-input{height:30px;width:190px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--bg-elev);color:var(--fg);font:500 var(--fs-sm) / 1 var(--font-body);outline:none}.flux-root .lib-newpl-input:focus{border-color:var(--accent)}.flux-root .lib-newpl-go{height:30px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:0;background:var(--accent);color:var(--accent-fg);font:600 var(--fs-sm) / 1 var(--font-body);cursor:pointer}.flux-root .lib-newpl-go:disabled{opacity:.5;cursor:default}.flux-root .lib-byline{display:inline-flex;align-items:center;gap:6px}.flux-root .lib-list{display:flex;flex-direction:column;gap:1px}.flux-root .lib-row,.flux-root .lib-head{display:flex;align-items:center;gap:var(--space-3);min-width:0}.flux-root .lib-row__cov,.flux-root .lib-head__cov{flex:0 0 40px}.flux-root .lib-row__main,.flux-root .lib-head__main{flex:1 1 auto;min-width:0}.flux-root .lib-row__added,.flux-root .lib-head__added{flex:0 0 22%;min-width:0}.flux-root .lib-row__played,.flux-root .lib-head__played{flex:0 0 14%;min-width:0;text-align:right}.flux-root .lib-row__play,.flux-root .lib-head__play{flex:0 0 32px}.flux-root .lib-head{padding:0 var(--space-2) var(--space-2);margin-bottom:var(--space-1);border-bottom:1px solid var(--border);color:var(--fg-muted);font-size:var(--fs-sm)}.flux-root .lib-row{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--t-fast) var(--ease-out)}.flux-root .lib-row:hover{background:var(--bg-elev)}.flux-root .lib-row__cov{height:40px;border-radius:var(--radius-md);overflow:hidden}.flux-root .lib-row__cov--round{border-radius:var(--radius-pill)}.flux-root .lib-row__cov .u-cover{width:100%;height:100%}.flux-root .lib-row__main{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--fs-sm)}.flux-root .lib-row__title{color:var(--fg);font-weight:500}.flux-root .lib-row__meta{color:var(--fg-muted)}.flux-root .lib-row__added,.flux-root .lib-row__played{color:var(--fg-muted);font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flux-root .lib-row__play{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--fg-muted);cursor:pointer;opacity:0;transition:opacity var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out)}.flux-root .lib-row:hover .lib-row__play{opacity:1}.flux-root .lib-row__play:hover{color:var(--fg);background:var(--bg-elev-2)}.flux-root .screen__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--cover-w, 178px),1fr));gap:var(--gap);margin-inline:calc(-1 * var(--space-3))}.flux-root .screen__grid--cover{grid-template-columns:repeat(auto-fill,minmax(calc(var(--cover-w, 178px) - 28px),1fr))}.flux-root .srch__hero{display:grid;grid-template-columns:120px 1fr;gap:var(--space-4);align-items:center}.flux-root .srch__hero-cov{width:120px;height:120px;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-elev-2)}.flux-root .srch__hero-cov .u-cover{width:100%;height:100%;border-radius:0}.flux-root .srch__hero-cov--round,.flux-root .srch__hero-cov--round .u-cover{border-radius:var(--radius-pill)}.flux-root .srch__hero-meta{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.flux-root .srch__hero-title{font:700 var(--fs-2xl) / 1.1 var(--font-display);letter-spacing:-.01em}.flux-root .srch__hero-owner{color:var(--fg-muted);font-size:var(--fs-sm)}.flux-root .srch__hero-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.flux-root .srch__tidal-badge{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:var(--radius-pill);background:var(--bg-elev);color:var(--fg-dim);flex-shrink:0}.flux-root .srch__import-note{margin-top:var(--space-3);font-size:var(--fs-sm);color:var(--fg-muted)}.flux-root .srch__import-note--err{color:var(--danger)}.flux-root .screen-welcome{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-7) var(--pad);color:var(--fg-muted)}.flux-root .screen-welcome__title{font:700 var(--fs-3xl) / 1.1 var(--font-display);letter-spacing:-.02em;color:var(--fg)}.flux-root .screen-welcome__sub{max-width:440px;font-size:var(--fs-md);line-height:1.5}.flux-root .screen-welcome__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-top:var(--space-3)}.flux-root .hl-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.flux-root .hl-period{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.flux-root .hist-bucket+.hist-bucket{margin-top:var(--space-5)}.flux-root .hist-bucket__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-2)}.flux-root .hist-bucket__title{font:700 var(--fs-lg) / 1.1 var(--font-display);letter-spacing:-.01em;color:var(--fg)}.flux-root .hist-bucket__count{font:500 var(--fs-xs) / 1 var(--font-mono);color:var(--fg-dim)}.flux-root .hist-row__badge{display:inline-flex;align-items:center;gap:4px;color:var(--accent)}.flux-root .hist-list{display:flex;flex-direction:column;gap:2px}.flux-root .hist-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-sm);background:transparent;border:0;color:inherit;cursor:pointer;text-align:left;transition:background var(--t-fast) var(--ease-out)}.flux-root .hist-row:hover{background:var(--bg-peek)}.flux-root .hist-row__cov{width:44px;height:44px;border-radius:var(--radius-md)}.flux-root .hist-row__text{min-width:0;display:flex;flex-direction:column}.flux-root .hist-row__title{font-size:var(--fs-base);color:var(--fg)}.flux-root .hist-row__sub{font-size:var(--fs-xs);color:var(--fg-muted)}.flux-root .hist-row__time{font:500 var(--fs-xs) / 1 var(--font-mono);color:var(--fg-dim);white-space:nowrap}.flux-root .lst-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--gap)}.flux-root .lst-kpi{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--pad);border-radius:var(--radius-md);background:var(--bg-elev)}.flux-root .lst-kpi__icon{color:var(--accent)}.flux-root .lst-kpi__value{font:700 var(--fs-2xl) / 1 var(--font-display);letter-spacing:-.02em;color:var(--fg)}.flux-root .lst-kpi__label{font-size:var(--fs-xs);color:var(--fg-muted)}.flux-root .lst-kpi__hint{color:var(--fg-dim)}.flux-root .lst-insights{display:flex;flex-wrap:wrap;gap:var(--gap)}.flux-root .lst-insight{flex:1 1 140px;display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--pad);border-radius:var(--radius-md);background:var(--bg-elev)}.flux-root .lst-insight__value{font:700 var(--fs-lg) / 1.1 var(--font-display);color:var(--fg)}.flux-root .lst-insight__label{font-size:var(--fs-xs);color:var(--fg-muted)}.flux-root .lst-chart-wrap{display:flex;flex-direction:column;gap:var(--space-2)}.flux-root .lst-chart__info{min-height:1.1em;font:600 var(--fs-sm) / 1.1 var(--font-body);color:var(--fg-dim);transition:color var(--t-fast) var(--ease-out)}.flux-root .lst-chart__info--active{color:var(--fg)}.flux-root .lst-chart{display:flex;align-items:flex-end;gap:3px;height:120px;padding:var(--space-2) 0}.flux-root .lst-chart__col{flex:1 1 0;min-width:4px;height:100%;display:flex;align-items:flex-end;cursor:default}.flux-root .lst-chart__bar{width:100%;min-height:0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--accent);opacity:.5;transition:opacity var(--t-fast) var(--ease-out)}.flux-root .lst-chart__col:hover .lst-chart__bar,.flux-root .lst-chart__col--on .lst-chart__bar{opacity:1}.flux-root .lst-chart--hours{height:132px;align-items:flex-end}.flux-root .lst-chart--hours .lst-chart__col{position:relative}.flux-root .lst-chart__tick{position:absolute;bottom:-16px;left:0;font:500 9px / 1 var(--font-mono);color:var(--fg-faint);white-space:nowrap}.flux-root .lst-tracks{display:flex;flex-direction:column;gap:2px}.flux-root .lst-track{display:grid;grid-template-columns:20px 40px 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-sm);background:transparent;border:0;color:inherit;cursor:pointer;text-align:left;transition:background var(--t-fast) var(--ease-out)}.flux-root .lst-track:hover{background:var(--bg-peek)}.flux-root .lst-track__rank{font:600 var(--fs-sm) / 1 var(--font-mono);color:var(--fg-dim);text-align:center}.flux-root .lst-track__cov{width:40px;height:40px;border-radius:var(--radius-md)}.flux-root .lst-track__text{min-width:0;display:flex;flex-direction:column}.flux-root .lst-track__title{font-size:var(--fs-base);color:var(--fg)}.flux-root .lst-track__sub{font-size:var(--fs-xs);color:var(--fg-muted)}.flux-root .lst-track__plays{font:500 var(--fs-xs) / 1 var(--font-mono);color:var(--fg-dim);white-space:nowrap}.flux-root .lst-genres{display:flex;flex-wrap:wrap;gap:var(--space-2)}.flux-root .lst-genre{cursor:default}.flux-root .lst-genre:hover{transform:none}.flux-root .lst-empty{flex-direction:column;gap:var(--space-2)}.flux-root .lst-empty__title{font:700 var(--fs-lg) / 1.2 var(--font-display);color:var(--fg)}.flux-root .lst-empty__sub{font-size:var(--fs-sm);color:var(--fg-muted)}.flux-root .room-member{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-elev);border-radius:var(--radius-sm)}.flux-root .room-member__av{position:relative;flex:none}.flux-root .room-member__name{flex:1;min-width:0}.flux-root .room-member__dot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-elev);background:var(--fg-faint)}.flux-root .room-member__dot--on{background:#3fce6a}.flux-root .room-member__host{font:600 var(--fs-xs) / 1 var(--font-body);color:var(--accent)}.flux-root .room-member__kick{width:24px;height:24px;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--bg-elev-2);border:0;color:var(--fg-muted);cursor:pointer;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.flux-root .room-member__kick:hover{background:var(--bg-peek);color:var(--danger)}.flux-root .room-create{margin-bottom:var(--space-3);display:flex;gap:var(--space-2)}.flux-root .room-create__input{height:38px;flex:1;padding:0 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elev);color:var(--fg);font-size:var(--fs-sm)}.flux-root .room-create__input:focus{outline:0;border-color:var(--accent)}.flux-root .room-create__btn{height:38px;padding:0 18px;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-fg);border:0;font:600 var(--fs-sm) / 1 var(--font-body);cursor:pointer}.flux-root .room-create__btn:disabled{opacity:.5}.flux-root .room-detail{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-6);align-items:start}@media(max-width:900px){.flux-root .room-detail{grid-template-columns:1fr;gap:var(--space-5)}}.flux-root .room-members{display:flex;flex-direction:column;gap:var(--space-2)}.flux-root .rooms-tagline{margin:2px 0 var(--space-3);font-size:var(--fs-sm);color:var(--fg-muted)}.flux-root .rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--gap);margin-inline:calc(-1 * var(--space-3))}.flux-root .room-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:transparent;border:0;border-radius:var(--radius-lg);cursor:pointer;text-align:left;min-width:0;color:inherit;transition:background var(--t-base) var(--ease-out)}.flux-root .room-card:hover{background:var(--bg-elev)}.flux-root .room-card__cov{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-md);overflow:hidden;display:grid;place-items:center;padding:var(--space-4);box-shadow:var(--shadow-1)}.flux-root .room-card__cov-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.flux-root .room-card__cov-name{position:relative;z-index:1;font:800 var(--fs-2xl) / 1.1 var(--font-display);letter-spacing:-.01em;text-align:center;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.4);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.flux-root .room-card__live{position:absolute;top:var(--space-3);left:var(--space-3);display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:var(--radius-pill);background:#00000080;color:#fff;font:700 var(--fs-xs) / 1 var(--font-body);letter-spacing:.08em}.flux-root .room-card__live-dot{width:7px;height:7px;border-radius:50%;background:var(--danger);box-shadow:0 0 7px var(--danger)}.flux-root .room-card__name{font:600 var(--fs-base) / 1.3 var(--font-body);color:var(--fg)}.flux-root .room-card__people{display:flex;align-items:center;gap:var(--space-2);min-width:0}.flux-root .room-card__avs{display:inline-flex;flex-shrink:0}.flux-root .room-card__av{width:22px;height:22px;font-size:9px;color:#fff;border:2px solid var(--bg-panel);margin-left:-7px}.flux-root .room-card__av:first-child{margin-left:0}.flux-root .room-card__count{font-size:var(--fs-sm);color:var(--fg-muted);min-width:0}.flux-root .room-inv__results{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2px var(--space-3)}.flux-root .room-inv__hint{padding:6px;color:var(--fg-faint);font-size:var(--fs-sm)}.flux-root .room-inv__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-sm);background:transparent;border:0;text-align:left;cursor:pointer;color:inherit}.flux-root .room-inv__row:hover{background:var(--bg-elev)}.flux-root .room-inv__row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.flux-root .room-inv__text{min-width:0;flex:1;font-size:var(--fs-sm)}.flux-root .room-inv__sub{font-size:var(--fs-xs);color:var(--fg-faint)}.flux-root .hero__sticky{position:sticky;top:0;z-index:6;height:56px;margin-bottom:-56px;display:flex;align-items:center;background:color-mix(in oklab,var(--hero-from, var(--accent)) 62%,var(--bg));box-shadow:0 1px #0003;opacity:0;pointer-events:none;transition:opacity var(--t-base) var(--ease-out)}.flux-root .hero__sticky--shown{opacity:1;pointer-events:auto}.flux-root .hero__sticky-inner{display:flex;align-items:center;gap:var(--space-3);width:100%;max-width:1600px;margin-inline:auto;padding:0 var(--pad);min-width:0}.flux-root .hero__sticky-play{width:40px;height:40px;flex-shrink:0;border:0;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-fg);display:grid;place-items:center;cursor:pointer;transition:transform var(--t-fast) var(--ease-out)}.flux-root .hero__sticky-play:hover{transform:scale(1.06)}.flux-root .hero__sticky-play:active{transform:scale(.98)}.flux-root .hero__sticky-title{font:700 var(--fs-lg) / 1.2 var(--font-display);color:var(--fg);min-width:0}.flux-root .hero__sentinel{height:0;pointer-events:none}.flux-root .hero{position:relative;padding:var(--space-7) 0 var(--space-5);overflow:hidden}.flux-root .artist-banner{position:relative;min-height:440px;display:flex;align-items:flex-end;padding:var(--space-6) var(--pad) var(--space-5);overflow:hidden}.flux-root .artist-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 28%;filter:brightness(.46) saturate(1.12) blur(16px);transform:scale(1.1)}.flux-root .artist-banner--noimg{min-height:28vh;background:linear-gradient(155deg,color-mix(in oklab,var(--artist-color, var(--accent)) 48%,var(--bg-panel)) 0%,var(--bg-panel) 80%)}.flux-root .artist-banner__glyph{position:absolute;right:clamp(16px,6vw,110px);top:50%;transform:translateY(-60%);font:800 clamp(120px,24vh,260px) / 1 var(--font-display);letter-spacing:-.04em;color:color-mix(in oklab,var(--artist-color, var(--accent)) 22%,transparent);-webkit-user-select:none;user-select:none;pointer-events:none}.flux-root .artist-banner__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.06) 34%,color-mix(in oklab,var(--artist-color, var(--accent)) 10%,rgba(0,0,0,.4)) 68%,rgba(0,0,0,.66) 86%,var(--bg-panel) 100%)}.flux-root .artist-banner__text{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:1600px;margin:0 auto}.flux-root .artist-banner__name{font:800 clamp(48px,8vw,96px) / 1 var(--font-display);letter-spacing:-.04em;color:var(--text);text-shadow:0 2px 24px rgba(0,0,0,.4);word-break:break-word}.flux-root .artist-banner__name--md{font-size:clamp(40px,6vw,64px)}.flux-root .artist-controls{display:flex;align-items:center;gap:var(--space-4)}.flux-root .artist-follow{height:36px;padding:0 var(--space-5);border-radius:var(--radius-pill);background:#00000047;border:1px solid color-mix(in oklab,var(--text) 50%,transparent);color:var(--text);font:700 var(--fs-sm) / 1 var(--font-body);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out)}.flux-root .artist-follow:hover{border-color:var(--text);background:#0000006b;transform:scale(1.03)}.flux-root .artist-follow--on{border-color:var(--text)}.flux-root .artist-about{display:grid;grid-template-columns:180px minmax(0,1fr);gap:var(--space-5);align-items:start;padding:var(--space-5);border-radius:var(--radius-lg);background:var(--bg-elev)}.flux-root .artist-about__photo{aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-elev-2)}.flux-root .artist-about__photo img{width:100%;height:100%;object-fit:cover;display:block}.flux-root .artist-about__body{min-width:0}.flux-root .artist-about__text{margin:0;color:var(--fg-muted);font:400 var(--fs-md) / 1.7 var(--font-body);white-space:pre-wrap}.flux-root .artist-about__text:not(.artist-about__text--open){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;overflow:hidden}.flux-root .artist-about__link{display:inline;background:none;border:0;padding:0;font:inherit;color:var(--text-hot);cursor:pointer}.flux-root .artist-about__link:hover{text-decoration:underline}.flux-root .artist-about__foot{display:flex;align-items:baseline;gap:var(--space-4);margin-top:var(--space-3)}.flux-root .artist-about__more{background:none;border:0;padding:0;color:var(--fg);font:700 var(--fs-sm) / 1 var(--font-body);cursor:pointer}.flux-root .artist-about__more:hover{text-decoration:underline}.flux-root .artist-about__source{color:var(--fg-dim);font-size:var(--fs-xs)}@media(max-width:720px){.flux-root .artist-about{grid-template-columns:1fr}.flux-root .artist-about__photo{width:150px}}.flux-root .hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--hero-from, var(--accent)) 0%,color-mix(in oklab,var(--hero-from, var(--accent)) 50%,var(--bg-panel)) 55%,var(--bg-panel) 100%);opacity:.9;pointer-events:none;z-index:0}.flux-root .hero__row{--hero-cov: 220px;display:grid;grid-template-columns:var(--hero-cov) 1fr;gap:var(--space-5);align-items:end;position:relative;z-index:1;width:100%;max-width:1600px;margin-inline:auto;padding-inline:var(--pad)}@media(max-width:720px){.flux-root .hero__row{--hero-cov: 160px;gap:var(--space-4)}}.flux-root .hero__cov{aspect-ratio:1 / 1;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 16px 50px #0000008c}.flux-root .hero__text{display:flex;flex-direction:column;gap:var(--space-3);min-width:0;min-height:var(--hero-cov)}.flux-root .hero__title{margin-top:auto;font:800 60px / 1 var(--font-display);letter-spacing:-.035em;color:var(--text);word-break:break-word;text-shadow:0 2px 20px rgba(0,0,0,.4)}@media(max-width:900px){.flux-root .hero__title{font-size:44px}}@media(max-width:540px){.flux-root .hero__title{font-size:32px}}.flux-root .hero__title--md{font-size:var(--fs-3xl)}.flux-root .hero__title--fit{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flux-root .hero__title--fit.hero__title--wrap{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.flux-root .hero__desc{margin:0;max-width:64ch;color:var(--fg-muted);font-size:var(--fs-sm);line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.flux-root .hero__meta{font-size:var(--fs-sm);color:var(--fg-muted);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.flux-root .hero__meta a,.flux-root .hero__meta button{background:transparent;border:0;padding:0;color:var(--fg-muted);cursor:pointer;font:inherit}.flux-root .hero__meta a:hover,.flux-root .hero__meta button:hover{color:var(--fg);text-decoration:underline;text-underline-offset:3px}.flux-root .hero__actions{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--pad);width:100%;max-width:1600px;margin-inline:auto}.flux-root .hero__play{width:52px;height:52px;border:0;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-fg);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px #0000004d;transition:transform var(--t-fast) var(--ease-out)}.flux-root .hero__play:hover{transform:scale(1.06)}.flux-root .hero__play:active{transform:scale(.98)}.flux-root .hero__icon-btn{width:36px;height:36px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--fg-muted);display:grid;place-items:center;cursor:pointer;transition:color var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out)}.flux-root .hero__icon-btn:hover{color:var(--fg);background:var(--bg-peek)}.flux-root .hero__icon-btn--on{color:var(--accent)}.flux-root .grid-auto{display:grid;grid-auto-flow:column;grid-auto-columns:var(--cover-w, 178px);gap:var(--gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:var(--space-2);margin-inline:calc(-1 * var(--space-3));scroll-padding-left:var(--space-3)}.flux-root .grid-auto::-webkit-scrollbar{display:none}.flux-root .grid-auto>*{scroll-snap-align:start}.flux-root .u-rail-wrap{position:relative}.flux-root .u-rail-nav{position:absolute;top:calc(var(--cover-w, 178px) / 2);transform:translateY(-50%);z-index:4;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--fg);box-shadow:none;filter:drop-shadow(0 1px 4px rgba(0,0,0,.7));cursor:pointer;opacity:0;transition:opacity var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out)}.flux-root .u-rail-wrap:hover .u-rail-nav{opacity:1}.flux-root .u-rail-nav:hover{background:#000000c7;filter:none}.flux-root .u-rail-nav:active{transform:translateY(-50%) scale(.94)}.flux-root .u-rail-nav[hidden]{display:none}.flux-root .u-rail-nav--l{left:2px}.flux-root .u-rail-nav--r{right:2px}@media(hover:none){.flux-root .u-rail-nav{display:none}}.flux-root .grid-3{display:grid;gap:var(--gap);grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.flux-root .grid-3{grid-template-columns:repeat(2,1fr)}}.flux-root .grid-4{--grid4-min: 244px;display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(max(var(--grid4-min),calc((100% - 3 * var(--gap)) / 4)),1fr))}.flux-root .inline-tile{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1);padding-right:var(--space-3);background:var(--bg-soft);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--t-fast) var(--ease-out)}.flux-root .inline-tile:hover{background:var(--bg-elev)}.flux-root .inline-tile__cov{width:56px;height:56px;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden}.flux-root .inline-tile__cov .u-cover{width:100%;height:100%}.flux-root .inline-tile__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.flux-root .inline-tile__title{font:600 var(--fs-base) / 1.3 var(--font-body);color:var(--fg)}.flux-root .inline-tile__sub{display:flex;align-items:center;font:500 var(--fs-xs) / 1.2 var(--font-body);color:var(--fg-muted)}.flux-root .inline-tile__trailing{display:flex;gap:var(--space-1);align-items:center;opacity:0;transition:opacity var(--t-fast) var(--ease-out)}.flux-root .inline-tile:hover .inline-tile__trailing{opacity:1}.flux-root .inline-tile__cov-badge{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:var(--radius-pill);background:#0000008c;color:var(--text);display:grid;place-items:center;pointer-events:none}.flux-root .inline-tile__cov{position:relative}.flux-root .inline-tile__play{position:absolute;top:0;right:0;bottom:0;left:0;border:0;padding:0;display:grid;place-items:center;background:#0000008c;color:var(--text);cursor:pointer;opacity:0;pointer-events:none;z-index:2;transition:opacity var(--t-fast) var(--ease-out)}.flux-root .inline-tile:hover .inline-tile__play{opacity:1;pointer-events:auto}.flux-root .inline-tile__play svg{transition:transform var(--t-fast) var(--ease-out);filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}.flux-root .inline-tile__play:hover svg{transform:scale(1.06)}.flux-root .u-section__sub{font-size:var(--fs-xs);color:var(--fg-dim);margin-top:var(--space-1)}.flux-root .tracklist{display:flex;flex-direction:column;width:100%;max-width:1600px;margin:0 auto;padding:0 var(--pad)}.flux-root .tracklist__head,.flux-root .tracklist__row{display:grid;grid-template-columns:36px minmax(0,1fr) minmax(0,1fr) 72px 48px;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--fs-sm);border-radius:var(--radius-sm)}.flux-root .tracklist__row--no-album,.flux-root .tracklist__head.tracklist__head--no-album{grid-template-columns:36px minmax(0,1fr) 72px 48px}.flux-root .tracklist__row--no-index,.flux-root .tracklist__head.tracklist__head--no-index{grid-template-columns:44px minmax(0,1fr) minmax(0,1fr) 72px 48px}.flux-root .tracklist__row--no-index.tracklist__row--no-album,.flux-root .tracklist__head.tracklist__head--no-index.tracklist__head--no-album{grid-template-columns:44px minmax(0,1fr) 72px 48px}.flux-root .tracklist--with-added .tracklist__head,.flux-root .tracklist--with-added .tracklist__row{grid-template-columns:36px minmax(0,1fr) minmax(0,1fr) 116px 72px 48px}.flux-root .tracklist__added{font-size:var(--fs-xs);color:var(--fg-dim);white-space:nowrap}.flux-root .tracklist__cov{width:40px;height:40px;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-elev);display:grid;place-items:center;color:var(--fg-faint);flex-shrink:0}.flux-root .tracklist__cov img{width:100%;height:100%;object-fit:cover;display:block}.flux-root .tracklist__head{color:var(--fg-dim);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);border-radius:0}.flux-root .tracklist__head--sticky{position:sticky;top:56px;z-index:5;background:var(--bg-panel)}.flux-root .tracklist__head>:first-child{text-align:center}.flux-root .tracklist__row{cursor:pointer;transition:background var(--t-fast) var(--ease-out);content-visibility:auto;contain-intrinsic-size:auto 44px}.flux-root .tracklist__row:hover{background:var(--bg-peek)}.flux-root .tracklist__row--playing{color:var(--text-hot)}.flux-root .tracklist__row--selected,.flux-root .tracklist__row--selected:hover{background:color-mix(in oklab,var(--accent) 18%,var(--bg-elev))}.flux-root .tracklist__row[draggable=true]{cursor:grab}.flux-root .tracklist__row[draggable=true]:active{cursor:grabbing}.flux-root .tracklist__idx{position:relative;width:36px;height:24px;display:grid;place-items:center;font:500 var(--fs-sm) / 1 var(--font-mono);color:var(--fg-dim)}.flux-root .tracklist__num,.flux-root .tracklist__ind,.flux-root .tracklist__play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:transparent;border:0;color:inherit;cursor:pointer}.flux-root .tracklist__play{opacity:0;color:var(--fg)}.flux-root .tracklist__row:hover .tracklist__num,.flux-root .tracklist__row:hover .tracklist__ind{opacity:0}.flux-root .tracklist__row:hover .tracklist__play{opacity:1}.flux-root .tracklist__title-cell{min-width:0}.flux-root .tracklist__title-text{display:flex;flex-direction:column;min-width:0}.flux-root .tracklist__title-cell--cover{display:flex;align-items:center;gap:var(--space-3)}.flux-root .tracklist__art{width:38px;height:38px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-elev)}.flux-root .tracklist--compact .tracklist__row{padding:3px var(--space-3)}.flux-root .tracklist--compact .tracklist__row,.flux-root .tracklist--compact .tracklist__head{gap:var(--space-2)}.flux-root .hero__actions .detail-viewmenu{margin-left:auto}.flux-root .tracklist__title{font:500 var(--fs-base) / 1.2 var(--font-body);color:var(--fg)}.flux-root .tracklist__row--playing .tracklist__title{color:var(--text-hot)}.flux-root .tracklist__artists{display:flex;flex-wrap:wrap;align-items:center;gap:0 4px;margin-top:2px;font-size:var(--fs-xs);color:var(--fg-muted);min-width:0}.flux-root .tracklist__artist-link,.flux-root .tracklist__album-link{display:inline-block;width:max-content;max-width:100%;text-align:left;background:transparent;border:0;padding:0;color:var(--fg-muted);font-size:var(--fs-xs);cursor:pointer}.flux-root .tracklist__artist-link:hover,.flux-root .tracklist__album-link:hover{color:var(--fg);text-decoration:underline;text-underline-offset:2px}.flux-root .tracklist__album-link{display:inline-block;font-size:var(--fs-sm);margin-top:0;max-width:100%}.flux-root .tracklist__artists>.tracklist__sep{color:var(--fg-muted);pointer-events:none}.flux-root .tracklist__row-actions{display:flex;gap:2px;justify-self:end;opacity:0;transition:opacity var(--t-fast) var(--ease-out)}.flux-root .tracklist__row:hover .tracklist__row-actions,.flux-root .tracklist__row-actions .u-iconbtn--on{opacity:1}.flux-root .tracklist__dur{font:500 var(--fs-xs) / 1 var(--font-mono);color:var(--fg-dim);justify-self:end}.flux-root .atp__head{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);align-items:center;padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.flux-root .atp__title{font:700 var(--fs-2xl) / 1.1 var(--font-display);letter-spacing:-.01em}.flux-root .atp__sub{color:var(--fg-muted);font-size:var(--fs-sm)}.flux-root .atp__create{display:flex;gap:var(--space-2);align-items:center}.flux-root .atp__create .conn__input{flex:1}.flux-root .scr__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.flux-root .scr__head-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.flux-root .scr__head .u-section__action{flex-shrink:0}.flux-root .scr__head-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.flux-root .downloads-screen{flex:1;min-height:0;display:flex;flex-direction:column;container-type:inline-size;overflow:hidden}.flux-root .downloads__inner{max-width:1400px;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto}.flux-root .downloads__cols{display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:start}.flux-root .downloads__col{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.flux-root .downloads__col-scroll{min-height:0}.flux-root .downloads__empty{padding:var(--space-7) var(--space-4)}@container (min-width: 720px){.flux-root .downloads__inner{overflow:hidden;padding-bottom:var(--pad)}.flux-root .downloads__cols{grid-template-columns:1fr 1fr;flex:1;min-height:0;align-items:stretch}.flux-root .downloads__col{min-height:0}.flux-root .downloads__col-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}}.flux-root .dl__title-row{display:flex;align-items:center;gap:6px;min-width:0}.flux-root .dl__title-row .conn__row-label{flex:0 1 auto}.flux-root .dl__bar{margin-top:var(--space-2);height:4px;background:var(--bg-elev-2);border-radius:var(--radius-pill);overflow:hidden}.flux-root .dl__bar-fill{height:100%;background:#3dc274;transition:width var(--t-base) var(--ease-out)}.flux-root .dl__bar-fill--bad{background:var(--danger, hsl(0 60% 55%))}.flux-root .dl__bar--shimmer{background:linear-gradient(90deg,var(--bg-elev-2) 25%,var(--fg-faint) 50%,var(--bg-elev-2) 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.flux-root .dl-row{align-items:flex-start;padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.flux-root .dl-row:last-child{border-bottom:0}.flux-root .dl-row .u-cover{flex-shrink:0;border-radius:var(--radius-sm)}.flux-root .dl-row .conn__row-text{min-width:0}.flux-root .dl__count{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;white-space:nowrap;font:500 var(--fs-xs) / 1 var(--font-mono);color:var(--fg-muted)}.flux-root .dl__count--on{color:var(--accent)}.flux-root .dl__count--bad{color:var(--danger, hsl(0 60% 55%))}.flux-root .dl-row__cancel{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:var(--fg-faint);cursor:pointer;transition:color var(--t-fast),background var(--t-fast)}.flux-root .dl-row__cancel:hover{color:var(--danger, hsl(0 60% 55%));background:var(--bg-elev-2)}.flux-root .dl-row__cancel:disabled{opacity:.5;cursor:default}.flux-root .mt-row{align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.flux-root .mt-row:last-child{border-bottom:0}.flux-root .mt-row .u-cover{flex-shrink:0;border-radius:var(--radius-sm)}.flux-root .mt-link:hover{color:var(--accent);background:var(--bg-elev-2)}.flux-root .user-list{display:flex;flex-direction:column;gap:2px}.flux-root .user-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md)}.flux-root .user-row:hover{background:var(--bg-elev)}.flux-root .user-row .u-avatar{flex-shrink:0}.flux-root .user-row__open{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-3);padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left}.flux-root button.user-row__open{cursor:pointer}.flux-root .user-list--compact .user-row__open{gap:var(--space-2)}.flux-root .user-row__text{flex:1;min-width:0}.flux-root .user-row__name{font:600 var(--fs-base) / 1.2 var(--font-body)}.flux-root .user-row__sub{margin-top:1px;font-size:var(--fs-xs);color:var(--fg-muted)}.flux-root .user-row .u-btn{flex-shrink:0}.flux-root .user-list--compact .user-row{gap:var(--space-2);padding:var(--space-1) var(--space-1)}.flux-root .user-list--compact .user-row__name{font-size:var(--fs-sm)}.flux-root .user-banner{position:relative;display:flex;align-items:flex-end;min-height:260px;padding:var(--space-6) var(--pad) var(--space-5);overflow:hidden;background:linear-gradient(160deg,color-mix(in oklab,var(--user-color, var(--accent)) 52%,var(--bg-panel)) 0%,var(--bg-panel) 82%)}.flux-root .user-banner__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.28) 70%,var(--bg-panel) 100%)}.flux-root .user-banner__row{position:relative;z-index:2;display:flex;align-items:flex-end;gap:var(--space-5);width:100%;max-width:1600px;margin:0 auto}.flux-root .user-banner__avatar{flex-shrink:0;box-shadow:0 8px 28px #00000073}.flux-root .user-banner__meta{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;padding-bottom:var(--space-2)}.flux-root .user-banner__eyebrow{font:700 var(--fs-xs) / 1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklab,var(--text) 76%,transparent)}.flux-root .user-banner__name{font:800 clamp(40px,6vw,80px) / 1 var(--font-display);letter-spacing:-.03em;color:var(--text);text-shadow:0 2px 18px rgba(0,0,0,.4);word-break:break-word}.flux-root .user-banner__sub{font:500 var(--fs-sm) / 1 var(--font-body);color:color-mix(in oklab,var(--text) 72%,transparent)}.flux-root .user-controls{margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-3)}.flux-root .fa-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 color-mix(in oklab,var(--accent) 60%,transparent);animation:fa-pulse 1.8s ease-out infinite;vertical-align:middle}@keyframes fa-pulse{0%{box-shadow:0 0 color-mix(in oklab,var(--accent) 55%,transparent)}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}.flux-root .fa-list{display:flex;flex-direction:column;gap:2px}.flux-root .fa-now{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-1) var(--space-1);border:0;border-radius:var(--radius-md);background:transparent;color:inherit;text-align:left;cursor:pointer}.flux-root .fa-now:hover{background:var(--bg-elev)}.flux-root .fa-now .u-avatar{flex-shrink:0}.flux-root .fa-now__text{min-width:0;flex:1}.flux-root .fa-now__name{font:600 var(--fs-sm) / 1.2 var(--font-body)}.flux-root .fa-now__track{margin-top:1px;font-size:var(--fs-xs);color:var(--fg-muted)}.flux-root .fa-more{padding:var(--space-2) var(--space-1) 0;font-size:var(--fs-xs);color:var(--fg-muted)}.flux-root .screen.rooms-split{display:grid;grid-template-columns:minmax(232px,288px) minmax(0,1fr);align-items:start;gap:0}.flux-root .rooms-friends{min-width:0;height:100%;padding:var(--space-5) var(--space-4);border-right:1px solid var(--border)}.flux-root .rooms-main{min-width:0}.flux-root .fa-rail__title{font:700 var(--fs-sm) / 1 var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:var(--space-3)}.flux-root .fa-rail__empty{font-size:var(--fs-sm);color:var(--fg-muted);line-height:1.4}.flux-root .fa-rail__list{display:flex;flex-direction:column;gap:var(--space-2)}.flux-root .fa-card{padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-elev)}.flux-root .fa-card__head{display:flex;align-items:center;gap:var(--space-2)}.flux-root .fa-card__user{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0;border:0;padding:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.flux-root .fa-card__user .u-avatar{flex-shrink:0}.flux-root .fa-card__name{font:600 var(--fs-base) / 1.2 var(--font-body);min-width:0}.flux-root .fa-live{flex-shrink:0;padding:1px 6px;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-fg);font:700 9px / 1.5 var(--font-mono);letter-spacing:.04em}.flux-root .fa-card__unfollow{flex-shrink:0;display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:7px;background:transparent;color:var(--fg-faint);cursor:pointer;transition:color var(--t-fast),background var(--t-fast)}.flux-root .fa-card__unfollow:hover{color:var(--danger, hsl(0 60% 55%));background:var(--bg-elev-2)}.flux-root .fa-card__idle{margin-top:var(--space-2);font-size:var(--fs-xs);color:var(--fg-faint)}.flux-root .fa-card__expand{margin-top:var(--space-2);display:inline-flex;align-items:center;gap:4px;border:0;padding:0;background:transparent;color:var(--fg-muted);font-size:var(--fs-xs);cursor:pointer}.flux-root .fa-card__expand:hover{color:var(--fg)}.flux-root .fa-card__recent{margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--border)}.flux-root .fa-play{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);min-width:0}.flux-root .fa-play--sm{margin-top:0}.flux-root .fa-play__cov{flex-shrink:0;border-radius:var(--radius-sm)}.flux-root .fa-play__text{min-width:0;flex:1}.flux-root .fa-play__title{font:500 var(--fs-sm) / 1.2 var(--font-body);display:flex;align-items:center}.flux-root .fa-play--sm .fa-play__title{font-size:var(--fs-xs)}.flux-root .fa-play__sub{margin-top:1px;font-size:var(--fs-xs);color:var(--fg-muted)}.flux-root .fa-play__src{border:0;padding:0;background:transparent;color:var(--fg-muted);cursor:pointer;font:inherit}.flux-root .fa-play__src:hover{color:var(--fg);text-decoration:underline}@media(max-width:900px){.flux-root .screen.rooms-split{grid-template-columns:1fr}.flux-root .rooms-friends{display:none}}.flux-root .brz__grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.flux-root .brz__tile{position:relative;height:110px;border:0;border-radius:var(--radius-md);overflow:hidden;text-align:left;padding:var(--space-3);cursor:pointer;transition:transform var(--t-fast) var(--ease-out)}.flux-root .brz__tile:hover{transform:translateY(-2px)}.flux-root .brz__tile-label{font-family:var(--font-display, var(--font-body));font-size:var(--fs-lg);font-weight:600;color:var(--text);letter-spacing:-.01em;text-shadow:0 2px 8px rgba(0,0,0,.35);position:relative;z-index:2}.flux-root .brz__recents{display:grid;gap:var(--space-1);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.flux-root .brz__recent-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-2);background:transparent;border:0;border-radius:var(--radius-sm);color:inherit;text-align:left;cursor:pointer;transition:background var(--t-fast) var(--ease-out)}.flux-root .brz__recent-row:hover{background:var(--bg-peek)}.flux-root .brz__recent-row:hover .brz__recent-del{opacity:1}.flux-root .brz__recent-cov{position:relative;width:48px;height:48px;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-elev);display:grid;place-items:center;color:var(--fg-faint)}.flux-root .brz__recent-cov--round{border-radius:var(--radius-pill)}.flux-root .brz__recent-cov img{width:100%;height:100%;object-fit:cover;display:block}.flux-root .brz__recent-text{min-width:0}.flux-root .brz__recent-title{font-size:var(--fs-base)}.flux-root .brz__recent-sub{font-size:var(--fs-xs);color:var(--fg-muted)}.flux-root .brz__recent-del{opacity:0;transition:opacity var(--t-fast) var(--ease-out)}.flux-root .tpg-hero{position:relative;padding:var(--space-7) 0 var(--space-5);min-height:240px;display:flex;align-items:flex-end;background:linear-gradient(180deg,var(--tpg-from, var(--accent)) 0%,var(--tpg-from, var(--accent)) 64%,color-mix(in oklab,var(--tpg-from, var(--accent)) 38%,var(--bg-panel)) 86%,var(--bg-panel) 100%)}.flux-root .tpg-hero__inner{width:100%;max-width:1600px;margin:0 auto;padding:0 var(--pad)}.flux-root .tpg-hero+.screen__inner{gap:var(--space-4);padding-top:var(--space-2)}.flux-root .tpg-hero+.screen__inner .u-section{gap:var(--space-2)}.flux-root .tpg-hero__title{font:800 64px / 1 var(--font-display);letter-spacing:-.035em;color:var(--text);text-shadow:0 2px 16px rgba(0,0,0,.35);margin:0;word-break:break-word}@media(max-width:900px){.flux-root .tpg-hero__title{font-size:48px}}@media(max-width:540px){.flux-root .tpg-hero__title{font-size:36px}}.flux-root .tpg-section__more{margin-left:auto;background:transparent;border:0;padding:var(--space-1) var(--space-2);color:var(--fg-muted);font-size:var(--fs-xs);font-weight:600;letter-spacing:.02em;text-transform:none;cursor:pointer;border-radius:var(--radius-sm)}.flux-root .tpg-section__more:hover{color:var(--fg);text-decoration:underline}.flux-root .tpg-grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-inline:calc(-1 * var(--space-2))}.flux-root .tpg-tile{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);background:transparent;border:0;border-radius:var(--radius-sm);color:inherit;text-align:left;cursor:pointer;transition:background var(--t-fast) var(--ease-out)}.flux-root .tpg-tile:hover{background:var(--bg-peek)}.flux-root .tpg-tile__cov{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-elev);display:grid;place-items:center;color:var(--fg-faint)}.flux-root .tpg-tile__cov--round{border-radius:var(--radius-pill)}.flux-root .tpg-tile__cov img{width:100%;height:100%;object-fit:cover;display:block}.flux-root .tpg-tile__title{font-size:var(--fs-base);font-weight:500}.flux-root .tpg-tile__sub{font-size:var(--fs-xs);color:var(--fg-muted);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.flux-root .srch__remote-err{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);border-radius:var(--radius-md);background:color-mix(in oklab,var(--accent) 12%,var(--bg-elev));color:var(--fg-muted);font-size:var(--fs-sm)}.flux-root .rds__tiers{display:inline-flex;gap:4px;margin-left:var(--space-2)}.flux-root .rds__tier{height:30px;padding:0 12px;border-radius:var(--radius-pill);background:var(--bg-elev);border:0;color:var(--fg-muted);font:600 var(--fs-xs) / 1 var(--font-body);cursor:pointer;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.flux-root .rds__tier:hover{color:var(--fg)}.flux-root .rds__tier--on{background:var(--accent);color:var(--accent-fg)}.flux-root .rds__dl{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:transparent;border:0;color:var(--fg-dim);cursor:pointer;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.flux-root .rds__dl:hover{background:var(--bg-peek);color:var(--fg)}.flux-root .rds__owned{display:grid;place-items:center;width:30px;height:30px;color:var(--accent)}.flux-root .srch__match-count{color:var(--accent)}.flux-root .srch__unmatched{font:600 var(--fs-xs) / 1 var(--font-body);color:var(--fg-faint);white-space:nowrap}.flux-root .srch__matcher-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.flux-root .srch__matcher-title{display:inline-flex;align-items:center;gap:var(--space-2);font:800 var(--fs-2xl) / 1 var(--font-display);letter-spacing:-.02em;color:var(--text)}.flux-root .srch__matcher-title svg{color:#1ed760}.flux-root .srch__matcher-tiers{margin-inline:auto}.flux-root .srch__matcher-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.flux-root .srch__matcher-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--gap)}@property --tint{syntax: "<color>"; inherits: true; initial-value: transparent;}.flux-root .tinted-top{position:relative;padding-top:var(--pad);transition:--tint .35s var(--ease-out);background:linear-gradient(180deg,var(--tint, var(--bg-panel)) 0%,color-mix(in oklab,var(--tint, var(--bg-panel)) 50%,var(--bg-panel)) 55%,var(--bg-panel) 100%)}.flux-root .tinted-top__inner{display:flex;flex-direction:column;gap:var(--space-6);max-width:1600px;margin:0 auto;padding:0 var(--pad) var(--space-6)}.flux-root .tinted-top .inline-tile,.flux-root .tinted-top .inline-tile:hover{background:transparent}.flux-root .home-hero{--home-cov: 200px;display:grid;grid-template-columns:var(--home-cov) 1fr;gap:var(--space-5);align-items:center;background:none;padding:0}.flux-root .home-hero__cov{width:var(--home-cov);height:var(--home-cov);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 16px 40px -16px color-mix(in oklab,var(--bg) 80%,black);cursor:pointer;transition:filter .15s ease}.flux-root .home-hero__cov:hover{filter:brightness(1.06)}.flux-root .home-hero__cov .u-cover{width:100%;height:100%;border-radius:0}.flux-root .home-hero__body{min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-1);height:var(--home-cov);overflow:hidden}.flux-root .home-hero__title{margin:0;font:800 var(--fs-3xl) / 1.05 var(--font-display);letter-spacing:-.02em;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flux-root .home-hero__sub{margin:0;font-size:var(--fs-md);color:var(--fg-muted)}.flux-root .home-hero__cta{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:8px 16px;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-fg);font:600 var(--fs-sm) / 1 var(--font-body);border:0;cursor:pointer}.flux-root .home-hero__cta--btn:hover{filter:brightness(1.08)}@media(max-width:720px){.flux-root .home-hero{--home-cov: 140px;grid-template-columns:1fr}.flux-root .home-hero__body{height:auto;overflow:visible;justify-content:flex-start;gap:var(--space-2)}}.flux-root .detail-inset{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--ease-out)}.flux-root .detail-inset--open{grid-template-rows:1fr}.flux-root .detail-inset__inner{overflow:hidden;min-height:0}.flux-root .detail-inset__content{padding:var(--space-4) var(--pad) var(--space-5);border-bottom:1px solid var(--border);width:100%;max-width:1600px;margin-inline:auto}.flux-root .related{width:100%;max-width:1600px;margin-inline:auto;padding:var(--space-1) var(--pad)}.flux-root .related__toggle{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;background:transparent;border:0;color:var(--fg-muted);font:600 var(--fs-sm) / 1 var(--font-body);cursor:pointer;transition:color var(--t-fast) var(--ease-out)}.flux-root .related__toggle:hover{color:var(--fg)}.flux-root .related__toggle svg{color:var(--fg-dim)}.flux-root .related__count{color:var(--fg-dim);font-weight:500}.flux-root .related .u-rail{margin-top:var(--space-2)}@media(hover:none){.flux-root .tracklist__row-actions,.flux-root .lib-row__play,.flux-root .inline-tile__play,.flux-root .brz__recent-del{opacity:1}.flux-root .inline-tile__play{pointer-events:auto}}@media(max-width:540px){.flux-root .grid-4{--grid4-min: 140px}.flux-root .rooms-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.flux-root .room-inv__results,.flux-root .brz__recents{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.flux-root .hero__row{grid-template-columns:1fr;--hero-cov: 120px;gap:var(--space-3)}}.flux-root.auth-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:linear-gradient(180deg,var(--bg-elev) 0%,var(--bg) 100%);color:var(--fg)}.auth-root .auth__blob{position:absolute;border-radius:50%;pointer-events:none;z-index:0;will-change:transform,opacity}@media(prefers-reduced-motion:no-preference){.auth-root .auth__blob--1{animation:auth-blob-1 34s ease-in-out infinite alternate}.auth-root .auth__blob--2{animation:auth-blob-2 44s ease-in-out infinite alternate}}@keyframes auth-blob-1{0%{transform:translateZ(0) scale(1);opacity:.5}to{transform:translate3d(5%,4%,0) scale(1.12);opacity:.62}}@keyframes auth-blob-2{0%{transform:translateZ(0) scale(1);opacity:.45}to{transform:translate3d(-4%,-5%,0) scale(1.1);opacity:.55}}.auth-root .auth__blob--1{top:-20%;left:-10%;width:60%;height:70%;background:radial-gradient(circle,rgb(from var(--accent) r g b / .5),rgb(from var(--accent) r g b / 0) 70%);opacity:.5;filter:blur(50px)}.auth-root .auth__blob--2{bottom:-20%;right:-10%;width:60%;height:70%;background:radial-gradient(circle,rgb(from var(--accent-hi) r g b / .45),rgb(from var(--accent-hi) r g b / 0) 70%);opacity:.45;filter:blur(64px)}.auth-root .auth__grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:64px;width:100%;max-width:1080px;align-items:center}@media(max-width:880px){.auth-root .auth__grid{grid-template-columns:1fr;max-width:460px;gap:var(--space-6)}.auth-root .auth__brand{display:none}}.auth-root .auth__brand{padding:var(--space-5)}.auth-root .auth__lockup{display:flex;align-items:center;gap:14px}.auth-root .auth__headline{margin:40px 0 0;font-family:var(--font-display);font-weight:400;font-style:normal;font-size:clamp(40px,5vw,64px);letter-spacing:-.02em;line-height:1.05;max-width:460px}.auth-root .auth__features{display:flex;flex-wrap:wrap;gap:24px;margin-top:40px}.auth-root .auth__feature{display:flex;align-items:center;gap:8px;font-size:var(--fs-xs);color:var(--fg-muted)}.auth-root .auth__card{position:relative;z-index:2;display:flex;flex-direction:column;gap:18px;padding:36px;border-radius:var(--radius-lg);background:color-mix(in oklab,var(--fg) 7%,transparent);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid color-mix(in oklab,var(--fg) 14%,transparent);box-shadow:var(--shadow-3);color:var(--fg)}.auth-root .auth__card--narrow{width:100%;max-width:440px}.auth-root .auth__card-head{display:flex;align-items:center;gap:14px}.auth-root .auth__title{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:600;letter-spacing:-.02em}.auth-root .auth__subtitle{margin-top:6px;font-size:var(--fs-sm);color:var(--fg-muted)}.auth-root .auth__field{display:flex;flex-direction:column;gap:6px}.auth-root .auth__label{font:600 var(--fs-xs) / 1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-faint)}.auth-root .auth__input{height:46px;padding:0 14px;border-radius:var(--radius-md);background:color-mix(in oklab,var(--bg) 45%,transparent);border:1px solid var(--border-strong);color:var(--fg);font:500 var(--fs-md) / 1 var(--font-body);outline:0;transition:border-color var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out)}.auth-root .auth__input::placeholder{color:var(--fg-dim)}.auth-root .auth__input:hover{border-color:var(--fg-faint)}.auth-root .auth__input:focus{border-color:var(--accent);background:color-mix(in oklab,var(--bg) 62%,transparent)}.auth-root .auth__input--mono{font-family:var(--font-mono);letter-spacing:.04em}.auth-root .auth__divider{display:flex;align-items:center;gap:12px}.auth-root .auth__divider:before,.auth-root .auth__divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-root .auth__divider-text{font:600 var(--fs-xs) / 1 var(--font-mono);letter-spacing:.1em;color:var(--fg-dim)}.auth-root .auth__oauth{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.auth-root .auth__oauth-btn{height:44px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-md);background:color-mix(in oklab,var(--bg) 35%,transparent);border:1px solid var(--border-strong);color:var(--fg);font:500 var(--fs-sm) / 1 var(--font-body);cursor:pointer;transition:background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out)}.auth-root .auth__oauth-btn:not(:disabled):hover{background:color-mix(in oklab,var(--bg) 55%,transparent);border-color:var(--fg-faint)}.auth-root .auth__oauth-btn:disabled{cursor:default;opacity:.5}.auth-root .auth__actions{display:flex;gap:8px}.auth-root .auth__actions .auth__grow{flex:1}.auth-root .auth__check{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;font:inherit;color:inherit;text-align:left}.auth-root .auth__check-box{width:18px;height:18px;border-radius:5px;display:flex;align-items:center;justify-content:center;background:color-mix(in oklab,var(--fg) 10%,transparent);border:1px solid var(--border-strong);color:var(--accent-fg);transition:background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out)}.auth-root .auth__check-box[data-on=true]{background:var(--accent);border-color:var(--accent)}.auth-root .auth__check-label{font-size:var(--fs-sm);color:var(--fg-muted)}.auth-root .auth__error{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-md);background:color-mix(in oklab,var(--danger) 18%,transparent);border:1px solid color-mix(in oklab,var(--danger) 38%,transparent);color:color-mix(in oklab,var(--danger) 70%,var(--fg));font-size:var(--fs-sm)}.auth-root .auth__error svg{flex:0 0 auto;color:var(--danger)}.auth-root .auth__status{display:flex;align-items:center;gap:12px;margin-top:4px;padding:12px 14px;border-radius:var(--radius-md);background:color-mix(in oklab,var(--bg) 35%,transparent);border:1px solid var(--border)}.auth-root .auth__status-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.auth-root .auth__status-dot--ok{background:var(--ok);box-shadow:0 0 8px var(--ok)}.auth-root .auth__status-dot--pending{background:var(--warn);box-shadow:0 0 8px var(--warn);animation:auth-pulse 1.2s var(--ease-out) infinite}.auth-root .auth__status-dot--down{background:var(--danger);box-shadow:0 0 8px var(--danger)}@keyframes auth-pulse{0%,to{opacity:1}50%{opacity:.35}}.auth-root .auth__status-text{font-size:var(--fs-sm);color:var(--fg-muted)}.auth-root .auth__status-ver{margin-left:auto;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-dim)}.auth-root .auth__legal{margin-top:2px;text-align:center;font-size:var(--fs-xs);color:var(--fg-dim)}.auth-root .auth__foot{position:absolute;bottom:24px;left:32px;right:32px;z-index:2;display:flex;justify-content:center;align-items:center;font-size:var(--fs-xs);color:var(--fg-dim)}.auth-root .auth__foot-ver{font-family:var(--font-mono)}.auth-root .auth__link{color:var(--fg);text-decoration:underline;cursor:pointer}.auth-root .auth__link:hover{color:var(--accent)}.auth-root .auth__prompt{text-align:center;font-size:var(--fs-sm);color:var(--fg-muted)}