/* Compact controls retain the site's atmosphere and manual light/dark palette. */
.music-invitation{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:7px 13px 7px 9px;border:1px solid var(--line);border-radius:999px;background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 12%,var(--panel-solid)),var(--panel-solid));color:var(--ink);font:500 .875rem/1.3 var(--sans);text-transform:none;letter-spacing:0;cursor:pointer;touch-action:manipulation}
.subnav .music-invitation{margin-block:9px}
.music-invitation-icon{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:50%;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel-solid))}
.music-invitation svg{display:block;width:17px;height:17px}
.music-invitation:hover,.music-invitation[aria-expanded=true]{border-color:var(--accent)}
.music-invitation.is-playing .music-invitation-icon{color:var(--paper);background:var(--ink)}
.browse-music[hidden],.browse-music [hidden]{display:none!important}
.browse-music{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:90;width:min(288px,calc(100% - 24px));box-sizing:border-box;padding:8px;color:var(--ink);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 8%,var(--panel-solid)),var(--panel-solid) 48%,color-mix(in srgb,var(--accent-2) 8%,var(--panel-solid)));border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);max-height:calc(100dvh - var(--site-header-height,72px) - 24px);overflow-y:auto;overscroll-behavior:contain;font:400 .875rem/1.35 var(--sans);scrollbar-width:thin}
.browse-music-heading{display:flex;align-items:center;gap:2px}
.browse-music-album{display:flex;align-items:center;gap:7px;flex:1;min-width:0;min-height:44px;color:var(--ink);font-size:.875rem;text-decoration:none}
.browse-music-album img{width:32px;height:32px;object-fit:cover;border-radius:8px;flex:none}
.browse-music-album span{max-width:65px;line-height:1.2}
.browse-music button{font:inherit;cursor:pointer;min-height:44px;touch-action:manipulation;border:1px solid var(--line);border-radius:10px;background:var(--panel-solid);color:inherit}
.browse-music button:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 10%,var(--panel-solid));border-color:var(--accent)}
.browse-music :is(button,a,input,select):focus-visible,.music-invitation:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.browse-music-heading [data-music-close]{flex:0 0 44px;border:0;background:transparent;display:grid;place-items:center}
.browse-music svg{display:block;width:19px;height:19px;flex:none}
.browse-music .browse-music-compact{padding:0 7px;min-width:64px;border:0;background:transparent;color:var(--muted);font-size:.875rem}
.browse-music-sets{display:grid;gap:4px;margin-top:3px}
.browse-music .browse-music-choice{display:flex;align-items:center;gap:8px;box-sizing:border-box;width:100%;min-width:0;padding:5px 9px;text-align:left;font-size:.875rem;line-height:1.2}
.browse-music-choice::before{content:'';width:8px;height:8px;flex:none;border:1px solid currentColor;border-radius:50%;opacity:.55}
.browse-music .browse-music-choice[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel-solid));font-weight:600}
.browse-music-choice[aria-pressed=true]::before{background:currentColor;opacity:1}
.browse-music-track{font-size:.875rem;font-weight:600;margin:5px 2px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.browse-music-transport{display:grid;grid-template-columns:44px minmax(44px,1fr) 44px 48px 44px;gap:4px}
.browse-music-transport button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;padding:5px;font-size:.875rem}
.browse-music-play span{display:none}
.browse-music-transport .browse-music-play{background:var(--ink);border-color:var(--ink);color:var(--paper);font-weight:600}
.browse-music-transport .browse-music-play:hover{background:color-mix(in srgb,var(--ink) 92%,var(--paper));border-color:var(--ink)}
.browse-music-transport button:disabled{opacity:.45;cursor:default}
.browse-music-volume{display:flex;align-items:center;gap:5px;font-size:.875rem;margin-top:2px}
.browse-music-volume svg{display:none}
.browse-music-volume input{min-width:0;flex:1;height:44px;margin:0;accent-color:var(--accent);cursor:pointer}
.browse-music-volume output{min-width:34px;text-align:right;font-variant-numeric:tabular-nums}
.browse-music-status:not(.is-error){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}
.browse-music-status.is-error{font-size:.875rem;margin:5px 2px;color:var(--ink)}
.browse-music.is-compact{width:min(280px,calc(100% - 24px));display:grid;grid-template-columns:minmax(0,1fr) 44px 64px 44px;gap:2px;padding:6px;border-radius:15px;align-items:center}
.browse-music.is-compact .browse-music-heading,.browse-music.is-compact [data-music-body],.browse-music.is-compact .browse-music-transport{display:contents}
.browse-music.is-compact .browse-music-album,.browse-music.is-compact .browse-music-transport button:not(.browse-music-play),.browse-music.is-compact .browse-music-play span{display:none}
.browse-music.is-compact .browse-music-track{grid-column:1;grid-row:1;margin:0 4px;font-size:.875rem}
.browse-music.is-compact .browse-music-play{grid-column:2;grid-row:1}
.browse-music.is-compact .browse-music-compact{grid-column:3;grid-row:1;padding:0 4px}
.browse-music.is-compact [data-music-close]{grid-column:4;grid-row:1}
.browse-music.is-compact .browse-music-status.is-error{grid-column:1/-1}
.lightbox-music{display:flex;gap:8px;margin-top:16px}.lightbox-music[hidden]{display:none}
.lightbox .lightbox-music button{position:static;width:auto;height:auto;min-height:44px;border-radius:12px;font:inherit;font-size:.875rem;padding:8px 14px;touch-action:manipulation}
@media(min-width:601px){.browse-music{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}}