body{background:var(--bg-app);grid-template-rows:1fr auto auto;block-size:100dvh;display:grid;position:relative;overflow:hidden}.nw-topbar{position:absolute;inset-block-start:0;inset-inline:0}.nw-screen{overscroll-behavior:contain;min-block-size:0;scroll-padding-block:calc(var(--topbar-h) + var(--safe-t)) var(--space-6);padding-block:calc(var(--topbar-h) + var(--safe-t) + var(--space-6)) var(--space-6);padding-inline:calc(var(--space-page-x) + var(--safe-l)) calc(var(--space-page-x) + var(--safe-r));overflow-y:auto}.nw-screen:focus-visible{box-shadow:var(--shadow-ring);outline:none}.nw-screen__body{color:var(--fg-muted);max-inline-size:var(--container-sm)}.nw-section__title{font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-subtle);margin-block:var(--space-5) var(--space-2);font-weight:600}.nw-settings{border:var(--border-width-1) solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);max-inline-size:var(--container-sm);overflow:hidden}.nw-player{--safe-b:0px;padding-inline:calc(var(--space-4) + var(--safe-l)) calc(var(--space-4) + var(--safe-r))}.nw-player-dock{container-type:inline-size}@container (width<=400px){.nw-player .nowplaying__ctrls>.nowplaying__btn:not(.play):not(.nw-player__expand){display:none}}.nw-player .nowplaying__meta{min-inline-size:min(9rem,40vw)}.nw-toolbar{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-block-end:var(--space-4);display:flex}.nw-toolbar .input{flex:100%;min-inline-size:0}.nw-toolbar .ao-segctrl{flex:auto;min-inline-size:0}.nw-toolbar .ao-segctrl button{min-inline-size:0;padding-inline:var(--space-2);text-overflow:ellipsis;overflow:hidden}.nw-toolbar .cmb{flex:45%;inline-size:auto;min-inline-size:0}.ao-list .ao-row.on{background-image:linear-gradient(var(--tint-1), var(--tint-1))}.ao-row .r-sub-line{align-items:center;gap:var(--space-2);display:flex}.ao-row .r-sub-line .r-sub{flex:auto;min-inline-size:0}.ao-row .r-sub-line .badge{flex:none}.ao-row .nw-meta{color:var(--nw-meta);font-family:var(--font-mono)}.nw-toolbar .nw-chip-icon{justify-content:center;min-block-size:44px;min-inline-size:44px;padding-inline:0}@container (width<=480px){.nw-settings .set-ctrl .ao-segctrl{inline-size:100%}}.nw-about{max-inline-size:var(--container-sm);color:var(--fg-muted);font-size:var(--text-sm)}.nw-about__name{font-family:var(--font-display);color:var(--fg);font-weight:600}.nw-about__version{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-subtle);margin-block-end:var(--space-3)}.nw-about__desc,.nw-about__licences{margin-block-start:var(--space-2)}.nw-history__group{margin-block-end:var(--space-4)}.nw-history__header{align-items:center;gap:var(--space-2);display:flex}.nw-history__name{text-overflow:ellipsis;flex:auto;min-inline-size:0;overflow:hidden}.nw-history__time{flex:none}.nw-history__group-clear{flex:none;place-items:center;block-size:32px;inline-size:32px;display:grid}.nw-history__row{content-visibility:auto;contain-intrinsic-size:auto 70px}.nw-history__song{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-inline-size:0;overflow:hidden}.nw-history__at{color:var(--nw-meta);font-family:var(--font-mono);font-size:var(--text-xs);flex:none}.nw-timer__active{max-inline-size:var(--container-sm);padding:var(--space-5);border:var(--border-width-1) solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;margin-block-end:var(--space-5);display:flex}.nw-timer__count{font-family:var(--font-mono);font-size:var(--text-3xl);color:var(--fg);font-weight:600}.nw-timer__status{color:var(--fg-muted);font-size:var(--text-sm)}.nw-timer__nudge{gap:var(--space-2);display:flex}.nw-timer__presets{gap:var(--space-2);max-inline-size:var(--container-sm);grid-template-columns:repeat(3,1fr);display:grid}.nw-timer__custom{align-items:end;gap:var(--space-3);max-inline-size:var(--container-sm);flex-wrap:wrap;display:flex}.nw-timer__field{flex:8rem;min-inline-size:0}.nw-timer__custom .nw-timer__start{flex:none}.nw-player .nowplaying__sub{align-items:center;gap:var(--space-2);display:flex}.nw-player .nowplaying__sub>.tnum{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-inline-size:0;overflow:hidden}.nw-player .dot-live{flex:none}.nw-player .nw-sleep{align-items:center;gap:var(--space-1);color:var(--nw-meta);font-family:var(--font-mono);flex:none;display:inline-flex}.nw-volume .val{min-inline-size:5ch}.nw-player__volume{flex:none;inline-size:11rem;min-inline-size:0}@media (width<=719px){.nw-player__volume{display:none}}.nw-player__song{flex:none;place-items:center;inline-size:44px;display:grid}@media (width<=599px){.nw-player__song{display:none}}.nw-player__song .menu-anchor>.dd{inset-block-start:auto;inset-block-end:calc(100% + var(--space-2))}.nw-player .nowplaying__art{view-transition-name:nowplaying-art}.nw-player .nowplaying__title{view-transition-name:nowplaying-title}.nw-full__extras{justify-content:center;align-items:center;gap:var(--space-4);inline-size:min(22rem,100%);display:flex}.nw-full__extras .nw-volume{flex:auto;min-inline-size:0}.nw-full__extras .nw-volume--mute-only{flex:none;min-inline-size:0}.nw-full__extras .menu-anchor>.dd{inset-block-start:auto;inset-block-end:calc(100% + var(--space-2))}.nw-full .nowplaying-full__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-block-size:2lh;display:-webkit-box;overflow:hidden}.nw-full .nowplaying-full__station{min-block-size:1lh}@keyframes nw-swap-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.nw-player__swap{animation:nw-swap-in var(--dur-base) var(--ease-out)}.nw-player{isolation:isolate;position:relative}.nw-player .nw-visualizer{z-index:-1;block-size:auto;padding-inline:calc(var(--space-4) + var(--safe-l)) calc(var(--space-4) + var(--safe-r));opacity:.16;pointer-events:none;position:absolute;inset:0;overflow:hidden}.nw-eq{max-inline-size:var(--container-sm);align-items:flex-start;gap:var(--space-4);flex-direction:column;margin-block-end:var(--space-5);display:flex}.nw-eq__bank{padding:var(--space-2);scroll-padding-inline:var(--space-2)}.toast-wrap{inset-block-end:calc(var(--nw-nowplaying-h) + var(--space-6) + var(--safe-b));inset-inline:auto var(--space-4);max-inline-size:calc(100% - 2 * var(--space-4))}