.listener-player-diagnostics-root{background:var(--diagnostics-stream-background);color:var(--diagnostics-stream-text);overscroll-behavior:contain;height:100dvh;min-height:0;font-family:var(--font-google-sans,system-ui, sans-serif);padding:2rem;overflow:hidden auto}.listener-player-diagnostics-header,.listener-player-diagnostics-summary,.listener-player-diagnostics-activity header,.listener-player-diagnostics-history header,.listener-player-diagnostics-deck header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.listener-player-diagnostics-header h1,.listener-player-diagnostics-activity h2,.listener-player-diagnostics-history h2,.listener-player-diagnostics-deck h2{margin:.2rem 0 0}.listener-player-diagnostics-header small,.listener-player-diagnostics-activity small,.listener-player-diagnostics-history small,.listener-player-diagnostics-deck header small{color:var(--diagnostics-stream-muted);text-transform:uppercase;letter-spacing:.08em}.listener-player-diagnostics-header>div:last-child{text-align:right;gap:.25rem;display:grid}.listener-player-diagnostics-header .is-live strong{color:var(--diagnostics-stream-live)}.listener-player-diagnostics-header .is-stale strong{color:var(--diagnostics-stream-warning)}.listener-player-diagnostics-header span{color:var(--diagnostics-stream-soft-text);font-size:var(--font-size-sm)}.listener-player-diagnostics-summary{flex-wrap:wrap;justify-content:flex-start;margin:1.5rem 0}.listener-player-diagnostics-summary span,.listener-player-diagnostics-output,.listener-player-diagnostics-activity,.listener-player-diagnostics-history,.listener-player-diagnostics-deck,.listener-player-diagnostics-empty{background:var(--diagnostics-stream-surface);border:1px solid var(--diagnostics-stream-border);border-radius:.8rem}.listener-player-diagnostics-summary span{color:var(--diagnostics-stream-summary-text);padding:.45rem .7rem}.listener-player-diagnostics-activity,.listener-player-diagnostics-history,.listener-player-diagnostics-output,.listener-player-diagnostics-empty{margin:1rem 0;padding:1rem}.listener-player-diagnostics-output{flex-wrap:wrap;align-items:baseline;gap:.35rem .7rem;display:flex}.listener-player-diagnostics-activity ul{gap:.35rem;margin:.8rem 0 0;padding-left:1.2rem;display:grid}.listener-player-diagnostics-decks{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1rem;display:grid}.listener-player-diagnostics-deck{padding:1rem}.listener-player-diagnostics-deck.is-active{border-color:var(--diagnostics-stream-live)}.listener-player-diagnostics-deck>p{color:var(--diagnostics-stream-soft-text);font-size:var(--font-size-sm);overflow-wrap:anywhere}.listener-player-diagnostics-timeline{background:var(--diagnostics-stream-background);border-radius:999px;height:.45rem;overflow:hidden}.listener-player-diagnostics-timeline span{background:var(--diagnostics-stream-live);height:100%;display:block}.listener-player-diagnostics-time{justify-content:space-between;margin-top:.35rem;display:flex}.listener-player-diagnostics-deck dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin-bottom:0;display:grid}.listener-player-diagnostics-deck dl div{justify-content:space-between;gap:.5rem;display:flex}.listener-player-diagnostics-deck dt{color:var(--diagnostics-stream-muted)}.listener-player-diagnostics-deck dd{text-align:right;margin:0}.listener-player-diagnostics-actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin:1rem 0;display:flex}.listener-player-diagnostics-actions button{background:var(--diagnostics-stream-timeline);border:1px solid var(--diagnostics-stream-buffer);color:var(--diagnostics-stream-strong-text);cursor:pointer;border-radius:.5rem;padding:.55rem .8rem}.listener-player-diagnostics-history>div{overflow:auto}.listener-player-diagnostics-history table{border-collapse:collapse;width:100%;min-width:48rem}.listener-player-diagnostics-history th,.listener-player-diagnostics-history td{border-bottom:1px solid var(--diagnostics-stream-border);text-align:left;vertical-align:top;padding:.55rem}.listener-player-diagnostics-history th{color:var(--diagnostics-stream-muted);font-size:var(--font-size-sm);text-transform:uppercase}.listener-player-diagnostics-history tr.is-error td{color:var(--diagnostics-stream-danger-text)}.listener-player-diagnostics-history tr.is-warning td{color:var(--diagnostics-stream-warning)}@media (max-width:760px){.listener-player-diagnostics-header{flex-direction:column;align-items:flex-start}.listener-player-diagnostics-header>div:last-child{text-align:left}}.listener-player-diagnostics-timeline{isolation:isolate;position:relative}.listener-player-diagnostics-timeline .diagnostics-buffer-range{background:var(--diagnostics-stream-buffer-range);z-index:-1;position:absolute;top:0;bottom:0}.listener-player-diagnostics-root .diagnostics-mixer{gap:1rem;display:grid}.listener-player-diagnostics-root .player-debug-root{grid-template-columns:minmax(0,1fr);width:100%;min-width:0;max-width:none;margin:1rem 0}.listener-player-diagnostics-root .player-debug-cache-objects .is-canceled{background:var(--diagnostics-stream-canceled)}.listener-player-diagnostics-root .player-debug-cache-objects span:focus-visible{outline:2px solid var(--palette-white)}.listener-player-diagnostics-root{overflow-wrap:anywhere}@media (max-width:760px){.listener-player-diagnostics-root{padding:1rem}.listener-player-diagnostics-root .player-debug-pipeline{flex-wrap:wrap}.listener-player-diagnostics-root .player-debug-cache header{flex-direction:column;align-items:flex-start}}.listener-player-diagnostics-root .player-debug-root{padding-inline:0}.listener-player-diagnostics-root .player-debug-gain-track{min-width:0}@media (prefers-reduced-motion:reduce){.listener-player-diagnostics-root .player-debug-cache-objects span{animation:none}}
.library-page-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:26px 0 34px;display:grid}.library-page-hero h1{letter-spacing:-.065em;margin:0;font-size:clamp(2.8rem,7vw,5.8rem);line-height:.94}.library-page-lede{max-width:650px;color:var(--text-soft);font-size:var(--font-size-sm);margin:18px 0 0;line-height:1.65}.library-page-summary{flex-wrap:wrap;justify-content:flex-end;align-items:stretch;gap:10px;display:flex}.library-create-link{background:var(--green-400);min-height:44px;color:var(--text-on-selection);cursor:pointer;font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-heavy);box-shadow:0 10px 26px var(--community-green-a18);border:0;border-radius:999px;justify-content:center;align-self:center;align-items:center;gap:7px;padding:0 18px;text-decoration:none;display:inline-flex}.library-create-link:hover{background:var(--green-300);transform:translateY(-1px)}.library-section{gap:18px;margin-top:34px;display:grid}.library-section-heading{justify-content:space-between;align-items:end;gap:18px;display:flex}.library-section-heading h2,.library-section-heading p{margin:0}.library-section-heading h2{letter-spacing:-.035em;font-size:clamp(1.45rem,3vw,2.1rem)}.library-section-heading p{color:var(--muted);font-size:var(--font-size-sm);margin-top:7px;line-height:1.5}.library-section-heading>span{border:1px solid var(--line);background:var(--white-a4);color:var(--muted-strong);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:999px;flex:none;padding:7px 10px}.playlist-library-section{margin-top:38px}@media (max-width:760px){.library-page-hero{grid-template-columns:1fr;gap:22px;padding-top:18px}.library-page-summary{justify-content:flex-start}.library-section-heading{align-items:flex-start;gap:var(--space-3);flex-direction:column}}
.listener-home-topic-header{align-items:center;gap:6px var(--space-4);margin-bottom:var(--space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.listener-home-topic-copy{display:contents}.listener-home-topic-copy h2{overflow-wrap:anywhere;grid-area:1/1;min-width:0;margin:0;font-size:clamp(1.3rem,2.4vw,1.9rem);line-height:1.2}.listener-home-topic-copy p{color:var(--muted-strong);font-size:var(--font-size-sm);grid-area:2/1/auto/-1;margin:0}.listener-home-topic-copy h2>a,.listener-home-topic-copy h2>button,.listener-home-topic-action>a,.listener-home-topic-action>button{color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0;text-decoration:none}.listener-home-topic-action{color:var(--text-soft);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);grid-area:1/2;justify-self:end}.listener-home-topic-action>a,.listener-home-topic-action>button{white-space:nowrap;align-items:center;min-height:44px;display:inline-flex}.listener-home-topic-copy h2>:is(a,button):hover,.listener-home-topic-action>:is(a,button):hover{color:var(--text);text-decoration:underline}.listener-home-topic-copy h2>:is(a,button):focus-visible,.listener-home-topic-action>:is(a,button):focus-visible{outline:2px solid var(--focus);outline-offset:4px}@media (pointer:coarse){.listener-home-topic-copy h2>:is(a,button){align-items:center;min-height:44px;display:inline-flex}}
.album-style-tags{width:var(--album-discovery-pane-width,100%);margin-inline:calc((100% - var(--album-discovery-pane-width,100%)) / 2);background:var(--surface);border-block:1px solid var(--line)}.track-section:has(>.album-style-tags){margin-top:0}.album-style-tag-viewport{transition:height .2s;overflow:hidden}.album-style-tag-content{width:var(--album-discovery-content-width,100%);padding-block:var(--space-3);box-sizing:border-box;margin-inline:auto}.album-style-tag-toolbar.track-table-toolbar{gap:var(--space-2);flex-flow:row;min-height:40px;margin:0;padding:0}.album-style-tag-preview{flex:1 1 0;min-width:0}.album-style-tag-toolbar .track-list-search{flex:none;margin-inline-start:0}.album-style-tag-toolbar .track-list-search.is-expanded .track-list-search-field{width:min(240px,40vw)}.album-style-tag-groups{gap:var(--space-3);display:grid}.album-style-tags[data-expanded=true] .album-style-tag-groups{padding-block-start:var(--space-3)}.album-style-tag-row{gap:var(--space-3);grid-template-columns:minmax(0,1fr);align-items:start;min-width:0;display:grid}.album-style-tags[data-expanded=true] .album-style-tag-row{grid-template-columns:4rem minmax(0,1fr)}.album-style-tags[data-expanded=true] .album-style-tag-groups{animation:.2s album-categories-reveal}.album-style-tag-label{font-size:var(--font-size-sm);color:var(--muted-strong);padding-top:.4rem}.album-style-tag-items{gap:.5rem;min-width:0;display:flex;overflow:hidden}.album-style-tags[data-expanded=true] .album-style-tag-items{flex-wrap:wrap}.album-style-tag{font-size:var(--font-size-sm);white-space:nowrap;border:1px solid;border-radius:999px;flex:none;padding:.35rem .8rem;text-decoration:none}.album-style-tags[data-expanded=true] .album-style-tag{white-space:normal;overflow-wrap:anywhere;max-width:100%}.album-style-tag[hidden]{display:none}.album-style-tag-genre{color:#b5e8d6;background:#17362e;border-color:#41685c}.album-style-tag-mood{color:#f3dbad;background:#3b301c;border-color:#796039}.album-style-tag-style{color:#c2daf8;background:#23364f;border-color:#4f6b90}.album-style-tag-expand{width:40px;height:40px;color:var(--muted-strong);border-radius:var(--radius-small);font:inherit;cursor:pointer;background:0 0;border:0;flex:0 0 40px;place-items:center;padding:0;display:grid}.album-style-tag-expand:hover{color:var(--text);background:var(--surface-hover)}.album-style-tag-expand:focus-visible,.album-style-tag:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.album-style-tag-expand svg{transition:transform .2s}.album-style-tags[data-expanded=true] .album-style-tag-expand svg{transform:rotate(180deg)}.album-style-tag:hover{filter:brightness(1.15)}@keyframes album-categories-reveal{0%{opacity:.5}to{opacity:1}}@media (prefers-reduced-motion:reduce){.album-style-tag-viewport,.album-style-tag-expand svg{transition:none}.album-style-tags[data-expanded=true] .album-style-tag-groups{animation:none}}.explore-section{margin-block:var(--space-6)}.explore-tag-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));display:grid}.explore-tag-tile{isolation:isolate;aspect-ratio:1;min-width:0;min-height:0;padding:var(--space-4);border-radius:var(--radius-small);color:#fff;background:#23364f;align-items:end;text-decoration:none;display:flex;position:relative;overflow:hidden}.explore-tag-genre{background:linear-gradient(130deg,#17483c,#10271f)}.explore-tag-mood{background:linear-gradient(130deg,#715322,#302713)}.explore-tag-style{background:linear-gradient(130deg,#294f79,#172738)}.explore-tag-pattern{z-index:-1;border:22px solid #ffffff13;border-radius:50%;width:160px;height:160px;position:absolute;top:-30px;right:-40px;transform:rotate(-20deg);box-shadow:0 0 0 22px #ffffff0a}.explore-tag-artwork{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.explore-tag-tile:after{content:"";z-index:-1;background:linear-gradient(#0000,#000b);position:absolute;inset:0}.explore-tag-name{font-size:var(--font-size-heading);font-weight:var(--media-heading-weight,600);overflow-wrap:break-word;min-width:0;max-width:100%;line-height:1.25}@media (max-width:560px){.explore-tag-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr))}.explore-tag-name{font-size:20px}}.explore-tag-tile:hover{filter:brightness(1.12)}.explore-page-heading p{max-width:65ch}.explore-detail-hero{container-type:inline-size}.explore-detail-hero .collection-hero.collection-hero-artwork-background .collection-hero-content{width:100cqw;margin-inline:auto}.explore-detail-hero .collection-hero .collection-hero-content{padding-bottom:var(--space-7);grid-template-columns:240px minmax(0,1fr);align-items:center}.explore-detail-hero .collection-artwork{border-radius:var(--radius-small);width:240px;height:240px}.explore-detail-hero .collection-copy{min-width:0}.explore-detail-hero .collection-copy h1{overflow-wrap:anywhere;font-size:clamp(2.5rem,5vw,5rem);line-height:1.05}.explore-detail-hero .collection-summary{white-space:pre-wrap;overflow-wrap:anywhere;display:block}.explore-detail-cover{isolation:isolate;width:100%;height:100%;position:relative;overflow:hidden}.explore-detail-cover:after{content:"";background:linear-gradient(#0000,#000b);position:absolute;inset:0}.explore-albums-heading{margin-block:var(--space-6) var(--space-4)}@media not (min-width:768px){.explore-detail-hero .collection-hero .collection-hero-content{gap:var(--space-5);grid-template-columns:160px minmax(0,1fr)}.explore-detail-hero .collection-artwork{width:160px;height:160px}}@media not (min-width:560px){.explore-detail-hero .collection-hero .collection-hero-content{grid-template-columns:minmax(0,1fr);align-items:start}.explore-detail-hero .collection-copy h1{font-size:clamp(2rem,9vw,3rem)}}@media (max-width:560px){.album-style-tags[data-expanded=true] .album-style-tag-row{gap:var(--space-2);grid-template-columns:3.5rem minmax(0,1fr)}}@media (forced-colors:active){.explore-tag-tile,.album-style-tag{color:linktext;border:1px solid buttontext}}
.listener-search-page{min-width:0}.listener-search-heading{max-width:48rem;margin-bottom:2rem}.listener-search-heading h1{letter-spacing:-.055em;margin:0 0 .8rem;font-size:clamp(2.7rem,7vw,4.8rem);line-height:1.05}.listener-search-heading .eyebrow{color:var(--green-500);font-size:var(--font-size-xs);font-weight:var(--font-weight-heavy);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .75rem}.listener-search-heading>p:last-child{color:var(--text-soft);margin:0;line-height:1.6}.listener-search-page .search-groups{gap:3.5rem;display:grid}.listener-search-page .search-group{min-width:0;margin:0}.listener-search-group-heading{margin-bottom:1rem}.listener-search-group-heading h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.7rem,4vw,2.6rem)}.listener-search-group-heading p{color:var(--muted);margin:.35rem 0 0}.search-empty-card{box-sizing:border-box;border:1px dashed var(--line-strong);width:100%;min-height:8rem;color:var(--muted);background:var(--surface);text-align:center;border-radius:.75rem;align-content:center;justify-items:center;gap:.4rem;padding:1.25rem 1.5rem;display:grid}.search-empty-card h3{margin:0;font-size:1rem}.search-empty-card p{margin:0}.listener-search-more{border:1px solid var(--line);color:var(--text);background:var(--surface-raised);cursor:pointer;border-radius:999px;margin:1.5rem auto 0;padding:.6rem 1rem;display:block}.listener-search-more:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-hover)}.listener-search-more:disabled{opacity:.65;cursor:wait}.listener-user-search-results{gap:.5rem;padding:0;list-style:none;display:grid}.listener-user-search-results a,.listener-user-search-results button{width:100%;color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem;text-decoration:none;display:flex}.listener-user-search-results a:hover,.listener-user-search-results button:hover{background:var(--white-a6)}.listener-user-search-results strong,.listener-user-search-results small{overflow-wrap:anywhere;display:block}.listener-user-search-results small{opacity:.7}.listener-user-search-avatar{background:#ffffff1a;border-radius:50%;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.listener-user-search-avatar img{object-fit:cover}
.public-profile-card{align-items:start;gap:clamp(var(--space-5), 4vw, 42px);background:linear-gradient(135deg, var(--forest-850), var(--forest-1000));min-height:270px;padding:clamp(28px, 4vw, var(--space-7));box-shadow:inset 0 1px 0 var(--white-a7), 0 22px 60px var(--black-a20);border:1px solid #ffffff1a;border-radius:26px;grid-template-columns:minmax(150px,180px) minmax(0,1fr);margin:22px 0 34px;display:grid;position:relative;overflow:hidden}.public-profile-card:after{content:"";pointer-events:none;border:1px solid #6ae69b14;border-radius:50%;width:360px;height:360px;position:absolute;bottom:-155px;right:-65px;box-shadow:0 0 0 42px #6ae69b08,0 0 0 86px #6ae69b05}.public-profile-card h1,.public-profile-card p{margin:0}.public-profile-copy{z-index:1;min-width:0;position:relative}.public-profile-card h1{max-width:900px;color:var(--text);letter-spacing:-.065em;font-size:clamp(2.7rem,7vw,5.8rem);line-height:.94}.public-profile-title-row{margin-top:var(--space-2);flex-wrap:wrap;align-items:center;gap:14px;display:flex}.public-profile-meta{align-items:center;gap:var(--space-2) 0;color:var(--text-soft);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);flex-wrap:wrap;margin-top:20px;display:flex}.public-profile-meta span{align-items:center;display:inline-flex}.public-profile-meta span:not(:last-child):after{background:var(--green-500);content:"";border-radius:50%;width:4px;height:4px;margin:0 11px}.public-profile-social{gap:var(--space-4);color:var(--muted-strong);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);flex-wrap:wrap;margin-top:17px;display:flex}.public-profile-social strong{color:var(--text);font-size:.9rem}.public-profile-follow{border:1px solid var(--green-500);background:var(--green-500);color:#07140d;min-width:112px;min-height:42px;font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-heavy);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;margin-top:18px;padding:0 18px;text-decoration:none;display:inline-flex}.public-profile-follow:hover,.public-profile-follow:focus-visible{background:#77efa7;border-color:#77efa7}.public-profile-follow.is-following{background:var(--white-a8);color:var(--text);border-color:#fff3}.public-profile-follow:disabled{cursor:wait;opacity:.68}.public-profile-follow.is-owner,.public-profile-follow.is-owner:disabled{background:var(--white-a7);color:var(--muted-strong);cursor:default;opacity:1;border-color:#ffffff29}.public-profile-follow-message{color:#fca5a5;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-top:10px!important}.public-profile-edit{gap:var(--space-2);background:var(--white-a7);width:fit-content;min-height:40px;padding:0 var(--space-4);color:var(--palette-white);font-weight:var(--font-weight-bold);border:1px solid #ffffff29;border-radius:999px;align-items:center;margin-top:18px;text-decoration:none;display:inline-flex}.public-profile-edit:hover,.public-profile-edit:focus-visible{background:#34d39924;border-color:#34d39994}.public-profile-management{justify-content:space-between;align-items:center;gap:var(--space-5);background:linear-gradient(135deg, #34d39917, transparent 52%), var(--surface);padding:22px var(--space-5);border:1px solid #ffffff1a;border-radius:18px;margin-top:34px;display:flex}.public-profile-management h2,.public-profile-management p{margin:0}.public-profile-management h2{margin-top:var(--space-1);color:var(--text);font-size:1.2rem}.public-profile-management>div>p:last-child{color:var(--text-soft);font-size:var(--font-size-sm);margin-top:7px}.public-profile-management>.public-profile-edit{flex:none;margin-top:0}.user-plan-badge{--plan-accent:#cbd5e1;--plan-accent-strong:#f1f5f9;--plan-surface:var(--muted);border:1px solid color-mix(in srgb, var(--plan-accent-strong) 44%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--plan-accent) 24%, transparent), color-mix(in srgb, var(--plan-surface) 12%, transparent)), #202428;min-height:28px;color:var(--plan-accent-strong);font-size:var(--font-size-xs);font-weight:var(--font-weight-heavy);text-transform:uppercase;white-space:nowrap;box-shadow:0 8px 22px color-mix(in srgb, var(--plan-accent) 12%, transparent);border-radius:999px;align-items:center;padding:5px 10px;line-height:1;display:inline-flex}.user-plan-badge[data-plan=free]{--plan-accent:#cbd5e1;--plan-accent-strong:#f1f5f9;--plan-surface:var(--muted)}.user-plan-badge[data-plan=basic]{--plan-accent:#38bdf8;--plan-accent-strong:#7dd3fc;--plan-surface:#3b82f6}.user-plan-badge[data-plan=plus]{--plan-accent:#f472b6;--plan-accent-strong:var(--quality-very-high-color);--plan-surface:#f97316}.user-plan-badge[data-plan=pro]{--plan-accent:#f59e0b;--plan-accent-strong:#fde047;--plan-surface:#ca8a04}.public-profile-avatar{z-index:1;aspect-ratio:1;width:min(100%,180px);color:var(--palette-white);font-size:clamp(3rem,8vw,5rem);font-weight:var(--font-weight-heavy);background:linear-gradient(145deg,#29c76f,#0d7350);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2e,0 22px 48px #00000052}.public-profile-avatar img{object-fit:cover;width:100%;height:100%}.listen-along-profile-card{align-items:center;gap:clamp(var(--space-4), 2.4vw, 26px);border:1px solid var(--line-strong);background:var(--surface);padding:clamp(var(--space-4), 2.5vw, var(--space-5));border-radius:18px;outline:none;grid-template-columns:104px minmax(0,1fr) auto;margin:22px 0 38px;display:grid;position:relative;overflow:visible;box-shadow:0 18px 46px #0000002e}.listen-along-profile-card:focus-visible{box-shadow:0 0 0 2px #42d77d61,0 18px 46px #0000002e}.listen-along-profile-artwork{border:1px solid var(--white-a11);background:linear-gradient(145deg, var(--forest-800), var(--forest-950));width:104px;height:104px;color:var(--green-300);box-shadow:0 12px 28px var(--black-a24);transition:border-color var(--duration-hover) ease, box-shadow var(--duration-hover) ease, transform var(--duration-hover) ease;border-radius:14px;place-items:center;text-decoration:none;display:grid;overflow:hidden}a.listen-along-profile-artwork:hover,a.listen-along-profile-artwork:focus-visible{box-shadow:0 0 0 3px var(--accent-a14), 0 14px 32px #00000047;border-color:#42d77d9e;outline:none;transform:translateY(-2px)}.listen-along-profile-artwork img{object-fit:cover;width:100%;height:100%}.listen-along-profile-artwork svg{width:34px;height:34px}.listen-along-profile-copy{gap:5px;min-width:0;display:grid}.listen-along-profile-copy p{color:var(--green-300);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;margin:0 0 2px;display:flex}.listen-along-live-dot{background:var(--green-300);border-radius:999px;width:7px;height:7px;box-shadow:0 0 0 4px #42d77d1f}.listen-along-profile-title{width:fit-content;max-width:100%;color:var(--text);font-size:clamp(1.05rem,2vw,1.35rem);font-weight:var(--font-weight-bold);letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;text-decoration:none;overflow:hidden}a.listen-along-profile-title:hover,a.listen-along-profile-title:focus-visible,button.listen-along-profile-title:hover,button.listen-along-profile-title:focus-visible,.listen-along-profile-artist:hover,.listen-along-profile-artist:focus-visible{color:var(--green-300);text-underline-offset:3px;outline:none;text-decoration:underline}.listen-along-profile-artist{width:fit-content;max-width:100%;color:var(--text-soft);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none;overflow:hidden}.listen-along-profile-progress{align-items:center;gap:var(--space-3);margin-top:var(--space-2);grid-template-columns:minmax(80px,420px) auto;display:grid}.listen-along-profile-progress span{color:var(--muted-strong);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.listen-along-profile-copy small{color:var(--muted);font-size:var(--font-size-xs);margin-top:2px}.listen-along-join-button,.listen-along-profile-owner{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);white-space:nowrap;border-radius:999px;justify-self:end;padding:11px 17px}.listen-along-join-button{border:1px solid var(--green-400);background:var(--green-400);color:var(--forest-950);cursor:pointer;text-decoration:none}.listen-along-join-button:hover,.listen-along-join-button:focus-visible{background:var(--green-300);box-shadow:0 0 0 3px var(--accent-a16);outline:none}.listen-along-join-button:disabled{cursor:default;opacity:.68}.listen-along-profile-owner{background:var(--white-a6);color:var(--text-soft);border:1px solid #ffffff1a}.listen-along-profile-artwork,.listen-along-profile-title{cursor:context-menu}a.listen-along-profile-artwork,a.listen-along-profile-title,button.listen-along-profile-title{cursor:pointer}button.listen-along-profile-title{text-align:left;background:0 0;border:0;padding:0;font-family:inherit}.listen-along-track-menu{z-index:var(--z-fullscreen)}@media (max-width:760px){.public-profile-card{border-radius:20px;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:17px;min-height:0;margin-top:10px;padding:20px}.public-profile-avatar{width:96px;font-size:2.35rem}.public-profile-card h1{font-size:clamp(1.9rem,9vw,3rem);line-height:1}.public-profile-title-row{gap:9px}.public-profile-meta{font-size:var(--font-size-xs);flex-direction:column;align-items:flex-start;gap:6px;margin-top:13px}.public-profile-meta span:not(:last-child):after{display:none}.public-profile-social{gap:var(--space-3);margin-top:var(--space-3)}.public-profile-follow,.public-profile-edit{min-height:38px;margin-top:13px}.public-profile-management{flex-direction:column;align-items:flex-start;padding:20px}.listen-along-profile-card{border-radius:15px;grid-template-columns:78px minmax(0,1fr);gap:14px;padding:14px}.listen-along-profile-artwork{border-radius:11px;width:78px;height:78px}.listen-along-profile-progress{gap:var(--space-2);grid-template-columns:minmax(60px,1fr) auto}.listen-along-join-button,.listen-along-profile-owner{text-align:center;grid-column:1/-1;justify-self:stretch;width:100%}}
.collections-browser{gap:var(--space-5);padding-bottom:var(--space-7);display:grid}.collections-browser-filters{gap:var(--space-2);flex-wrap:wrap;display:flex;position:relative}.collections-browser>[role=tabpanel]:not([hidden]){gap:var(--space-5);display:grid}.listener-tabs-collections{gap:var(--space-1);background:0 0;border:0;margin:0;padding:0;display:inline-flex}.listener-tabs-collections>.listener-tab{min-width:0;min-height:44px;color:var(--muted-strong);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);white-space:normal;overflow-wrap:anywhere;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0 15px;display:inline-flex;position:relative}.listener-tabs-collections>button{cursor:pointer}.listener-tabs-collections>button:hover,.listener-tabs-collections>button:focus-visible{background:var(--white-a5);color:var(--text)}.listener-tabs-collections>.listener-tab[data-selected=true]{background:var(--green-400);color:var(--text-on-selection);box-shadow:0 8px 22px #22c55e26}.listener-tabs-collections>.listener-tab[aria-busy=true]{border-color:var(--green-400);border-style:dashed}.collections-browser-refresh-status{color:var(--muted);font-size:var(--font-size-sm);line-height:16px;position:absolute;top:calc(100% + 3px);right:0}.collections-browser-features{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:15px;display:grid}.collections-feature{--collection-tone:var(--green-400);--collection-artwork-background:var(--surface-hover);border:1px solid var(--line-strong);background:radial-gradient(ellipse at 0% 50%, color-mix(in srgb, var(--collection-tone) 22%, transparent), transparent 90%), linear-gradient(110deg, color-mix(in srgb, var(--collection-tone) 8%, transparent), color-mix(in srgb, var(--collection-tone) 3%, transparent)), var(--surface-raised);min-height:132px;transition:background var(--duration-fast) ease, border-color var(--duration-fast) ease;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:15px;display:grid;position:relative}@media (hover:hover) and (pointer:fine){.listener-playable-card-feature:hover .collections-feature:not(.is-unavailable){border-color:color-mix(in srgb, var(--collection-tone) 30%, var(--line-strong))}.listener-playable-card-feature:hover .collections-feature:not(.is-unavailable) .collections-feature-artwork{filter:brightness(1.1)}}.collections-feature:not(.is-unavailable):focus-within{border-color:color-mix(in srgb, var(--collection-tone) 45%, var(--line-strong))}.collections-feature:not(.is-unavailable):focus-within .collections-feature-artwork{filter:brightness(1.1)}.collections-feature:has(.collections-feature-navigation:focus-visible){outline:2px solid var(--green-400);outline-offset:3px}.collections-feature-navigation:focus-visible{outline:none}a.collections-feature-navigation:after{border-radius:inherit;content:"";position:absolute;inset:0}.collections-feature-navigation{min-width:0;color:inherit;grid-template-columns:102px minmax(0,1fr);align-items:center;gap:18px;text-decoration:none;display:grid}.collections-feature-artwork{isolation:isolate;background:radial-gradient(ellipse at 18% 8%, #ffffff20, transparent 65%), var(--collection-artwork-background);width:102px;height:102px;color:var(--collection-tone);transition:filter var(--duration-fast) ease;border-radius:13px;place-items:center;display:grid;position:relative;box-shadow:inset 0 1px #ffffff26,inset 0 0 0 1px #ffffff0d,0 5px 12px #00000026}.collections-feature-artwork:before{z-index:-1;background:var(--collection-tone);opacity:.2;filter:blur(16px);content:"";border-radius:50%;position:absolute;inset:17%}.collections-feature-artwork>svg{filter:drop-shadow(0 3px 4px #00000026);width:44px;height:44px}.collections-feature-artwork.is-hero{border-radius:inherit;width:100%;height:100%;box-shadow:none}.collections-feature-artwork.is-hero>svg{width:44%;height:44%}.collections-feature-glyph>svg>g{fill:inherit;stroke:inherit}.collections-feature-icon-start{stop-color:var(--collection-tone)}@media (prefers-reduced-motion:reduce){.collections-feature,.collections-feature-artwork{transition:none}}.collections-liked-songs{--collection-tone:#f0a6ca;--collection-artwork-background:linear-gradient(140deg, #4b285b, #94436c 65%, #bb6483)}.collections-downloads{--collection-tone:#8ccff0;--collection-artwork-background:linear-gradient(140deg, #203d68, #24677d 65%, #3c939b)}.collections-recently-added{--collection-tone:#b7f0d2;--collection-artwork-background:linear-gradient(140deg, #18534c, #2e8c73 65%, #62b48b)}.collections-feature-copy{min-width:0}.collections-feature-copy strong,.collections-feature-copy small{display:block}.collections-feature-copy strong{margin-bottom:5px;font-size:1.2rem}.collections-feature-copy small,.collections-browser-card small,.collections-browser-heading span{color:var(--muted)}.listener-playable-card-feature .listener-card-play{width:50px;height:50px;top:calc(50% - 25px);right:16px}.collections-feature-playable{padding-right:82px}.collections-feature.is-unavailable{border-color:var(--line);background:var(--surface);color:var(--muted)}.collections-browser-heading{justify-content:space-between;align-items:end;gap:var(--space-4);display:flex}.collections-browser-heading h2,.collections-browser-heading span{margin:0}.collections-browser-heading h2{font-size:1.35rem}.collections-browser-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:15px;display:grid}.collections-browser-card{background:var(--surface-raised);min-width:0;transition:background var(--duration-fast) ease, transform var(--duration-fast) ease;border-radius:15px}.collections-browser-card:hover,.collections-browser-card:focus-within{background:var(--surface-hover);transform:translateY(-2px)}.collections-browser-card>a,.collections-skeleton-card-content{min-width:0;color:inherit;align-content:start;gap:10px;padding:11px 11px 14px;text-decoration:none;display:grid}.collections-skeleton-card-content .collections-browser-card-copy{gap:var(--space-2);display:grid}.collections-page-skeleton .collections-feature-copy .listener-skeleton-block{vertical-align:middle;width:60px;display:inline-block}.collections-skeleton-card-content .collections-browser-artwork{background:linear-gradient(105deg, transparent 30%, #ffffff1a 47%, transparent 64%), var(--white-a7);background-size:240% 100%}.collections-browser-artwork{aspect-ratio:1;object-fit:cover;background:var(--forest-1100);width:100%;height:auto;color:var(--green-300);border-radius:11px;align-self:start;place-items:center;display:grid}.collections-browser-card-copy{min-width:0}.collections-browser-card strong,.collections-browser-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.collections-browser-card small{margin-top:var(--space-1)}.collections-mobile-chevron{display:none}.collections-browser-empty{border:1px dashed var(--line-strong);min-height:142px;padding:var(--space-5);color:var(--muted);text-align:left;border-radius:16px;justify-content:center;align-items:center;gap:15px;display:flex}.collections-browser-empty>svg{width:32px;height:32px;color:var(--green-300)}.collections-browser-empty h3,.collections-browser-empty p{margin:0}.collections-browser-empty h3{color:var(--text)}.collections-browser-empty p{margin-top:5px}@media (max-width:760px){.collections-browser{gap:19px}.collections-browser-grid{grid-template-columns:1fr;gap:9px;display:grid}.collections-browser-features{grid-template-columns:1fr;gap:9px}.collections-feature{background:0 0;border:0;border-radius:0;grid-template-columns:1fr;min-height:0;padding:0}.collections-feature-navigation,.collections-browser-card>a,.collections-skeleton-card-content{align-items:center;gap:var(--space-3);grid-template-columns:58px minmax(0,1fr) 24px;min-height:62px;padding:0;display:grid}.collections-feature-artwork,.collections-browser-artwork{border-radius:9px;width:58px;height:58px}.collections-feature-artwork>svg{width:28px;height:28px}.collections-feature-copy strong{margin-bottom:3px;font-size:1rem}.collections-feature-playable{padding-right:var(--space-8)}.collections-feature-playable .collections-feature-navigation,.collections-feature.is-unavailable .collections-feature-navigation{grid-template-columns:58px minmax(0,1fr)}.listener-playable-card-feature .listener-card-play{right:0}.collections-feature.is-unavailable{background:0 0}.collections-browser-card{background:0 0;border-radius:0}.collections-browser-card:hover,.collections-browser-card:focus-within{background:0 0;transform:none}.collections-mobile-chevron{width:18px;height:18px;color:var(--muted);display:block}.collections-browser-heading span{display:none}}
.settings-page{--quality-normal-accent:34 197 94;--quality-normal-strong:134 239 172;--quality-normal-surface:20 184 166;--quality-high-accent:56 189 248;--quality-high-strong:125 211 252;--quality-high-surface:59 130 246;--quality-very-high-accent:244 114 182;--quality-very-high-strong:251 191 36;--quality-very-high-surface:249 115 22;--quality-premium-accent:245 158 11;--quality-premium-strong:253 224 71;--quality-premium-surface:202 138 4;width:min(1120px,100%);margin-inline:auto;padding:clamp(30px,5vw,66px) clamp(18px,4vw,54px) 72px}.settings-heading{justify-content:space-between;align-items:end;gap:var(--space-5);margin-bottom:30px;display:flex}.settings-heading h1,.settings-card h2,.settings-heading p{margin:0}.settings-heading h1{letter-spacing:-.04em;margin-top:5px;font-size:clamp(2.35rem,6vw,4.5rem)}.settings-heading>div>p:last-child{max-width:680px;margin-top:var(--space-3);color:var(--muted-strong);font-size:var(--font-size-sm);line-height:1.65}.settings-device-badge,.settings-platform-badge{border:1px solid var(--line-strong);background:var(--white-a5);color:var(--muted-strong);font-weight:var(--font-weight-bold);white-space:nowrap;border-radius:999px;align-items:center;display:inline-flex}.settings-device-badge{min-height:36px;padding:0 var(--space-3);font-size:var(--font-size-xs);gap:7px}.settings-device-badge svg{width:15px;height:15px}.settings-platform-badge{min-height:24px;padding:0 var(--space-2);color:#aeb7c4;font-size:var(--font-size-xs);letter-spacing:.03em;text-transform:uppercase}.settings-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.settings-tabs{gap:var(--space-1);border:1px solid var(--white-a9);background:var(--inset-control-surface);padding:var(--space-1);border-radius:12px;margin-bottom:18px;display:inline-flex}.settings-tabs button{min-width:116px;min-height:40px;padding:0 var(--space-4);color:var(--muted-strong);font:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);cursor:pointer;background:0 0;border:0;border-radius:8px}.settings-tabs button:hover,.settings-tabs button:focus-visible{background:var(--white-a5);color:var(--text);outline:none}.settings-tabs button[aria-selected=true]{background:var(--green-400);color:var(--text-on-selection);box-shadow:0 8px 22px #22c55e26}.settings-card{border:1px solid var(--white-a9);background:linear-gradient(145deg, var(--white-a5), transparent 42%), #15181b;min-width:0;box-shadow:inset 0 1px 0 var(--white-a4);border-radius:16px;flex-direction:column;gap:18px;padding:clamp(18px,3vw,26px);display:flex}.settings-card-wide{grid-column:span 2}.settings-card-heading{align-items:center;gap:var(--space-3);grid-template-columns:42px minmax(0,1fr) auto;display:grid}.settings-card-heading h2{letter-spacing:-.025em;margin-top:3px;font-size:1.24rem}.settings-card-icon{background:var(--community-green-a9);width:42px;height:42px;color:var(--green-300);font-size:1rem;font-weight:var(--font-weight-heavy);border:1px solid #3fd37a30;border-radius:12px;place-items:center;display:grid}.settings-card-icon svg{width:19px;height:19px}.settings-description{color:var(--muted);font-size:var(--font-size-sm);margin:-4px 0 0;line-height:1.6}.settings-field{gap:var(--space-2);color:var(--muted-strong);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.06em;text-transform:uppercase;display:grid}.settings-field>input[type=number]{background:var(--white-a4);min-height:48px;color:var(--text);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border:1px solid #94a3b84d;border-radius:11px;outline:0;padding:0 14px}.settings-field>input[type=number]:focus-visible{border-color:#5eead4b8;box-shadow:0 0 0 3px #2dd4bf24}.settings-select-shell{--quality-accent:148 163 184;--quality-strong:203 213 225;--quality-surface:255 255 255;border:1px solid rgb(var(--quality-accent) / 30%);background:linear-gradient(135deg, rgb(var(--quality-accent) / 16%), rgb(var(--quality-surface) / 5%) 55%, transparent), var(--white-a4);min-width:0;color:rgb(var(--quality-strong));border-radius:11px;grid-template-columns:minmax(0,1fr) 18px;align-items:center;display:grid;position:relative;overflow:hidden}.settings-select-shell[data-quality=normal],.settings-quality-legend [data-quality=normal]{--quality-accent:var(--quality-normal-accent);--quality-strong:var(--quality-normal-strong);--quality-surface:var(--quality-normal-surface)}.settings-select-shell[data-quality=high],.settings-quality-legend [data-quality=high]{--quality-accent:var(--quality-high-accent);--quality-strong:var(--quality-high-strong);--quality-surface:var(--quality-high-surface)}.settings-select-shell[data-quality=very_high],.settings-quality-legend [data-quality=very_high]{--quality-accent:var(--quality-very-high-accent);--quality-strong:var(--quality-very-high-strong);--quality-surface:var(--quality-very-high-surface)}.settings-select-shell[data-quality=premium],.settings-quality-legend [data-quality=premium]{--quality-accent:var(--quality-premium-accent);--quality-strong:var(--quality-premium-strong);--quality-surface:var(--quality-premium-surface)}.settings-select-shell select{z-index:1;appearance:none;width:100%;min-width:0;min-height:48px;color:inherit;font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;background:0 0;border:0;outline:0;padding:0 14px;position:relative}.settings-select-shell select option{color:#f3f6f8;background:#171a1e}.settings-select-shell>svg{pointer-events:none;width:14px;height:14px}.settings-select-shell:focus-within{border-color:rgb(var(--quality-strong) / 72%);box-shadow:0 0 0 3px rgb(var(--quality-accent) / 13%)}.settings-quality-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-disabled-group{position:relative}.settings-disabled-group>.settings-platform-badge{position:absolute;top:-2px;right:0}.settings-disabled-card,.settings-disabled-group{--disabled-opacity:.52}.settings-disabled-card fieldset,.settings-disabled-group .settings-field{opacity:var(--disabled-opacity)}.settings-disabled-card fieldset{border:0;gap:15px;min-width:0;margin:0;padding:0;display:grid}.settings-disabled-card :disabled{cursor:not-allowed}.settings-quality-legend{flex-wrap:wrap;gap:7px;display:flex}.settings-quality-legend span{--quality-accent:148 163 184;--quality-strong:203 213 225;border:1px solid rgb(var(--quality-accent) / 32%);background:rgb(var(--quality-accent) / 10%);min-height:25px;color:rgb(var(--quality-strong));font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:999px;align-items:center;padding:0 9px;display:inline-flex}.settings-section{gap:var(--space-4);border-top:1px solid var(--white-a9);margin-top:var(--space-2);padding-top:26px;display:grid}.settings-section-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.settings-section-heading h2,.settings-section-heading p{margin:0}.settings-section-heading h2{margin-top:var(--space-1);letter-spacing:-.04em;font-size:clamp(1.65rem,3.5vw,2.35rem)}.settings-section-heading>p{max-width:440px;color:var(--muted);font-size:var(--font-size-xs);text-align:right;line-height:1.55}.playback-settings-grid{width:100%}.playback-setting-options{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.equalizer-card{background:radial-gradient(circle at 78% 12%, #22c55e14, transparent 24rem), linear-gradient(145deg, var(--white-a5), transparent 42%), #121518;min-width:0;container-type:inline-size}.equalizer-card.is-enabled{border-color:#42d77d3d}.equalizer-card-icon{font-size:var(--font-size-xs);letter-spacing:-.04em}.equalizer-toolbar{grid-template-columns:minmax(0,1fr) minmax(210px,280px);align-items:end;gap:14px;display:grid}.equalizer-toggle{min-height:58px}.equalizer-preset{min-width:0}.equalizer-panel{border:1px solid var(--white-a8);background:linear-gradient(to bottom, transparent 49.7%, var(--white-a9) 50%, transparent 50.3%), #0d1012;border-radius:14px;grid-template-columns:minmax(0,1fr);gap:10px;padding:18px 18px 14px;display:grid}.equalizer-curve{border:1px solid var(--white-a7);background:var(--forest-1000);border-radius:10px;grid-area:1/1;height:112px;overflow:hidden}.equalizer-curve svg{width:100%;height:100%;display:block;overflow:visible}.equalizer-curve-zero{stroke:#ffffff2e;stroke-dasharray:8 8;stroke-width:2px}.equalizer-spectrum-area{fill:#0f58379e;pointer-events:none;stroke:none}.equalizer-spectrum-line{fill:none;pointer-events:none;stroke:#5bd3b2c7;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px;vector-effect:non-scaling-stroke}.equalizer-curve-line{fill:none;stroke:var(--green-300);stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;vector-effect:non-scaling-stroke}.equalizer-bands{gap:clamp(var(--space-1), 1.2vw, var(--space-4));grid-area:2/1;grid-template-columns:repeat(10,minmax(0,1fr));display:grid}.equalizer-band{justify-items:center;gap:var(--space-2);min-width:0;color:var(--muted-strong);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);display:grid}.equalizer-band output{min-width:32px;color:var(--green-300);font-size:var(--font-size-xs);text-align:center}.equalizer-card:not(.is-enabled) .equalizer-panel{opacity:.62}.settings-note{color:var(--muted);font-size:var(--font-size-xs)}.settings-toggle{color:var(--text-soft);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);align-items:center;gap:10px;display:flex}.crossfade-settings{border:0;gap:14px;min-width:0;margin:0;padding:0;display:grid}.crossfade-mode{gap:var(--space-3);flex-wrap:wrap;display:flex}.crossfade-mode label,.crossfade-action-toggle{align-items:center;gap:var(--space-2);cursor:pointer;min-height:44px;display:flex}.crossfade-mode input,.crossfade-action-toggle input{accent-color:var(--green-300)}.crossfade-actions{gap:var(--space-4);display:grid}.crossfade-action{min-width:0}.crossfade-duration[data-disabled=true]{opacity:.6}.settings-toggle{border:1px solid var(--line);background:var(--white-a3);min-height:64px;padding:var(--space-3) 14px;cursor:pointer;border-radius:11px}.settings-toggle:hover{background:#42d77d0f;border-color:#42d77d47}.settings-toggle:has(>input:checked){background:var(--accent-a8);border-color:#42d77d57}.settings-toggle>input{opacity:0;width:1px;height:1px;position:absolute}.settings-toggle>input+span{width:38px;height:22px;transition:background var(--duration-toggle) ease;background:#343a40;border-radius:999px;flex:none;position:relative}.settings-toggle>input+span:after{content:"";width:16px;height:16px;transition:background var(--duration-toggle) ease, transform var(--duration-toggle) ease;background:#929ba5;border-radius:50%;position:absolute;top:3px;left:3px}.settings-toggle>input:checked+span{background:var(--green-400)}.settings-toggle>input:checked+span:after{background:var(--text-on-selection);transform:translate(16px)}.settings-toggle>input:focus-visible+span{outline-offset:3px;outline:3px solid #42d77d3d}.settings-option-copy{gap:2px;display:grid;background:0 0!important;border-radius:0!important;width:auto!important;height:auto!important}.settings-option-copy strong{color:var(--text);font-size:var(--font-size-xs)}.settings-option-copy small{color:var(--muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.crossfade-duration{border:1px solid var(--line);background:var(--white-a3);border-radius:11px;gap:10px;padding:14px;display:grid}.crossfade-duration-heading,.crossfade-duration-scale{justify-content:space-between;align-items:center;display:flex}.crossfade-duration-heading{color:var(--text-soft);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.crossfade-duration-heading output{min-width:58px;color:var(--green-300);text-align:center;background:#42d77d1f;border-radius:999px;padding:5px 9px}.crossfade-duration-scale{color:var(--muted);font-size:var(--font-size-xs)}.settings-storage-summary{opacity:var(--disabled-opacity);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.settings-storage-summary div{border:1px solid var(--line);background:var(--white-a3);padding:var(--space-3);border-radius:10px}.settings-storage-summary dt{color:var(--muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase}.settings-storage-summary dd{color:var(--text-soft);font-size:var(--font-size-xs);margin:5px 0 0}.settings-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.settings-actions button{border:1px solid var(--line);background:var(--white-a4);min-height:40px;color:var(--muted);font:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);opacity:var(--disabled-opacity);border-radius:999px;padding:0 14px}.connect-settings{gap:var(--space-4);display:grid}.connect-status-badge,.connect-device-state{border:1px solid var(--line-strong);background:var(--white-a5);color:var(--muted-strong);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:capitalize;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;display:inline-flex}.connect-status-badge>span{background:#78818c;border-radius:50%;width:7px;height:7px}.connect-status-badge.is-ready{background:var(--community-green-a9);color:var(--green-300);border-color:#22c55e47}.connect-status-badge.is-ready>span{background:var(--green-400);box-shadow:0 0 12px #22c55ea6}.connect-status-badge.is-authenticating>span,.connect-status-badge.is-connecting>span,.connect-status-badge.is-resyncing>span,.connect-status-badge.is-reconnecting>span{background:var(--quality-very-high-color)}.connect-registration,.connect-empty-state{border:1px solid var(--line);background:var(--white-a3);border-radius:12px;align-items:center;gap:14px;min-width:0;padding:15px;display:flex}.connect-registration>div,.connect-empty-state>div{gap:var(--space-1);flex:1;min-width:0;display:grid}.connect-registration strong,.connect-empty-state strong{color:var(--text);font-size:var(--font-size-sm)}.connect-registration span,.connect-empty-state p{color:var(--muted);font-size:var(--font-size-xs);margin:0;line-height:1.45}.connect-registration button,.connect-empty-state a,.connect-device-actions button{min-height:39px;color:var(--green-300);font:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);white-space:nowrap;cursor:pointer;background:#22c55e1a;border:1px solid #22c55e52;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;text-decoration:none;display:inline-flex}.connect-registration button:hover:not(:disabled),.connect-empty-state a:hover,.connect-device-actions button:hover:not(:disabled){background:#22c55e2b}.connect-registration button:disabled,.connect-device-actions button:disabled{border-color:var(--line);background:var(--white-a3);color:var(--muted);cursor:not-allowed}.connect-device-actions button:disabled[aria-pressed=true]{background:var(--community-green-a14);color:var(--green-300);opacity:1;cursor:default;border-color:#22c55e6b}.connect-empty-state>svg{width:24px;height:24px;color:var(--green-300)}.connect-section-heading{justify-content:space-between;align-items:end;gap:14px;display:flex}.connect-section-heading h2,.connect-section-heading p{margin:0}.connect-section-heading h2{margin-top:3px;font-size:1.22rem}.connect-section-heading>span{color:var(--muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.connect-device-list{gap:9px;display:grid}.connect-device{align-items:center;gap:var(--space-3);border:1px solid var(--line);background:var(--white-a3);min-width:0;padding:var(--space-3);border-radius:12px;grid-template-columns:42px minmax(0,1fr) auto;display:grid}.connect-device.is-active{background:#22c55e0f;border-color:#22c55e4d}.connect-device.is-offline{opacity:.55}.connect-device-icon{background:var(--white-a6);width:42px;height:42px;color:var(--muted-strong);border-radius:11px;place-items:center;display:grid}.connect-device-icon svg{width:19px;height:19px}.connect-device-copy{gap:3px;min-width:0;display:grid}.connect-device-copy strong,.connect-device-copy span,.connect-device-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.connect-device-copy strong{color:var(--text);font-size:var(--font-size-sm)}.connect-device-copy span{color:var(--muted-strong);font-size:var(--font-size-xs)}.connect-device-copy small{color:var(--muted);font-size:var(--font-size-xs)}.connect-device-actions{align-items:center;gap:var(--space-2);display:flex}.connect-device-state.is-online{color:var(--green-300);border-color:#22c55e38}.normalization-current-adjustment{margin-top:var(--space-4);padding:14px var(--space-4);border:1px solid var(--line);background:var(--white-a3);border-radius:10px;gap:6px;display:grid}.normalization-current-heading{justify-content:space-between;align-items:baseline;gap:var(--space-4);flex-wrap:wrap;display:flex}.normalization-current-heading output{font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold)}.normalization-current-adjustment small{color:var(--muted-strong);line-height:1.5}@container not (min-width:600px){.equalizer-bands{row-gap:var(--space-5);grid-template-columns:repeat(5,minmax(0,1fr))}.equalizer-panel{padding-inline:var(--space-2)}}
@media (max-width:760px){.settings-page{padding:var(--space-5) 15px 54px}.settings-heading{align-items:start}.settings-device-badge{display:none}.settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.settings-tabs button{min-width:0}.settings-grid,.settings-quality-fields,.settings-check-list,.equalizer-toolbar{grid-template-columns:1fr}.settings-section-heading{display:grid}.settings-section-heading>p{text-align:left}.playback-setting-options{grid-template-columns:1fr}.equalizer-panel{padding-inline:var(--space-2);grid-template-columns:minmax(0,1fr)}.equalizer-bands{gap:3px;min-width:0}.equalizer-curve{min-width:0}.settings-card-wide{grid-column:auto}.settings-card{border-radius:13px;padding:18px}.settings-card-heading{grid-template-columns:38px minmax(0,1fr) auto}.settings-card-icon{width:38px;height:38px}.settings-select-shell select{min-height:50px}.connect-registration,.connect-empty-state{flex-wrap:wrap;align-items:flex-start}.connect-registration button,.connect-empty-state a{width:100%}.connect-device{grid-template-columns:38px minmax(0,1fr)}.connect-device-icon{width:38px;height:38px}.connect-device-actions{grid-column:1/-1;justify-content:space-between}.connect-device-actions button{flex:1}}
.listener-page-skeleton{width:100%;min-height:min(760px, calc(100dvh - var(--top-panel-height)));display:grid}.listener-page-skeleton-content{align-content:start;gap:clamp(28px, 4vw, var(--space-7));width:100%;display:grid}.listener-page-skeleton-delayed:not(.listener-page-skeleton-collections) .listener-page-skeleton-content,.listener-page-skeleton-delayed.listener-page-skeleton-collections .collections-browser-grid,.listener-page-skeleton-delayed.listener-page-skeleton-collections .collections-skeleton-data{opacity:0;animation:.12s ease-out .2s forwards listener-skeleton-reveal}@keyframes listener-skeleton-reveal{to{opacity:1}}.listener-skeleton-block{background:linear-gradient(105deg, transparent 30%, #ffffff1a 47%, transparent 64%), var(--white-a7);background-position:160% 0;background-size:240% 100%;border-radius:8px;animation:1.45s ease-in-out infinite listener-skeleton-shimmer;display:block;overflow:hidden}@keyframes listener-skeleton-shimmer{to{background-position:-80% 0}}.listener-skeleton-page-heading{border-bottom:1px solid var(--line);min-height:142px;padding:var(--space-5) 0;justify-content:space-between;align-items:end;gap:28px;display:flex}.listener-skeleton-heading-copy,.listener-skeleton-home-copy,.listener-skeleton-collection-copy,.listener-skeleton-profile-copy{gap:var(--space-3);min-width:0;display:grid}.listener-skeleton-eyebrow{border-radius:999px;width:92px;height:9px}.listener-skeleton-title{width:min(330px,64vw);height:42px}.listener-skeleton-display-title{width:min(520px,76vw);height:62px}.listener-skeleton-copy{border-radius:999px;width:min(330px,68vw);height:11px}.listener-skeleton-copy-wide{width:min(600px,80vw)}.listener-skeleton-heading-stat{border-radius:13px;width:104px;height:46px}.listener-skeleton-section{gap:20px;display:grid}.listener-skeleton-section-heading{justify-content:space-between;align-items:end;gap:22px;display:flex}.listener-skeleton-section-heading>div{gap:9px;display:grid}.listener-skeleton-subtitle{width:min(250px,56vw);height:23px}.listener-skeleton-count{border-radius:999px;width:64px;height:10px}.listener-skeleton-card-grid{grid-template-columns:repeat(auto-fill,minmax(min(148px,38vw),1fr));gap:clamp(14px,2vw,22px);display:grid}.listener-skeleton-card{gap:9px;min-width:0;display:grid}.listener-skeleton-card-artwork{aspect-ratio:1;border-radius:14px;width:100%}.listener-skeleton-card-title{border-radius:999px;width:78%;height:13px}.listener-skeleton-card-copy{border-radius:999px;width:54%;height:9px}.listener-skeleton-actions,.listener-skeleton-meta{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.listener-skeleton-actions{margin-top:var(--space-2)}.listener-skeleton-actions>.listener-skeleton-block,.listener-skeleton-button{border-radius:999px;width:108px;height:40px}.listener-skeleton-actions>.listener-skeleton-round-action{width:43px;height:43px}.listener-skeleton-meta>.listener-skeleton-block{border-radius:999px;width:82px;height:10px}.listener-skeleton-track-list{gap:2px;display:grid}.listener-skeleton-track-header,.listener-skeleton-track-row{padding-inline:var(--space-2);grid-template-columns:28px 44px minmax(120px,1fr) minmax(68px,20%) 52px;align-items:center;gap:11px;display:grid}.listener-skeleton-track-header{grid-template-columns:minmax(180px,1fr) 90px 52px;height:32px}.listener-skeleton-track-header>.listener-skeleton-block{border-radius:999px;width:48px;height:8px}.listener-skeleton-track-header>.listener-skeleton-block:nth-child(2),.listener-skeleton-track-header>.listener-skeleton-block:nth-child(3){justify-self:end}.listener-skeleton-track-row{border-radius:11px;min-height:60px}.listener-skeleton-track-row:nth-child(2n){background:var(--white-a2)}.listener-skeleton-track-index{justify-self:center;width:14px;height:9px}.listener-skeleton-track-artwork{border-radius:8px;width:40px;height:40px}.listener-skeleton-track-copy{gap:7px;display:grid}.listener-skeleton-track-title{border-radius:999px;width:min(230px,76%);height:11px}.listener-skeleton-track-artist,.listener-skeleton-track-meta,.listener-skeleton-track-duration{border-radius:999px;height:9px}.listener-skeleton-track-artist{width:min(145px,50%)}.listener-skeleton-track-meta{width:68%}.listener-skeleton-track-duration{justify-self:end;width:34px}.listener-skeleton-home-hero{align-items:center;gap:clamp(28px, 5vw, var(--space-8));border:1px solid var(--line);background:var(--white-a2);padding:clamp(var(--space-5), 5vw, 58px);border-radius:clamp(18px,3vw,28px);grid-template-columns:minmax(0,1.2fr) minmax(210px,.8fr);min-height:310px;display:grid}.listener-skeleton-collection-hero{border-bottom:1px solid var(--line)}.listener-skeleton-collection-hero-content{align-items:end;gap:clamp(var(--space-5), 4vw, var(--space-7));grid-template-columns:clamp(210px,20vw,270px) minmax(0,1fr);min-height:290px;padding-bottom:42px;display:grid}.listener-skeleton-collection-hero-artwork-background{background-color:var(--forest-1100);background-image:linear-gradient(to bottom, var(--forest-800) 0%, var(--forest-950) 42%, var(--forest-1050) 68%, var(--forest-1100) 100%)}.listener-skeleton-feature-artwork,.listener-skeleton-collection-artwork{aspect-ratio:1;border-radius:20px;justify-self:end;width:min(100%,290px)}.listener-skeleton-collection-artwork{justify-self:start}.listener-skeleton-profile-hero{border-bottom:1px solid var(--line);grid-template-columns:124px minmax(0,1fr);align-items:center;gap:clamp(22px,4vw,42px);min-height:190px;padding-block:28px;display:grid}.listener-skeleton-avatar{aspect-ratio:1;border-radius:50%;width:124px}.listener-skeleton-listen-along{border:1px solid var(--line);background:var(--white-a3);border-radius:18px;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:20px;padding:18px;display:grid}.listener-skeleton-listen-along>div{gap:9px;display:grid}.listener-skeleton-listen-artwork{aspect-ratio:1;border-radius:14px;width:112px}.listener-skeleton-progress{border-radius:999px;width:min(420px,90%);height:6px;margin-top:7px}.listener-skeleton-search-control{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.listener-skeleton-search-control>.listener-skeleton-block:first-child{border-radius:999px;height:46px}.listener-skeleton-search-group{gap:20px;display:grid}.listener-skeleton-tabs{gap:var(--space-2);display:flex;overflow:hidden}.listener-skeleton-tabs>.listener-skeleton-block{border-radius:999px;flex:none;width:106px;height:36px}.listener-skeleton-toolbar{grid-template-columns:minmax(0,1fr) minmax(130px,.35fr) 100px;gap:10px;display:grid}.listener-skeleton-toolbar>.listener-skeleton-block{border-radius:10px;height:42px}.listener-skeleton-toolbar>.listener-skeleton-toolbar-button{border-radius:999px}.listener-skeleton-sound-grid{grid-template-columns:repeat(auto-fill,minmax(min(190px,68vw),1fr));gap:14px;display:grid}.listener-skeleton-sound-card{border:1px solid var(--line);border-radius:14px;gap:10px;padding:13px;display:grid}.listener-skeleton-sound-button{border-radius:12px;width:100%;height:82px}.listener-skeleton-panel{border:1px solid var(--line);background:var(--white-a3);border-radius:18px;gap:17px;width:min(760px,100%);padding:clamp(20px,4vw,36px);display:grid}.listener-skeleton-field{gap:var(--space-2);display:grid}.listener-skeleton-field>.listener-skeleton-block:first-child{border-radius:999px;width:112px;height:9px}.listener-skeleton-field>.listener-skeleton-block:last-child{border-radius:10px;width:100%;height:43px}.listener-top-panel-search-skeleton{padding:var(--space-2)}.listener-top-panel-search-skeleton>div{gap:var(--space-1);display:grid}.listener-top-panel-search-skeleton-row{min-height:54px;padding:7px var(--space-2);border-radius:10px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;display:grid}.listener-top-panel-search-skeleton-row>.listener-skeleton-block{border-radius:8px;width:38px;height:38px}.listener-top-panel-search-skeleton-row>div{gap:var(--space-2);display:grid}.listener-top-panel-search-skeleton-row>div .listener-skeleton-block:first-child{border-radius:999px;width:min(190px,72%);height:11px}.listener-top-panel-search-skeleton-row>div .listener-skeleton-block:last-child{border-radius:999px;width:min(130px,52%);height:8px}@media (max-width:760px){.listener-page-skeleton{min-height:620px}.listener-skeleton-page-heading{flex-direction:column;align-items:start;min-height:132px}.listener-skeleton-heading-stat{width:100%}.listener-skeleton-home-hero{grid-template-columns:1fr;min-height:0}.listener-skeleton-collection-hero-content{grid-template-columns:120px minmax(0,1fr);align-items:center;gap:18px;min-height:0;padding-bottom:28px}.listener-skeleton-home-copy{order:2}.listener-skeleton-feature-artwork{justify-self:center;width:min(72vw,280px)}.listener-skeleton-collection-artwork{justify-self:start;width:100%}.listener-skeleton-track-header,.listener-skeleton-track-row{gap:var(--space-2);grid-template-columns:24px 40px minmax(100px,1fr) 42px;padding-inline:3px}.listener-skeleton-track-header{grid-template-columns:minmax(160px,1fr) 42px}.listener-skeleton-track-header>.listener-skeleton-block:nth-child(2),.listener-skeleton-track-meta{display:none}.listener-skeleton-profile-hero{grid-template-columns:86px minmax(0,1fr)}.listener-skeleton-avatar{width:86px}.listener-skeleton-listen-along{grid-template-columns:78px minmax(0,1fr)}.listener-skeleton-listen-artwork{width:78px}.listener-skeleton-listen-along>.listener-skeleton-button{grid-column:1/-1;width:100%}.listener-skeleton-toolbar{grid-template-columns:1fr}.listener-skeleton-toolbar>.listener-skeleton-block{width:100%}}@media (prefers-reduced-motion:reduce){.listener-page-skeleton-delayed:not(.listener-page-skeleton-collections) .listener-page-skeleton-content,.listener-page-skeleton-delayed.listener-page-skeleton-collections .collections-browser-grid,.listener-page-skeleton-delayed.listener-page-skeleton-collections .collections-skeleton-data{animation-duration:0s}.listener-skeleton-block,.collections-skeleton-card-content .collections-browser-artwork{background:var(--white-a7);animation:none}}
.listener-auth-card{border:1px solid var(--line-strong);border-radius:var(--radius-large);width:min(100%,560px);box-shadow:0 35px 100px var(--black-a38);background:linear-gradient(155deg,#262a2ffa,#101214fc);position:relative;overflow:hidden}.listener-auth-glow{filter:blur(8px);background:#42d77d26;border-radius:50%;width:360px;height:360px;position:absolute;top:-190px;right:-170px}.listener-auth-card-content{z-index:1;padding:clamp(29px, 7vw, var(--space-7));position:relative}.listener-auth-card h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.1rem,7vw,3.25rem);line-height:1.01}.listener-auth-description{color:var(--text-soft);font-size:var(--font-size-sm);margin:18px 0 0;line-height:1.66}.listener-auth-provider-list{gap:10px;margin-top:27px;display:grid}.listener-auth-cancel{min-height:51px;color:var(--danger);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;background:#ff50501a;border:1px solid #ff9a9a61;border-radius:11px}.listener-auth-cancel:hover:not(:disabled),.listener-auth-cancel:focus-visible{background:#ff505029}.listener-auth-cancel:disabled{cursor:wait;opacity:.65}.listener-auth-provider{border:1px solid var(--line);background:var(--white-a4);min-height:51px;padding:0 var(--space-4);color:var(--text);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-align:left;cursor:pointer;border-radius:11px;grid-template-columns:34px 1fr 28px;align-items:center;display:grid}.listener-auth-provider:hover:not(:disabled),.listener-auth-provider:focus-visible{filter:brightness(1.08);transform:translateY(-1px)}.listener-auth-provider:active:not(:disabled){filter:brightness(.94);transform:translateY(0)}.listener-auth-provider:disabled{cursor:wait;opacity:.65}.listener-auth-provider-mark{background:var(--white-a8);border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.listener-auth-provider-icon{width:21px;height:21px}.listener-auth-provider-google .listener-auth-provider-mark{background:var(--palette-white)}.listener-auth-provider-google{border-color:var(--brand-google-border);background:var(--palette-white);color:var(--brand-google-text)}.listener-auth-provider-google .listener-auth-provider-arrow{color:var(--brand-google-muted)}.listener-auth-provider-google .listener-auth-provider-icon{width:19px;height:19px}.listener-auth-provider-discord .listener-auth-provider-mark{color:var(--palette-white);background:#0000001a}.listener-auth-provider-discord{border-color:var(--brand-discord);background:var(--brand-discord);color:var(--palette-white)}.listener-auth-provider-twitch .listener-auth-provider-mark{color:var(--brand-twitch-soft);background:#0000001f}.listener-auth-provider-twitch{border-color:var(--brand-twitch);background:var(--brand-twitch);color:var(--palette-white)}.listener-auth-provider-discord .listener-auth-provider-arrow,.listener-auth-provider-twitch .listener-auth-provider-arrow{color:#ffffffc7}.listener-auth-provider-arrow{color:var(--muted);text-align:right;font-size:1rem}.listener-auth-status,.listener-auth-error{border:1px solid var(--line);background:var(--accent-a8);color:var(--green-300);font-size:var(--font-size-sm);border-radius:10px;margin:18px 0 0;padding:11px 13px}.listener-auth-error{color:var(--danger);background:#ff505014;border-color:#ff9a9a4d}.listener-auth-footer{color:var(--muted);font-size:var(--font-size-xs);margin:22px 0 0;line-height:1.55}
.listener-dialog-backdrop{z-index:var(--z-dialog);padding:var(--space-5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000c2;place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.listener-dialog{--dialog-accent:var(--green-500);box-sizing:border-box;border:1px solid var(--dialog-border);width:min(100%,560px);max-height:calc(100dvh - 48px);color:var(--dialog-text);background:var(--dialog-surface-start);animation:listener-dialog-enter var(--duration-fast) ease-out;text-align:left;font:inherit;border-radius:16px;outline:none;padding:28px;overflow:auto;box-shadow:0 28px 90px #0000008c}.listener-dialog--compact{width:min(100%,440px)}.listener-dialog--wide{width:min(100%,820px)}.listener-dialog--danger{--dialog-accent:var(--dialog-danger-accent)}.listener-dialog--warning{--dialog-accent:var(--dialog-warning-accent)}.listener-dialog>header{align-items:start;gap:14px;margin-bottom:20px;display:flex}.listener-dialog>header>div{flex:1;min-width:0}.listener-dialog>header>button{font-weight:var(--font-weight-regular);border-radius:999px;margin-left:auto}.listener-dialog h2,.listener-dialog h3{overflow-wrap:anywhere;margin:0;font-size:1.375rem;line-height:1.3}.listener-dialog .eyebrow{font-size:var(--font-size-xs);letter-spacing:.12em;color:var(--dialog-muted);margin:0 0 6px}.listener-dialog-description,.listener-dialog>p{color:var(--dialog-description);overflow-wrap:anywhere;line-height:1.6}.listener-dialog-symbol{height:42px;color:var(--dialog-accent);background:color-mix(in srgb, var(--dialog-accent) 12%, transparent);border-radius:12px;flex:0 0 42px;place-items:center;display:grid}.listener-dialog-symbol svg{width:21px;height:21px}.listener-dialog form,.listener-dialog label{gap:var(--space-2);display:grid}.listener-dialog form{gap:18px}.listener-dialog-fields{gap:var(--space-4);display:grid}.listener-dialog label{color:var(--dialog-label);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.listener-dialog input:not([type=range]):not([type=color]):not([type=checkbox]),.listener-dialog textarea,.listener-dialog select{box-sizing:border-box;border:1px solid var(--dialog-field-border);width:100%;min-height:42px;padding:10px var(--space-3);background:var(--dialog-field-surface);color:var(--dialog-text);font:inherit;border-radius:9px}.listener-dialog button{min-height:40px;padding:9px var(--space-4);border:1px solid var(--dialog-button-border);background:var(--dialog-button-surface);color:var(--dialog-button-text);font:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;border-radius:9px}.listener-dialog button:hover:not(:disabled){filter:brightness(1.15)}.listener-dialog button:disabled{opacity:.5;cursor:wait}.listener-dialog :focus-visible{outline:2px solid var(--dialog-accent);outline-offset:3px}.listener-dialog-actions{border-top:1px solid var(--dialog-divider);justify-content:flex-end;gap:10px;margin-top:26px;padding-top:20px;display:flex}.listener-dialog .listener-dialog-confirm{background:var(--dialog-accent);border-color:var(--dialog-accent);color:var(--dialog-text-on-accent)}.listener-dialog .primary-button{background:var(--green-500);border-color:var(--green-500);color:var(--text-on-accent)}.listener-dialog .danger-button{border-color:var(--dialog-danger-border);background:var(--dialog-danger-surface);color:var(--dialog-danger-text)}.listener-dialog .playlist-cover-crop-frame{border-radius:inherit;background:var(--dialog-crop-surface);cursor:grab;border:0;padding:0}.listener-dialog .playlist-cover-crop-frame:active{cursor:grabbing}.listener-dialog .playlist-cover-crop-frame:hover:not(:disabled){filter:none}.listener-dialog-feedback{padding:var(--space-3);color:var(--dialog-danger-text);background:#ef817d1a;border-radius:8px}@keyframes listener-dialog-enter{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.listener-dialog{animation:none}}@media (max-width:560px){.listener-dialog-backdrop{padding:var(--space-3)}.listener-dialog{max-height:calc(100dvh - 24px);padding:20px}}.listener-keyboard-shortcuts{margin:20px 0}.listener-keyboard-shortcuts-actions{justify-content:flex-end;align-items:center;gap:var(--space-3);display:flex}.listener-keyboard-shortcuts-actions>button{white-space:normal;min-width:0}.listener-keyboard-shortcuts-actions>button:first-child:not(:last-child){margin-right:auto}.listener-keyboard-shortcuts-actions>button:last-child{flex-shrink:0}.listener-keyboard-shortcuts>div{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);border-bottom:1px solid var(--dialog-border);flex-wrap:wrap;padding:10px 0;display:flex}.listener-keyboard-shortcuts dd{margin:0}.listener-keyboard-shortcuts kbd{padding:var(--space-1) var(--space-2);border:1px solid var(--dialog-muted-border);background:var(--dialog-surface-end);font:inherit;white-space:nowrap;border-radius:6px;display:inline-block}.listener-create-playlist-dialog{border-radius:18px;width:min(100%,580px)}.listener-create-playlist-dialog .eyebrow{color:var(--green-400)}.listener-create-playlist-dialog h2{font-size:1.5rem}.listener-create-playlist-dialog form{gap:var(--space-4)}.listener-create-playlist-dialog label{font-size:1rem;font-weight:var(--font-weight-regular)}.listener-create-playlist-dialog form>.primary-button{width:max-content;min-width:150px;max-width:100%;box-shadow:0 12px 28px var(--primary-action-shadow-color);border-radius:10px;justify-self:end}.listener-create-playlist-dialog small{color:var(--text-soft)}.listener-create-playlist-feedback:empty{display:none}.listener-create-playlist-feedback:not(:empty){margin-top:var(--space-4);color:var(--text-soft)}
.player-debug-root{gap:1rem;max-width:1440px;margin:0 auto;padding:1.1rem;display:grid}.player-debug-preload>header,.player-debug-soundboard>header,.player-debug-deck>header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.player-debug-preload h2,.player-debug-soundboard h2,.player-debug-deck h2{margin:0;font-size:1.15rem}.player-debug-eyebrow{color:var(--diagnostics-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .2rem}.player-debug-status{border:1px solid var(--diagnostics-badge-border);color:var(--diagnostics-label);background:var(--diagnostics-badge-surface);font-size:var(--font-size-sm);border-radius:999px;padding:.3rem .6rem}.player-debug-preload,.player-debug-cache,.player-debug-deck,.player-debug-watchdog,.player-debug-soundboard,.player-debug-environment,.player-debug-waiting,.player-debug-unavailable{border:1px solid var(--diagnostics-line);background:#161b1ef5;border-radius:.85rem}.player-debug-preload,.player-debug-cache,.player-debug-deck,.player-debug-soundboard,.player-debug-waiting,.player-debug-unavailable{padding:1rem}.player-debug-soundboard>header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.player-debug-soundboard>header h2{margin:0;font-size:1.15rem}.player-debug-soundboard-grid article,.player-debug-job-list>div{gap:.25rem;min-width:0;display:grid}.player-debug-soundboard span,.player-debug-job-list span{color:var(--diagnostics-muted);font-size:var(--font-size-sm);text-overflow:ellipsis;overflow:hidden}.player-debug-status{text-transform:capitalize}.player-debug-status.is-active,.player-debug-status.is-prepared,.player-debug-status.is-consumed,.player-debug-status.is-cache-hit{color:var(--diagnostics-success-text);border-color:var(--diagnostics-success-line)}.player-debug-status.is-warning,.player-debug-status.is-authorizing,.player-debug-status.is-downloading-cache,.player-debug-status.is-loading-deck,.player-debug-status.is-verifying-cache,.player-debug-status.is-waiting-duration{color:var(--diagnostics-warning-text);border-color:var(--diagnostics-warning-border)}.player-debug-status.is-waiting-transition{color:var(--diagnostics-label);border-color:var(--diagnostics-active-border)}.player-debug-pipeline{grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;margin:1rem 0;padding:0;list-style:none;display:grid}.player-debug-pipeline li{border-top:.25rem solid var(--diagnostics-border);color:var(--diagnostics-subdued);font-size:var(--font-size-sm);gap:.25rem;padding-top:.65rem;display:grid}.player-debug-pipeline li.is-complete{color:var(--diagnostics-success-text);border-color:var(--diagnostics-success)}.player-debug-pipeline li.is-current{color:var(--diagnostics-warning-text);border-color:var(--diagnostics-warning)}.player-debug-pipeline li.is-error{color:var(--diagnostics-danger-text);border-color:var(--diagnostics-danger)}.player-debug-preload-detail{color:var(--diagnostics-soft-text);justify-content:space-between;gap:1rem;display:flex}.player-debug-preload-detail p{margin:0}.player-debug-preload-detail span{white-space:nowrap}.player-debug-cache>header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.player-debug-cache h2{text-transform:capitalize;margin:0;font-size:1.05rem}.player-debug-cache>header>span,.player-debug-cache>p{color:var(--diagnostics-muted);font-size:var(--font-size-sm)}.player-debug-cache>p{margin:.65rem 0 0}.player-debug-cache-objects{grid-template-columns:repeat(auto-fill,minmax(2.05rem,1fr));gap:.3rem;margin-top:.85rem;display:grid}.player-debug-cache-objects span{min-height:1.75rem;color:var(--diagnostics-soft-text);background:var(--diagnostics-surface-strong);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;border-radius:.3rem;place-items:center;display:grid}.player-debug-cache-objects span.is-downloading{color:var(--diagnostics-warning-surface);background:var(--diagnostics-warning);animation:1.1s ease-in-out infinite alternate player-debug-pulse}.player-debug-cache-objects span.is-downloaded{color:var(--diagnostics-success-surface);background:var(--diagnostics-success-text)}.player-debug-cache-objects span.is-reused,.player-debug-cache-objects span.is-verified{color:var(--diagnostics-progress-surface);background:var(--diagnostics-success)}.player-debug-cache-objects span.is-failed{color:var(--palette-white);background:var(--diagnostics-danger)}.player-debug-warning{color:var(--diagnostics-warning-text);margin:.7rem 0 0}.player-debug-soundboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.9rem;display:grid}.player-debug-soundboard-grid article{border:1px solid var(--diagnostics-line);background:var(--diagnostics-surface);border-radius:.6rem;padding:.8rem}.player-debug-soundboard-grid em{color:var(--diagnostics-danger-text);font-size:var(--font-size-sm)}.player-debug-job-list{gap:.4rem;margin-top:.75rem;display:grid}.player-debug-job-list>div{border-left:.2rem solid var(--diagnostics-success);background:var(--diagnostics-surface);grid-template-columns:minmax(10rem,1fr) minmax(8rem,.7fr) minmax(14rem,1.5fr);padding:.55rem .7rem}.player-debug-job-list>div.is-queued{border-color:var(--diagnostics-subdued)}.player-debug-job-list>div.is-failed,.player-debug-job-list>div.is-canceled,.player-debug-job-list>div.is-superseded{border-color:var(--diagnostics-danger)}.player-debug-environment{padding:0}.player-debug-environment summary{color:var(--diagnostics-text);cursor:pointer;font-weight:var(--font-weight-semibold);padding:.85rem 1rem}.player-debug-environment dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1rem;margin:0;padding:0 1rem 1rem;display:grid}.player-debug-environment dt{color:var(--diagnostics-subdued);font-size:var(--font-size-xs);text-transform:uppercase}.player-debug-environment dd{overflow-wrap:anywhere;color:var(--diagnostics-text);font-size:var(--font-size-sm);margin:.15rem 0 0}.player-debug-deck.is-active{border-color:var(--diagnostics-success-line)}.player-debug-gain>div:first-child{font-size:var(--font-size-sm);justify-content:space-between;display:flex}.player-debug-gain-track{background:var(--diagnostics-surface-strong);border-radius:999px;height:.35rem;margin:.3rem 0;overflow:hidden}.player-debug-gain-track span{background:var(--diagnostics-accent);height:100%;display:block}.player-debug-watchdog{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.player-debug-watchdog>div{gap:.25rem;padding:.9rem 1rem;display:grid}.player-debug-watchdog>div+div{border-left:1px solid var(--diagnostics-line)}.player-debug-watchdog span,.player-debug-watchdog small{color:var(--diagnostics-muted)}.player-debug-watchdog strong.is-armed{color:var(--diagnostics-warning-text)}.player-debug-watchdog strong.is-fired{color:var(--diagnostics-danger-text)}.player-debug-event-scroller{border-top:1px solid var(--diagnostics-line);max-height:25rem;margin-top:.8rem;overflow:auto}.player-debug-events{border-collapse:collapse;width:100%;font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.player-debug-events th,.player-debug-events td{border-bottom:1px solid var(--diagnostics-panel-start);text-align:left;vertical-align:top;padding:.55rem .45rem}.player-debug-events th{z-index:1;color:var(--diagnostics-muted);background:var(--diagnostics-panel-end);position:sticky;top:0}.player-debug-events tr.is-warning td{color:var(--diagnostics-warning-text)}.player-debug-events tr.is-error td{color:var(--diagnostics-danger-text)}.player-debug-root>footer{color:var(--diagnostics-subdued);text-align:center;font-size:var(--font-size-sm)}.player-debug-waiting,.player-debug-unavailable{color:var(--diagnostics-soft-text)}@keyframes player-debug-pulse{0%{opacity:.42}to{opacity:1}}@media (max-width:980px){.player-debug-watchdog,.player-debug-soundboard-grid,.player-debug-environment dl,.player-debug-job-list>div{grid-template-columns:1fr}.player-debug-watchdog>div+div{border-top:1px solid var(--diagnostics-line);border-left:0}.player-debug-pipeline{grid-template-columns:1fr}.player-debug-pipeline li{border-top:0;border-left:.25rem solid var(--diagnostics-border);grid-template-columns:auto 1fr;padding:.3rem 0 .3rem .6rem}}
@scope(.listener-shell-desktop,.listener-shell-web){.bg-badge{background:var(--surface);pointer-events:none;border-radius:5px;padding:4px;line-height:0;position:absolute;inset:4px 4px auto auto}.listener-bg{position:fixed}.listener-fullscreen-layout-preview .listener-bg{position:absolute}.listener-bg{z-index:-1;pointer-events:none;background:var(--scene-a);inset:0;overflow:hidden}.listener-bg:after{content:"";background:var(--scene-scrim);opacity:var(--scene-dim);position:absolute;inset:0}.listener-bg .bg-fx{opacity:var(--scene-intensity);position:absolute;inset:0}.listener-bg i{background:radial-gradient(ellipse, var(--scene-b), transparent 65%);animation:listener-relax-drift var(--scene-duration) ease-in-out infinite alternate;border-radius:50%;position:absolute;inset:-30%}.listener-bg i:nth-child(2){background:radial-gradient(ellipse, var(--scene-c), transparent 65%);animation-delay:-13s;inset:10% -50% -50% 20%;scale:.8}.listener-bg i:nth-child(3){animation-delay:-23s;inset:-50% 10% 20% -50%;scale:.5}.listener-bg:is([data-design=solid],[data-design=artwork],[data-design=gradient]) .bg-fx{display:none}.listener-bg[data-design=gradient]{background:radial-gradient(ellipse at 18% 10%, var(--scene-b), transparent 65%), radial-gradient(ellipse at 85% 75%, var(--scene-c), transparent 65%), var(--scene-a)}.listener-bg[data-design=aurora] i{filter:blur(45px);width:35%;rotate:-25deg}.listener-bg[data-design=orbit] i{border:2px solid var(--scene-b);box-shadow:0 0 60px var(--scene-b), inset 0 0 60px var(--scene-b);background:0 0;inset:10% 20%}.listener-bg[data-design=starlight] i{background:radial-gradient(circle, var(--scene-b) 1px, transparent 2px);background-size:107px 113px;border-radius:0}.listener-bg[data-design=waves] .listener-relax-waves{stroke:var(--scene-b);opacity:var(--scene-intensity)}.listener-bg path{animation-duration:var(--scene-duration)}.listener-bg .bg-art{filter:blur(var(--scene-blur));animation-duration:var(--scene-duration)}.listener-bg[data-legacy] .bg-art{opacity:.32;filter:blur(70px)saturate(.65)}.listener-bg[data-legacy=ambient] .bg-fx{display:block}.listener-bg[data-legacy=ambient] i{filter:blur(90px);aspect-ratio:1;background:#568b75;width:50%;inset:auto;scale:1}.listener-bg[data-legacy=ambient] i:first-child{top:-20%;left:-10%}.listener-bg[data-legacy=ambient] i:nth-child(2){background:#695374;top:15%;right:-10%}.listener-bg[data-legacy=ambient] i:nth-child(3){background:#ac8760;bottom:-45%;left:20%}.listener-bg[data-legacy=event] .bg-fx{display:block}.listener-bg[data-legacy=event] i{aspect-ratio:1;background:var(--scene-accent);filter:blur(90px);width:70%;animation:none;inset:-70% -10% auto auto}.listener-bg[data-legacy=event] i:nth-child(n+2){display:none}:is(.listener-bg[data-animate=false],.listener-relax-screen:is([data-motion-active=false],[data-window-visible=false]) .listener-bg) :is(i,.bg-art,path){animation-play-state:paused}}
.listener-toast-viewport{z-index:240;top:calc(var(--top-panel-height,68px) + 12px);pointer-events:none;gap:8px;width:min(34rem,100vw - 32px);display:grid;position:fixed;left:50%;transform:translate(-50%)}.listener-toast{border:1px solid var(--line-strong);border-radius:var(--radius-small,10px);min-height:60px;color:var(--text);background:var(--forest-900);box-shadow:var(--shadow);pointer-events:auto;grid-template-columns:24px minmax(0,1fr) 44px;align-items:center;gap:12px;padding:8px 8px 8px 16px;display:grid;position:relative;overflow:hidden}.listener-toast[data-state=closing]{opacity:0;transition:opacity .16s ease-out}.listener-toast-icon{place-items:center;display:grid}.listener-toast-icon svg{width:22px;height:22px}.listener-toast-success .listener-toast-icon{color:var(--green-500)}.listener-toast-warning .listener-toast-icon{color:var(--warning,#f4be68)}.listener-toast-error .listener-toast-icon{color:var(--danger)}.listener-toast-body{min-width:0}.listener-toast-message{animation:.16s ease-out listener-toast-refresh}.listener-toast p{overflow-wrap:anywhere;margin:0;font-size:1rem;line-height:1.4}.listener-toast-dismiss{width:44px;height:44px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:inline-grid}.listener-toast-dismiss:hover{background:var(--surface-hover)}.listener-toast-dismiss svg{width:18px;height:18px}.listener-toast-action{min-height:44px;color:var(--green-300);cursor:pointer;background:0 0;border:0;text-decoration:underline}.listener-toast-progress{background:var(--green-500);transform-origin:0;height:3px;animation:linear forwards listener-toast-progress;position:absolute;inset:auto 0 0}.listener-toast:hover .listener-toast-progress,.listener-toast:focus-within .listener-toast-progress{animation-play-state:paused}@keyframes listener-toast-progress{to{transform:scaleX(0)}}@keyframes listener-toast-refresh{0%{opacity:.6}to{opacity:1}}@media (prefers-reduced-motion:reduce){.listener-toast-message,.listener-toast-progress{animation:none}.listener-toast[data-state=closing]{transition:none}}@media (forced-colors:active){.listener-toast{color:canvastext;background:canvas;border-color:canvastext}}
@scope(.listener-shell-web,.listener-shell-desktop,.soundboard-metadata-dialog){.soundboard-loading-spinner{border:2px solid #ffffff59;border-top-color:currentColor;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite listener-player-spin}.soundboard-pad.playing .soundboard-pad-icon{box-shadow:inset 0 0 0 2px #ffffffb3}.soundboard-pad>button:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff61}.soundboard-pad>button:active{transform:translateY(4px);box-shadow:inset 0 1px #0000003d}.soundboard-pad>button:focus-visible{outline-offset:3px;outline:3px solid #ffffffc2}.soundboard-pad>button:disabled{cursor:default;transform:none}}.listener-shell-root{font-family:var(--font-family);line-height:var(--line-height-body)}.settings-description,.personal-state p,.personal-heading>div>p:last-child,.listener-search-heading>p:last-child,.listener-dialog p,.listener-top-panel-profile-item,.listener-navigation>:is(a,button),.settings-toggle,.settings-check-list label,.track-list tbody td{font-size:var(--font-size-sm)}.listener-skip-link{z-index:var(--z-dialog);border-radius:var(--radius-small);background:var(--forest-1000);padding:var(--space-3) 18px;color:var(--text);font-size:var(--font-size-body);position:fixed;top:8px;left:16px;transform:translateY(-180%)}.listener-skip-link:focus{transform:none}:focus-visible:not(.listener-overlay-scrollbar):not(.listener-shell-main){outline-offset:3px;outline:1px solid var(--focus)!important}.listener-tabs{flex-wrap:wrap;max-width:100%}.listener-tabs button{white-space:normal;overflow-wrap:anywhere;min-width:0;min-height:44px;font-size:var(--font-size-sm)}.soundboard-pad>button[type=button]:focus-visible{box-shadow:0 0 0 6px #07110c;outline-color:#fff!important}.listener-fullscreen-text-empty{opacity:.4;color:inherit;font:inherit}.listener-player-diagnostics-activity>header{display:block}.track-context-menu [aria-disabled=true]{color:var(--muted);cursor:not-allowed}.listener-entity-card h3{font-size:var(--font-size-sm);margin:0}.listener-navigation>:is(a,button),.listener-dialog button,.track-context-menu :is(button,a),.personal-track-actions button{min-height:44px}.download-transfer-indicator.paused{color:var(--warning)}.download-transfer-indicator.error{color:var(--danger)}.soundboard-master-volume-trigger,.listener-top-panel-search-clear,.track-more-button,.listener-queue-actions button,.personal-track-actions button,.listener-dialog button,.track-context-menu :is(button,a),.desktop-left-panel-toggle,.mobile-left-panel-close,.mobile-navigation-toggle{min-width:44px;min-height:44px}.soundboard-master-volume-trigger{gap:var(--space-2);padding-inline:var(--space-3)}@media (pointer:fine){.track-more-button{min-width:32px;min-height:32px}}.track-duration,.track-column-index,.player-timeline{font-variant-numeric:tabular-nums}.listener-shell-main{scroll-padding-block:var(--space-3) calc(var(--bottom-panel-height) + var(--space-5))}::selection{color:var(--text-on-accent);background:var(--green-300)}input,textarea{caret-color:var(--green-300)}@media (pointer:coarse){button,input:not([type=checkbox],[type=radio]),select,summary,a.listener-top-panel-profile-item,.listener-navigation a{min-height:44px}.track-queue-actions,.listener-queue-actions{opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.listener-top-panel,.listener-shell-sidebar,.queue-now-playing-card{color:canvastext;-webkit-backdrop-filter:none;backdrop-filter:none;background:canvas}:focus-visible{outline-color:highlight!important}button,input,select,textarea,.soundboard-pad>button,.listener-dialog{border:1px solid buttontext}[aria-selected=true],[aria-current=page],.soundboard-pad>button[aria-pressed=true]{outline-offset:-4px;outline:2px solid highlight}.soundboard-pad-caption,.soundboard-pad strong,.soundboard-pad-icon{color:canvastext;background:canvas}}
.download-activity-panel{border:1px solid var(--line);background:var(--surface-raised);border-radius:12px;margin-block:24px 16px;padding:16px}.download-activity-panel-header,.download-activity-panel-header h2,.download-activity-panel-actions{align-items:center;gap:10px;display:flex}.download-activity-panel-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:8px}.download-activity-panel-header h2{margin:0;font-size:14px;font-weight:700}.download-activity-panel-header h2>svg{width:18px;height:18px;color:var(--green-400)}.download-activity-panel-count{background:var(--white-a5);color:var(--muted);font-variant-numeric:tabular-nums;border-radius:6px;padding:2px 7px;font-size:12px}.download-activity-panel-actions{flex-wrap:wrap}.download-activity-panel-actions button{border:1px solid var(--line);background:var(--white-a5);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:0 12px;font-size:13px}.download-activity-panel-actions button:hover:not(:disabled){border-color:var(--green-400)}.download-activity-panel-actions button:disabled{opacity:.5;cursor:default}.download-activity-panel-list{scrollbar-gutter:stable;padding:0;max-height:288px;margin:0;padding-inline-end:4px;list-style:none;overflow-y:auto}.download-activity-panel-row{align-items:center;gap:12px;min-height:72px;padding-block:12px;display:flex}.download-activity-panel-row+.download-activity-panel-row{border-top:1px solid var(--line)}.download-activity-panel-artwork{background:var(--white-a5);border-radius:6px;flex:0 0 40px;width:40px;height:40px;overflow:hidden}.download-activity-panel-artwork img{object-fit:cover;width:100%;height:100%}.download-activity-panel-detail{flex:1;min-width:0}.download-activity-panel-title,.download-activity-panel-status{justify-content:space-between;gap:12px;font-size:13px;display:flex}.download-activity-panel-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.download-activity-panel-title>span{color:var(--muted);font-variant-numeric:tabular-nums}.download-activity-panel-status{color:var(--muted);margin-block:4px 8px;font-size:12px}.download-activity-panel-status>span:last-child{font-variant-numeric:tabular-nums;flex-shrink:0}.download-activity-panel-detail progress{appearance:none;background:var(--white-a5);width:100%;height:4px;accent-color:var(--green-400);border:0;border-radius:4px;display:block;overflow:hidden}.download-activity-panel-detail progress::-webkit-progress-bar{background:var(--white-a5)}.download-activity-panel-detail progress::-webkit-progress-value{background:var(--green-400);border-radius:4px}.download-activity-panel-detail progress::-moz-progress-bar{background:var(--green-400)}.download-activity-panel-row[data-state=paused] progress,.download-activity-panel-row[data-state=queued] progress{opacity:.45}.download-activity-panel-row[data-state=error] .download-activity-panel-status{color:var(--danger)}.download-activity-panel-row[data-state=error] progress::-webkit-progress-value{background:var(--danger)}.download-activity-panel-row[data-state=error] progress::-moz-progress-bar{background:var(--danger)}.download-activity-panel>[role=alert]{color:var(--danger);margin:12px 0 0;font-size:13px}@media (max-width:560px){.download-activity-panel-status{flex-wrap:wrap;gap:4px 12px}.download-activity-panel-actions{width:100%}}.download-activity-panel-row[data-state=active] progress:not([value])::-webkit-progress-bar{background:linear-gradient(90deg, var(--white-a5) 30%, var(--green-400) 50%, var(--white-a5) 70%);background-size:250% 100%;animation:1.5s linear infinite download-activity-indeterminate}.download-activity-panel-row[data-state=active] progress:not([value])::-moz-progress-bar{background:var(--green-400);width:35%}@keyframes download-activity-indeterminate{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.download-activity-panel-row[data-state=active] progress:not([value])::-webkit-progress-bar{background-position:50% 0;animation:none}}
.soundboard-dashboard-tabs .soundboard-dashboard-icon-button,.soundboard-dashboard-header-actions .soundboard-dashboard-icon-button{flex:none;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;padding:8px;display:inline-flex}.soundboard-dashboard-icon-button svg{width:18px;height:18px}.soundboard-add-section{border:1px dashed var(--line);width:100%;color:var(--accent);cursor:pointer;background:0 0;border-radius:12px;margin-block-start:24px;padding:16px;display:block}.soundboard-add-section:hover:not(:disabled),.soundboard-add-section:focus-visible{border-style:solid;border-color:var(--accent);background:var(--accent-a17);color:var(--green-300);box-shadow:0 0 18px var(--accent-a17)}.soundboard-dashboard-form{gap:20px;display:grid}.soundboard-dashboard-form label{gap:8px;display:grid}.soundboard-dashboard-form input:not([type=color]){width:100%;min-width:0}.soundboard-dashboard-form [role=alert]{color:var(--danger);margin:0}@media (pointer:coarse){.soundboard-dashboard-tabs .soundboard-dashboard-icon-button,.soundboard-dashboard-header-actions .soundboard-dashboard-icon-button{width:44px;min-width:44px;height:44px}}.soundboard-dashboard-icon-button{border:1px solid var(--line);color:var(--muted-strong);cursor:pointer;background:0 0;border-radius:50%}.soundboard-dashboard-icon-button:not(.is-danger):hover:not(:disabled){border-color:var(--accent);color:var(--accent)}@media (max-width:640px){.soundboard-dashboard-tab-row:has(.soundboard-dashboard-icon-button){grid-template-columns:minmax(0,1fr)}.soundboard-dashboard-tab-row:has(.soundboard-dashboard-icon-button) .soundboard-dashboard-create{justify-self:start}}.soundboard-dashboard-icon-button.is-danger{color:var(--danger);border-color:var(--danger)}
.soundboard-playback-preparation{flex-wrap:wrap;align-items:stretch;gap:16px;display:flex}.soundboard-playback-preparation .soundboard-remote-picker{flex:24rem;grid-template-columns:minmax(0,1fr);align-content:center;min-width:0}.soundboard-preload-control{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-wrap:wrap;flex:22rem;align-items:center;gap:12px;min-width:0;padding:16px;display:flex}.soundboard-preload-control button{border:1px solid var(--accent);background:var(--accent-a10);min-height:44px;color:var(--green-300);font:inherit;cursor:pointer;border-radius:10px;padding:10px 16px}.soundboard-preload-control button:hover:not(:disabled){background:var(--accent-a17)}.soundboard-preload-control button:disabled{opacity:.55;cursor:default}.soundboard-preload-control>div{min-width:0;color:var(--muted-strong);font-size:var(--font-size-sm);overflow-wrap:anywhere;flex:12rem}.soundboard-preload-control p{margin:6px 0 0}.soundboard-preload-control p:empty{margin:0}@media (max-width:640px){.soundboard-playback-preparation .soundboard-remote-picker{grid-template-columns:minmax(0,1fr)}}