@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Spline Sans Mono Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/spline-sans-mono-latin-ext-wght-normal-Dh0aNLWd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Spline Sans Mono Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/spline-sans-mono-latin-wght-normal-DlaB5ohX.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-body-size);line-height:var(--text-body-lh);margin:0;overflow-x:clip}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}:focus-visible{outline:2px solid var(--color-brandText);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.shell{flex-direction:column;min-height:100svh;display:flex}.shell-main{width:100%;max-width:960px;padding:var(--space-xl) var(--space-lg);flex:1;margin:0 auto}.shell:has(.playerbar) .shell-main{padding-bottom:calc(var(--playerbar-h,96px) + var(--space-xl))}.shell-header{z-index:10;background:color-mix(in srgb, var(--color-paper) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);position:sticky;top:0}.shell-header-inner{max-width:960px;padding:var(--space-md) var(--space-lg);align-items:center;gap:var(--space-xl);margin:0 auto;display:flex}.wordmark{font-family:var(--font-display);font-weight:800;font-size:var(--text-heading-size);letter-spacing:-.01em;color:var(--color-brand)}.shell-header-artist{font-family:var(--font-display);font-weight:800;font-size:var(--text-heading-size);letter-spacing:-.01em;color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;min-width:0;animation:.16s ease-out shell-header-artist-in;overflow:hidden}@keyframes shell-header-artist-in{0%{opacity:0;transform:translateY(2px)}}.shell-nav{gap:var(--space-lg);display:flex}.shell-nav a{color:var(--color-inkMuted);padding:var(--space-xs) 0;font-weight:500}.shell-nav a:hover{color:var(--color-ink)}.shell-nav a.active{color:var(--color-ink);border-bottom:2px solid var(--color-brand)}.shell-tools{justify-content:flex-end;align-items:center;gap:var(--space-lg);flex:1;min-width:0;display:flex}.shell-search{flex:auto;min-width:0;max-width:420px;position:relative}.shell-search-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);width:100%;color:var(--color-ink);font-family:inherit;font-size:var(--text-caption-size);padding:var(--space-sm) var(--space-md);padding-right:48px}.shell-search-input::placeholder{color:var(--color-inkMuted)}.shell-search-input:focus{outline:2px solid var(--color-brandText);border-color:#0000}.shell-search:focus-within .shell-search-kbd{display:none}.shell-search-kbd{right:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-micro-size);color:var(--color-inkMuted);border:1px solid var(--color-border);border-radius:var(--radius-sm);pointer-events:none;padding:1px 5px;position:absolute;top:50%;transform:translateY(-50%)}@media (width<=640px){.shell-header-inner{gap:var(--space-md);flex-wrap:wrap}.shell-search-kbd{display:none}.shell-search-input{padding-right:var(--space-md)}}.screen-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-title-size);line-height:var(--text-title-lh);margin:0 0 var(--space-lg);text-wrap:balance}.screen-note{color:var(--color-inkMuted);max-width:62ch}.artist-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:0;padding:0;list-style:none;display:grid}.artist-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color var(--motion-fast);display:block}.artist-card:hover{border-color:var(--color-brandText)}.artist-card h2{font-family:var(--font-display);font-weight:600;font-size:var(--text-heading-size);margin:0 0 var(--space-xs)}.artist-card p{color:var(--color-inkMuted);font-size:var(--text-caption-size);line-height:var(--text-caption-lh);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.artist-card .count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-micro-size);color:var(--color-inkMuted);text-transform:uppercase;letter-spacing:.1em;margin-top:var(--space-md);display:block}.artist-hero{isolation:isolate;margin:calc(-1 * var(--space-xl)) calc(50% - 50vw) var(--space-lg);background:linear-gradient(160deg, var(--color-brand), var(--color-brandTint) 72%, var(--color-paper));align-items:flex-end;min-height:280px;display:flex;position:relative;overflow:hidden}.artist-hero:before{content:"";background-image:var(--hero-art,none);filter:blur(32px)saturate(1.1);background-position:50% 30%;background-size:cover;position:absolute;inset:0;transform:scale(1.15)}.artist-hero:after{content:"";background:linear-gradient(to bottom, color-mix(in srgb, var(--color-paper) 8%, transparent), color-mix(in srgb, var(--color-paper) 85%, transparent));position:absolute;inset:0}.artist-hero--picture{min-height:340px}.artist-hero--picture:before{background-image:var(--hero-banner);background-position:var(--hero-focal,50% 35%);filter:none;transform:none}.artist-hero--picture:after{background:linear-gradient(to bottom, transparent 30%, color-mix(in srgb, var(--color-paper) 55%, transparent) 70%, color-mix(in srgb, var(--color-paper) 92%, transparent))}.artist-avatar{overflow:hidden}.artist-avatar.has-image{background:var(--color-surface)}.artist-avatar img{object-fit:cover;object-position:var(--avatar-focal,50% 50%);width:100%;height:100%;display:block}.artist-avatar-sm{vertical-align:middle;background:var(--color-brandTint);width:24px;height:24px;color:var(--color-brandText);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:600;display:inline-grid}.artist-hero-avatar{width:96px;height:96px;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-paper) 70%, transparent);background:var(--color-brandTint);color:var(--color-brandText);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:36px;font-weight:700;display:grid}.artist-card-avatar{width:56px;height:56px;margin-bottom:var(--space-sm);background:var(--color-brandTint);color:var(--color-brandText);font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.artist-hero-inner{z-index:1;align-items:flex-end;gap:var(--space-lg);width:100%;max-width:960px;padding:var(--space-xl) var(--space-lg) var(--space-lg);margin:0 auto;display:flex;position:relative}.artist-hero-text{min-width:0}.artist-hero-name{font-family:var(--font-display);font-weight:700;font-size:var(--text-hero-size);line-height:var(--text-hero-lh);text-wrap:balance;margin:0}.artist-hero-bio{margin:var(--space-xs) 0 0;max-width:62ch;color:color-mix(in srgb, var(--color-ink) 82%, transparent);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.artist-actions{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.play-all-button{background:var(--color-brand);width:48px;height:48px;color:var(--color-paper);transition:background var(--motion-fast);border:none;border-radius:50%;place-items:center;display:grid}.play-all-button:hover:not(:disabled){background:var(--color-brandText)}.shuffle-button{width:40px;height:40px;color:var(--color-inkMuted);transition:color var(--motion-fast);background:0 0;border:none;border-radius:50%;place-items:center;display:grid}.shuffle-button:hover:not(:disabled){color:var(--color-ink);background:var(--color-surface)}.shuffle-button{position:relative}.shuffle-button.active{color:var(--color-ink)}.shuffle-button.active:after{content:"";background:currentColor;border-radius:50%;width:3px;height:3px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.play-all-button:disabled,.shuffle-button:disabled{opacity:.4;cursor:default}.artist-about h2{font-family:var(--font-display);font-weight:600;font-size:var(--text-heading-size);margin:0 0 var(--space-sm)}.artist-about-bio{color:var(--color-inkMuted);white-space:pre-line;max-width:62ch;margin:0}.release{margin-bottom:var(--space-xl)}.release-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);display:flex}.release-art{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-brand), var(--color-brandTint));flex-shrink:0;width:88px;height:88px;overflow:hidden}.release-art img{object-fit:cover;width:100%;height:100%;display:block}.release-heading{flex:1;min-width:0}.release h2{font-family:var(--font-display);font-weight:600;font-size:var(--text-heading-size);margin:0}.release-meta{color:var(--color-inkMuted);font-size:var(--text-caption-size);line-height:var(--text-caption-lh);margin:2px 0 0}.release-tier{vertical-align:1px;font-size:var(--text-micro-size);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:1px var(--space-sm);color:var(--color-inkMuted);display:inline-block}.release-link{align-items:center;gap:var(--space-md);flex:1;min-width:0;display:flex}.release-link:hover h2{color:var(--color-brandText)}.release-page-header{align-items:flex-end;gap:var(--space-lg);margin-bottom:var(--space-lg);display:flex}.release-art-lg{border-radius:var(--radius-lg);width:180px;height:180px}.release-page-heading{min-width:0}.release-page-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-display-size);line-height:var(--text-display-lh);margin:var(--space-xs) 0;text-wrap:balance}.release-page-artist{color:var(--color-inkMuted);margin:0}.release-page-artist a{align-items:center;gap:var(--space-xs);display:inline-flex}.release-page-artist a:hover{color:var(--color-brandText)}.track-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.track-list li{align-items:center;display:flex}.track-list li.playing{background:var(--color-brandTint);border-radius:var(--radius-md)}.track-row{align-items:center;gap:var(--space-md);text-align:left;min-width:0;color:inherit;font-size:inherit;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:0 0;border:none;flex:1;display:flex}.track-row:hover{background:var(--color-surface)}.track-row.playing .track-title{color:var(--color-brandText)}.track-row.numbered{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.track-row.numbered .track-title{font-weight:500}.track-number{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-caption-size);color:var(--color-inkMuted);text-align:right;flex-shrink:0;width:20px}.track-duration-end{padding-right:var(--space-md);min-width:calc(6ch + var(--space-md));text-align:right;flex-shrink:0}.track-art{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--color-brand), var(--color-brandTint));flex-shrink:0;width:40px;height:40px;overflow:hidden}.track-art img{object-fit:cover;width:100%;height:100%;display:block}.track-meta{flex:1;min-width:0}.track-title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:600;overflow:hidden}.track-sub{color:var(--color-inkMuted);font-size:var(--text-caption-size);margin:0}.track-duration{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-caption-size);color:var(--color-inkMuted)}.track-actions{padding-right:var(--space-sm);flex-shrink:0;align-items:center;gap:2px;display:flex}.track-heart{color:var(--color-inkMuted);padding:var(--space-xs);background:0 0;border:none;font-size:1.1rem;line-height:1}.track-heart:hover,.track-heart.active{color:var(--color-brand)}.track-bookmark,.release-bookmark,.artist-bookmark{color:var(--color-inkMuted);padding:var(--space-xs);background:0 0;border:none;align-items:center;line-height:1;display:inline-flex}.track-bookmark:hover,.release-bookmark:hover,.artist-bookmark:hover,.track-bookmark.active,.release-bookmark.active,.artist-bookmark.active{color:var(--color-brandText)}.track-remove{color:var(--color-inkMuted);padding:var(--space-xs);background:0 0;border:none;font-size:.85rem;line-height:1}.track-remove:hover{color:var(--color-danger)}.add-to-playlist{position:relative}.add-to-playlist-trigger{color:var(--color-inkMuted);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:0 0;border:none;font-size:1.1rem;line-height:1}.add-to-playlist-trigger:hover{color:var(--color-ink);background:var(--color-surface)}.add-to-playlist-menu{z-index:5;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:200px;padding:var(--space-xs);flex-direction:column;gap:2px;display:flex;position:absolute;top:100%;right:0}.add-to-playlist-item{justify-content:space-between;align-items:center;gap:var(--space-sm);text-align:left;color:var(--color-ink);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-caption-size);background:0 0;border:none;display:flex}.add-to-playlist-item:hover{background:var(--color-paper)}.add-to-playlist-check{color:var(--color-brand);font-weight:700}.add-to-playlist-divider{border-top:1px solid var(--color-border);margin:var(--space-xs) 0;display:block}.add-to-playlist-empty{color:var(--color-inkMuted);font-size:var(--text-caption-size);padding:var(--space-xs) var(--space-sm)}.add-to-playlist-new{gap:var(--space-xs);padding:var(--space-xs) var(--space-sm) 0;border-top:1px solid var(--color-border);margin-top:2px;display:flex}.add-to-playlist-input{background:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:0;color:var(--color-ink);font-family:inherit;font-size:var(--text-caption-size);padding:var(--space-xs) var(--space-sm);flex:1}.add-to-playlist-create{background:var(--color-brand);color:#fff;border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);font-size:var(--text-caption-size);border:none;font-weight:600}.add-to-playlist-create:disabled{opacity:.5;cursor:default}.library-section{margin-bottom:var(--space-xl)}.library-section-title{font-family:var(--font-mono);font-size:var(--text-micro-size);text-transform:uppercase;letter-spacing:.14em;color:var(--color-inkMuted);margin:0 0 var(--space-sm);font-weight:500}.library-section-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.library-section-header .library-section-title{margin-bottom:0}.library-section-action{color:var(--color-inkMuted);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:0 0;border:none;font-size:1.1rem;line-height:1}.library-section-action:hover{color:var(--color-ink);background:var(--color-surface)}.library-empty{color:var(--color-inkMuted);font-size:var(--text-caption-size);padding:var(--space-sm) 0}.library-tabs{gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.library-tab{border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-inkMuted);font-size:var(--text-caption-size);padding:var(--space-xs) var(--space-md);transition:border-color var(--motion-fast), color var(--motion-fast);background:0 0;font-weight:500}.library-tab:hover{color:var(--color-ink)}.library-tab.active{border-color:var(--color-brand);color:var(--color-ink)}.library-lanes{gap:var(--space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.library-lane{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex}.library-lane-main{min-width:0}.library-lane-artist{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:inline-flex}.library-lane-artist:hover .library-lane-name{color:var(--color-brandText)}.library-lane-initial{width:44px;height:44px;font-family:var(--font-display);background:linear-gradient(135deg, var(--color-brand), var(--color-brandTint));border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:grid}.library-lane-name{font-family:var(--font-display);font-weight:600;font-size:var(--text-heading-size)}.library-club-badge{white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-micro-size);text-transform:uppercase;letter-spacing:.12em;color:var(--color-brandText);border:1px solid color-mix(in srgb, var(--color-brandText) 45%, transparent);border-radius:var(--radius-sm);flex-shrink:0;padding:1px 6px}.library-lane-meta{margin:var(--space-xs) 0 0;color:var(--color-inkMuted);font-size:var(--text-caption-size);align-items:center;gap:var(--space-sm);display:flex}.library-lane-chips{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.library-chip{background:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-ink);font-size:var(--text-caption-size);padding:var(--space-xs) var(--space-md);white-space:nowrap;text-overflow:ellipsis;max-width:220px;transition:border-color var(--motion-fast);align-items:center;gap:6px;display:inline-flex;overflow:hidden}.library-chip:hover{border-color:var(--color-inkMuted)}.library-chip-kind{color:var(--color-inkMuted);font-size:var(--text-micro-size)}.library-lane-side{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-micro-size);color:var(--color-inkMuted);padding-top:var(--space-xs);flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.library-join{font-family:var(--font-body);font-size:var(--text-caption-size);color:var(--color-brandText)}.saved-pinned-art{place-items:center;font-size:1rem;display:grid}.playlist-list{margin:0 0 var(--space-md);padding:0;list-style:none}.playlist-row{align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);display:flex}.playlist-row:hover{background:var(--color-surface)}.playlist-art{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--color-brand), var(--color-brandTint));width:40px;height:40px;box-shadow:-3px 3px 0 -1px var(--color-paper), -3px 3px 0 0 var(--color-border), -6px 6px 0 -1px var(--color-paper), -6px 6px 0 0 var(--color-border);margin-left:var(--space-sm);flex-shrink:0}.playlist-meta-group{flex-direction:column;flex:1;min-width:0;display:flex}.playlist-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.playlist-meta{font-family:var(--font-mono);font-size:var(--text-micro-size);color:var(--color-inkMuted)}.playlist-create{gap:var(--space-sm);padding:var(--space-sm) var(--space-md) 0;display:flex}.playlist-create-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:0;color:var(--color-ink);font-family:inherit;font-size:var(--text-body-size);padding:var(--space-sm) var(--space-md);flex:1}.playlist-create-input:focus{outline:2px solid var(--color-brandText);border-color:#0000}.playlist-create-submit{background:var(--color-brand);color:#fff;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);font-size:var(--text-body-size);border:none;flex-shrink:0;font-weight:600}.playlist-create-submit:disabled{opacity:.5;cursor:default}.playlist-header{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.playlist-header .screen-title{margin-bottom:0}.playlist-title-row{align-items:center;gap:var(--space-sm);min-width:0;display:flex}.playlist-title-edit{color:var(--color-inkMuted);padding:var(--space-xs);background:0 0;border:none;flex-shrink:0;font-size:1rem;line-height:1}.playlist-title-edit:hover{color:var(--color-ink)}.playlist-rename-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:480px;color:var(--color-ink);font-family:var(--font-display);font-weight:600;font-size:var(--text-title-size);padding:var(--space-xs) var(--space-md)}.playlist-rename-input:focus{outline:2px solid var(--color-brandText);border-color:#0000}.playlist-delete{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-danger);padding:var(--space-xs) var(--space-md);font-size:var(--text-caption-size);background:0 0;flex-shrink:0;font-weight:600}.playlist-delete:hover{border-color:var(--color-danger)}.playlist-delete:disabled{opacity:.5;cursor:default}.skeleton-group{opacity:0}.skeleton-group.visible{opacity:1;transition:opacity .2s var(--ease,ease)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(100deg, var(--color-surface) 40%, color-mix(in srgb, var(--color-border) 55%, var(--color-surface)) 50%, var(--color-surface) 60%);background-size:200% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer;display:inline-block}@keyframes skeleton-shimmer{0%{background-position:120% 0}to{background-position:-80% 0}}@media (prefers-reduced-motion:reduce){.skeleton{background:var(--color-surface);animation:none}.skeleton-group.visible{transition:none}}.skeleton-card{align-items:center;gap:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:220px;padding:var(--space-sm) var(--space-md);flex:none;display:flex}.skeleton-row{align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;display:flex}.skeleton-art{width:44px;height:44px}.skeleton-lines{gap:var(--space-xs);flex-direction:column;flex:1;min-width:0;display:flex}.skeleton-line{width:140px;max-width:100%;height:12px}.skeleton-line.short{width:90px}.skeleton-heading{height:var(--text-heading-lh);width:160px}.skeleton-title-line{height:var(--text-title-lh);width:220px;margin-bottom:var(--space-lg)}.skeleton-block .skeleton-line{width:100%}.skeleton-block .skeleton-line.short{width:60%}.skeleton-tile{border-radius:var(--radius-md);height:120px}.skeleton-grid{width:100%}.inline-spinner,.playerbar-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite inline-spin;display:inline-block}.inline-spinner{color:var(--color-inkMuted)}@keyframes inline-spin{to{transform:rotate(360deg)}}.section-error{align-items:center;gap:var(--space-md);color:var(--color-inkMuted);font-size:var(--text-caption-size);margin:var(--space-sm) 0;display:flex}.section-error-retry{border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-ink);font-size:var(--text-caption-size);padding:2px var(--space-md);background:0 0}.section-error-retry:hover{border-color:var(--color-inkMuted)}.home-shelf{margin-bottom:var(--space-xl)}.track-list+.home-shelf,.screen-note+.home-shelf{margin-top:var(--space-xl)}.home-shelf-header{align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.home-shelf-header h2{font-family:var(--font-display);font-weight:600;font-size:var(--text-heading-size);margin:0}.home-shelf-aside{color:var(--color-inkMuted);font-family:var(--font-mono);font-size:var(--text-micro-size)}.home-shelf-row{gap:var(--space-md);padding-bottom:var(--space-xs);scrollbar-width:none;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 92%,#0000);mask-image:linear-gradient(90deg,#000 92%,#0000)}.home-shelf-row::-webkit-scrollbar{display:none}.resume-card,.saved-card{align-items:center;gap:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:220px;padding:var(--space-sm) var(--space-md);text-align:left;color:var(--color-ink);flex:none;text-decoration:none;display:flex}.resume-card:hover,.saved-card:hover{border-color:var(--color-inkMuted)}.resume-card{position:relative;overflow:hidden}.resume-progress{height:2px;width:calc(var(--resume-frac,0) * 100%);background:var(--color-brand);position:absolute;bottom:0;left:0}.resume-card.playing{border-color:var(--color-brand);background:var(--color-brandTint)}.shelf-art{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--color-brandTint), var(--color-surface));flex:none;width:44px;height:44px;overflow:hidden}.shelf-art img{object-fit:cover;width:100%;height:100%;display:block}.shelf-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.shelf-title{white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-weight:600;overflow:hidden}.shelf-sub{color:var(--color-inkMuted);font-size:var(--text-caption-size);white-space:nowrap}.new-tile{gap:var(--space-xs);width:132px;color:var(--color-ink);flex-direction:column;flex:none;text-decoration:none;display:flex}.new-tile .shelf-title,.new-tile .shelf-sub{text-overflow:ellipsis;max-width:132px;overflow:hidden}.new-tile-art{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-brandTint), var(--color-surface));width:132px;height:132px;overflow:hidden}.new-tile-art img{object-fit:cover;width:100%;height:100%;display:block}.your-artist-card{align-items:center;gap:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:200px;padding:var(--space-md);color:var(--color-ink);flex:none;text-decoration:none;display:flex}.your-artist-card:hover{border-color:var(--color-inkMuted)}.your-artist-initial{background:var(--color-brandTint);width:40px;height:40px;color:var(--color-brandText);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:600;display:flex}.your-artist-tags{align-items:center;gap:var(--space-sm);display:flex}.your-artist-club{font-family:var(--font-mono);font-size:var(--text-micro-size);letter-spacing:.08em;text-transform:uppercase;color:var(--color-brandText);background:var(--color-brandTint);border-radius:var(--radius-sm);padding:1px 6px}.your-artist-fresh{font-size:var(--text-micro-size);color:var(--color-inkMuted)}.home-browse-link{margin-top:var(--space-lg)}.home-browse-link a{color:var(--color-inkMuted);font-size:var(--text-caption-size)}.home-browse-link a:hover{color:var(--color-ink)}.follow-button{border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-ink);font-size:var(--text-caption-size);padding:var(--space-xs) var(--space-md);background:0 0;font-weight:500}.follow-button:hover{border-color:var(--color-inkMuted)}.follow-button.following{color:var(--color-inkMuted);background:var(--color-surface)}.playerbar{z-index:20;align-items:center;gap:var(--space-md);background:color-mix(in srgb, var(--color-surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-border);padding:var(--space-md) var(--space-lg);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0px));display:flex;position:fixed;bottom:0;left:0;right:0}.playerbar-controls{align-items:center;gap:var(--space-md);flex-shrink:0;display:flex}.playerbar-step{border-radius:var(--radius-pill);width:36px;height:36px;color:var(--color-ink);font-size:var(--text-body-size);background:0 0;border:none;flex-shrink:0}.playerbar-step,.playerbar-toggle,.playerbar-mode{justify-content:center;align-items:center;display:inline-flex}.playerbar-step:disabled{color:var(--color-border);cursor:default}.playerbar-toggle{border-radius:var(--radius-pill);background:var(--color-brand);color:#fff;width:44px;height:44px;font-size:var(--text-caption-size);border:none;flex-shrink:0}.playerbar-mode{border-radius:var(--radius-pill);width:32px;height:32px;color:var(--color-inkMuted);font-size:var(--text-caption-size);background:0 0;border:none;flex-shrink:0;position:relative}.playerbar-mode.active{color:var(--color-ink)}.playerbar-mode.active:after{content:"";background:currentColor;border-radius:50%;width:3px;height:3px;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.playerbar-autoplay{font-family:var(--font-mono);font-size:var(--text-micro-size);text-transform:uppercase;letter-spacing:.08em;width:auto;padding:0 var(--space-xs)}.playerbar-art{border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg, var(--color-brand), var(--color-brandTint));border:none;flex-shrink:0;width:40px;height:40px;padding:0;overflow:hidden}.playerbar-art img{object-fit:cover;width:100%;height:100%;display:block}.playerbar-open{color:inherit;font:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;background:0 0;border:none;max-width:100%;padding:0;overflow:hidden}.playerbar-open:hover{text-decoration:underline}.playerbar-track{flex:0 0 180px;min-width:0}.playerbar-title{font-weight:600;font-size:var(--text-caption-size);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.playerbar-artist{color:var(--color-inkMuted);font-size:var(--text-micro-size);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.receipt-demo{border:1px solid var(--color-border);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-micro-size);letter-spacing:.04em;color:var(--color-inkMuted);margin:0 0 var(--space-lg);padding:2px 8px;display:inline-block}.subscribe-pitch{max-width:480px;font-size:var(--text-body-size);margin:0 0 var(--space-lg);line-height:1.5}.subscribe-button{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-paper);font-weight:600;font-size:var(--text-body-size);border:none;display:inline-block}.subscribe-button:disabled{opacity:.6;cursor:default}.subscribe-finePrint{margin-top:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-micro-size);color:var(--color-inkMuted)}.receipt-subtitle{font-size:var(--text-body-size);margin:var(--space-xl) 0 var(--space-sm);font-weight:600}.ledger{max-width:560px;margin:0;padding:0;list-style:none}.ledger-row{align-items:baseline;gap:var(--space-sm);padding:var(--space-xs) 0;display:flex}.ledger-row-artists .ledger-label,.ledger-row-artists .ledger-amount{font-weight:600}.ledger-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ledger-flag{color:var(--color-inkMuted);font-size:var(--text-micro-size)}.ledger-leader{border-bottom:1px dotted var(--color-border);flex:1;min-width:24px;transform:translateY(-4px)}.ledger-amount{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-ink)}.playerbar-error{color:var(--color-inkMuted)}.playerbar-retry{margin-left:var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-micro-size);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink);cursor:pointer;vertical-align:1px;background:0 0;padding:1px 8px;font-weight:400}.playerbar-retry:hover{border-color:var(--color-ink)}.playerbar-preview{margin-left:var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-micro-size);letter-spacing:.06em;text-transform:uppercase;color:var(--color-inkMuted);vertical-align:1px;padding:1px 5px;font-weight:400}.playerbar-seek{accent-color:var(--color-brand);flex:1}.playerbar-volume{width:90px;accent-color:var(--color-brand)}.playerbar-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-micro-size);color:var(--color-inkMuted);white-space:nowrap}@media (width<=640px){.playerbar{padding:var(--space-sm) var(--space-md);padding-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom,0px))}.playerbar-track{flex:auto;width:auto}.playerbar-summary .playerbar-toggle{width:40px;height:40px}}.playerbar-progress{background:var(--color-brand);pointer-events:none;height:2px;transition:width .25s linear;position:absolute;top:-1px;left:0}.state-note{color:var(--color-inkMuted);padding:var(--space-xl) 0}.state-error{color:var(--color-danger);padding:var(--space-xl) 0}.shell-account{align-items:center;gap:var(--space-md);margin-left:auto;display:flex}.auth-context{color:var(--color-inkMuted);margin:0 0 var(--space-lg);max-width:44ch}.shell-account-action{padding:var(--space-xs) 0;font-size:inherit;color:var(--color-inkMuted);background:0 0;border:none;font-weight:500}.shell-account-action:hover{color:var(--color-ink)}.auth-form{gap:var(--space-md);max-width:360px;display:grid}.auth-label{color:var(--color-inkMuted)}.auth-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;min-width:0;color:var(--color-ink);font-family:inherit;font-size:var(--text-bodyLg-size);padding:var(--space-md) var(--space-lg)}.auth-input:-webkit-autofill{-webkit-text-fill-color:var(--color-ink);-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset;caret-color:var(--color-ink)}.auth-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-ink);-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset;caret-color:var(--color-ink)}.auth-input:focus{outline:2px solid var(--color-brandText);border-color:#0000}.auth-input-code{font-family:var(--font-mono);letter-spacing:.4em;text-align:center;font-size:1.5rem}.auth-error{color:var(--color-danger);margin:0}.auth-submit{background:var(--color-brand);color:#fff;border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);font-size:var(--text-bodyLg-size);border:none;font-weight:600}.auth-submit:disabled{opacity:.6;cursor:default}.auth-alt{color:var(--color-brandText);background:0 0;border:none;justify-self:start;padding:0}.auth-alt:disabled{opacity:.5;cursor:default}.inline-link{color:var(--color-brandText);text-decoration:underline}.toast-stack{left:0;right:0;bottom:calc(80px + var(--space-lg));z-index:30;align-items:center;gap:var(--space-sm);padding:0 var(--space-lg);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:480px;padding:var(--space-sm) var(--space-md);pointer-events:auto;display:flex;box-shadow:0 8px 24px #00000059}.toast-message{min-width:0;font-size:var(--text-caption-size);flex:1}.toast-action{color:var(--color-brandText);font-weight:600;font-size:var(--text-caption-size);background:0 0;border:none;flex-shrink:0}.toast-dismiss{color:var(--color-inkMuted);padding:var(--space-xs);background:0 0;border:none;flex-shrink:0;font-size:.8rem;line-height:1}.toast-dismiss:hover{color:var(--color-ink)}.dialog-backdrop{z-index:40;padding:var(--space-lg);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:var(--space-lg)}.dialog-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-heading-size);margin:0 0 var(--space-sm)}.dialog-body{color:var(--color-inkMuted);margin:0 0 var(--space-lg)}.dialog-actions{justify-content:flex-end;gap:var(--space-sm);display:flex}.dialog-cancel{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-ink);padding:var(--space-sm) var(--space-lg);background:0 0;font-weight:600}.dialog-confirm{background:var(--color-brand);color:#fff;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);border:none;font-weight:600}.dialog-confirm.danger{background:var(--color-danger)}.studio-artist-picker{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.studio-artist-chip{align-items:center;gap:var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-ink);padding:var(--space-xs) var(--space-md);cursor:pointer;background:0 0;display:inline-flex}.studio-artist-chip.active{border-color:var(--color-brand);color:var(--color-brand)}.studio-create-row{gap:var(--space-sm);margin:var(--space-md) 0;flex-wrap:wrap;max-width:480px;display:flex}.studio-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-ink);padding:var(--space-sm) var(--space-md);font:inherit;flex:1;min-width:0}.studio-input:focus-visible{outline:2px solid var(--color-brand);outline-offset:1px}.studio-input-split{font-family:var(--font-mono);text-align:right;flex:0 0 72px}.studio-date-input{width:auto;font-family:var(--font-mono);font-size:var(--text-caption-size);flex:none}.studio-visibility{width:auto;font-size:var(--text-caption-size);flex:none}.studio-primary-action{background:var(--color-brand);border-radius:var(--radius-md);color:#fff;padding:var(--space-sm) var(--space-lg);cursor:pointer;white-space:nowrap;border:none;font-weight:600}.studio-primary-action:disabled{opacity:.45;cursor:default}.studio-minor-action{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-ink);padding:var(--space-xs) var(--space-md);cursor:pointer;white-space:nowrap;background:0 0}.studio-minor-action:hover:not(:disabled){border-color:var(--color-ink)}.studio-minor-action:disabled{opacity:.45;cursor:default}.studio-danger-action{color:var(--color-danger);cursor:pointer;padding:var(--space-xs) var(--space-sm);background:0 0;border:none}.studio-danger-action:disabled{opacity:.4;cursor:default}.studio-release{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.studio-release-header{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.studio-release-title{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-heading-size);cursor:text;text-align:left;background:0 0;border:none;padding:0;font-weight:600}.studio-track-list{margin:var(--space-md) 0 0;gap:var(--space-sm);flex-direction:column;padding:0;list-style:none;display:flex}.studio-track{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md)}.studio-track-row{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.studio-track-title{color:var(--color-ink);font-weight:600;font-size:var(--text-body-size);cursor:text;text-align:left;background:0 0;border:none;padding:0}.studio-track-actions{gap:var(--space-sm);align-items:center;margin-left:auto;display:flex}.studio-retry-row{flex-wrap:wrap;margin-left:0}.studio-status{font-size:var(--text-micro-size);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:2px var(--space-sm);color:var(--color-inkMuted)}.studio-status-ready{border-color:var(--color-brand);color:var(--color-brand)}.studio-status-failed{border-color:var(--color-danger);color:var(--color-danger)}.studio-track-detail{margin-top:var(--space-md);border-top:1px solid var(--color-border);padding-top:var(--space-md);gap:var(--space-lg);flex-direction:column;display:flex}.studio-section-title{margin:0 0 var(--space-sm);font-size:var(--text-body-size)}.studio-attested{color:var(--color-inkMuted);font-weight:400;font-size:var(--text-caption-size)}.studio-unattested{color:var(--color-danger);font-weight:400;font-size:var(--text-caption-size)}.studio-rights{gap:var(--space-md);flex-direction:column;max-width:560px;display:flex}.studio-check{gap:var(--space-sm);cursor:pointer;align-items:flex-start;display:flex}.studio-check input{accent-color:var(--color-brand);margin-top:4px}.studio-writers,.studio-field{gap:var(--space-sm);flex-direction:column;display:flex}.studio-writer-row{gap:var(--space-sm);align-items:center;display:flex}.studio-writer-remove{color:var(--color-inkMuted);font-size:var(--text-heading-size);cursor:pointer;background:0 0;border:none;line-height:1}.studio-writer-remove:hover{color:var(--color-danger)}.studio-field-label{font-size:var(--text-caption-size);color:var(--color-ink);font-weight:600}.studio-hint,.studio-hint-inline{color:var(--color-inkMuted);font-size:var(--text-caption-size);margin:0;font-weight:400}.studio-error{color:var(--color-danger);font-size:var(--text-caption-size);margin:var(--space-sm) 0 0}.studio-analytics{margin-top:var(--space-xl)}.landing{min-height:100svh;padding:var(--space-xl)}.landing-inner{gap:var(--space-xl);max-width:40rem;padding:var(--space-xl) 0;flex-direction:column;margin:0 auto;display:flex}.landing-hero{gap:var(--space-md);flex-direction:column;display:flex}.landing .wordmark{font-size:2.5rem}.landing h1{font-family:var(--font-display);font-size:var(--text-heading-size);letter-spacing:-.01em}.landing h2{font-family:var(--font-display);font-size:var(--text-body-size);letter-spacing:.02em;text-transform:uppercase;color:var(--color-inkMuted);margin:0 0 var(--space-sm)}.landing h3{font-size:var(--text-body-size);margin:0 0 var(--space-xs)}.landing p{color:var(--color-inkMuted);margin:0;line-height:1.55}.landing-lede{font-size:var(--text-body-size)}.landing-status{color:var(--color-ink)}.landing-actions{gap:var(--space-lg);align-items:baseline;display:flex}.landing-signin{color:var(--color-brand);font-weight:600;text-decoration:none}.landing-signin:hover{text-decoration:underline}.landing-section{gap:var(--space-sm);flex-direction:column;display:flex}.landing-cols{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.landing-plans{gap:var(--space-md);margin-top:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}.landing-plan{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);gap:var(--space-xs);flex-direction:column;display:flex}.landing-price{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-ink);font-size:var(--text-body-size)}.landing-price-alt{color:var(--color-inkMuted);font-size:var(--text-caption-size)}.landing-finePrint{font-family:var(--font-mono);font-size:var(--text-micro-size);color:var(--color-inkMuted)}.landing-footer{border-top:1px solid var(--color-border);padding-top:var(--space-lg);gap:var(--space-sm);font-size:var(--text-caption-size);flex-direction:column;display:flex}.landing-legal{gap:var(--space-lg);display:flex}.landing-legal a{color:var(--color-inkMuted);text-decoration:underline}@media (width<=640px){.landing-cols,.landing-plans{grid-template-columns:1fr}}.bare-shell-header{border-bottom:1px solid var(--color-border);padding:var(--space-md) var(--space-xl)}.bare-shell-header .wordmark{font-size:1.25rem}.bare-shell-main{max-width:40rem;padding:var(--space-xl);margin:0 auto}.legal{gap:var(--space-sm);max-width:40rem;padding-bottom:var(--space-xl);flex-direction:column;display:flex}.legal h1{font-family:var(--font-display);font-size:var(--text-display-size)}.legal h2{font-size:var(--text-body-size);margin-top:var(--space-md)}.legal p{color:var(--color-inkMuted);line-height:1.6}.legal-updated{font-family:var(--font-mono);font-size:var(--text-micro-size)}.studio-payouts,.studio-images,.studio-about{margin-top:var(--space-xl);padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.studio-images-row{align-items:flex-start;gap:var(--space-lg);margin:var(--space-md) 0;flex-wrap:wrap;display:flex}.studio-avatar{align-items:flex-start;gap:var(--space-sm);flex-direction:column;flex:0 240px;min-width:160px;display:flex}.studio-photo-preview{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-paper);cursor:crosshair;padding:0;display:inline-block;position:relative;overflow:hidden}.studio-photo-preview img{width:auto;max-width:100%;height:auto;max-height:240px;display:block}.studio-photo-live{align-items:center;gap:var(--space-sm);display:flex}.studio-photo-live .studio-avatar-preview{width:56px;height:56px}.studio-photo-live-hint{margin:0}.studio-avatar-preview{background:var(--color-brandTint);width:96px;height:96px;color:var(--color-brandText);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:36px;font-weight:700;display:grid;overflow:hidden}.studio-avatar-preview img{object-fit:cover;object-position:var(--avatar-focal,50% 50%);width:100%;height:100%;display:block}.studio-banner{flex:320px;min-width:0}.studio-banner-preview{aspect-ratio:3;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-paper);cursor:crosshair;width:100%;padding:0;display:block;position:relative;overflow:hidden}.studio-banner-preview img{object-fit:cover;width:100%;height:100%;display:block}.studio-banner-preview:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.studio-focal-dot{left:var(--focal-x,50%);top:var(--focal-y,35%);background:var(--color-brand);pointer-events:none;border:2px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #0006}.studio-banner-empty{color:var(--color-inkMuted);font-size:var(--text-caption-size);cursor:default;place-items:center;display:grid}.studio-image-actions{align-items:baseline;gap:var(--space-md);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.studio-images-save{margin-top:var(--space-md)}.studio-fanclub{margin-top:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.studio-payouts-header{justify-content:space-between;align-items:baseline;gap:var(--space-md);display:flex}.studio-payouts .screen-note,.studio-fanclub .screen-note{max-width:60ch;margin-top:var(--space-xs)}.studio-payouts-ledger{margin:var(--space-md) 0 var(--space-lg);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.studio-payouts-ready{border-color:var(--color-money);color:var(--color-money)}.studio-page-link{justify-content:space-between;align-items:center;gap:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg);display:flex}.studio-page-link-body{gap:var(--space-xs);flex-direction:column;min-width:0;display:flex}.studio-page-link-url{font-family:var(--font-mono);color:var(--color-ink);overflow-wrap:anywhere;text-decoration:none}.studio-page-link-url:hover{text-decoration:underline}.studio-page-link .studio-minor-action{flex-shrink:0}.studio-about form{gap:var(--space-md);max-width:640px;margin-top:var(--space-md);flex-direction:column;display:flex}.studio-textarea{resize:vertical;min-height:120px;line-height:1.5}@media (width<=560px){.studio-page-link{flex-direction:column;align-items:stretch}}.studio-callout{justify-content:space-between;align-items:center;gap:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg);display:flex}.studio-callout p{color:var(--color-inkMuted);margin:0}.studio-callout strong{color:var(--color-ink);font-weight:600}.studio-callout .studio-primary-action{flex-shrink:0}@media (width<=560px){.studio-callout{flex-direction:column;align-items:stretch}}.studio-stat-row{gap:var(--space-xl);margin:var(--space-md) 0 var(--space-lg);display:flex}.studio-stat{flex-direction:column;display:flex}.studio-stat-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-heading-size);font-weight:600}.studio-stat-label{color:var(--color-inkMuted);font-size:var(--text-caption-size)}.studio-analytics-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.studio-analytics-table{border-collapse:collapse;width:100%}.studio-analytics-table th{text-align:left;color:var(--color-inkMuted);font-size:var(--text-caption-size);padding:var(--space-xs) var(--space-md) var(--space-xs) 0;border-bottom:1px solid var(--color-border);font-weight:500}.studio-analytics-table td{padding:var(--space-sm) var(--space-md) var(--space-sm) 0;border-bottom:1px solid var(--color-border);vertical-align:middle}.studio-analytics-table .studio-num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.studio-spark{display:block}.studio-spark-bar{fill:var(--color-brand)}.studio-spark-zero{fill:var(--color-border)}.shell-account-avatar{background:var(--color-brandTint);width:32px;height:32px;color:var(--color-brandText);border:1px solid var(--color-border);font-weight:600;font-size:var(--text-caption-size);border-radius:50%;justify-content:center;align-items:center;display:flex}.shell-account-avatar:hover,.shell-account-avatar[aria-expanded=true]{border-color:var(--color-brandText)}.account-menu{position:relative}.account-menu-panel{right:0;top:calc(100% + var(--space-sm));z-index:20;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:240px;padding:var(--space-xs);flex-direction:column;display:flex;position:absolute}.account-menu-identity{padding:var(--space-sm) var(--space-md);color:var(--color-inkMuted);font-size:var(--text-caption-size);overflow-wrap:anywhere;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-xs);display:block}.account-menu-label{padding:var(--space-sm) var(--space-md) var(--space-xs);font-family:var(--font-mono);font-size:var(--text-micro-size);letter-spacing:.08em;text-transform:uppercase;color:var(--color-inkMuted)}.account-menu-item{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);text-align:left;color:var(--color-ink);font-size:var(--text-body-size);background:0 0;border:none;display:flex}.account-menu-identity:hover{color:var(--color-ink)}.account-menu-item:hover{background:var(--color-paper)}.account-menu-tag{color:var(--color-inkMuted);font-size:var(--text-micro-size)}.account-menu-signout{color:var(--color-inkMuted)}.account-menu-signout:hover{color:var(--color-ink)}.account-section{margin-bottom:var(--space-xl)}.account-section-title{font-size:var(--text-caption-size);color:var(--color-inkMuted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--space-sm)}.account-email{font-size:var(--text-body-size);margin:0}.account-signout{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-ink);padding:var(--space-sm) var(--space-lg);cursor:pointer;background:0 0}.account-signout:hover{border-color:var(--color-danger);color:var(--color-danger)}.account-export{color:var(--color-ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.account-export:hover{color:var(--color-brandText)}.account-export:disabled{opacity:.5;cursor:default}.account-delete{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-inkMuted);padding:var(--space-sm) var(--space-lg);cursor:pointer;background:0 0}.account-delete:hover{border-color:var(--color-danger);color:var(--color-danger)}.account-delete:disabled{opacity:.5;cursor:default}.account-blocked{margin:0 0 var(--space-sm);max-width:60ch;color:var(--color-ink);border-left:2px solid var(--color-border);padding-left:var(--space-md)}a.subscribe-button{text-decoration:none;display:inline-block}.admin-invite-form,.admin-guest-form{gap:var(--space-sm);max-width:640px;margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.admin-members{color:var(--color-inkMuted);font-size:var(--text-caption-size)}.admin-guest-groups,.admin-guest-emails{margin:0;padding:0;list-style:none}.admin-guest-group{margin-top:var(--space-sm)}.admin-guest-artist{margin-bottom:var(--space-xs);font-weight:600;display:block}.admin-guest-row{align-items:center;gap:var(--space-sm);min-width:0;padding:2px 0;display:flex}.admin-guest-row .admin-members{overflow-wrap:anywhere}.studio-select{appearance:none;padding-right:calc(var(--space-md) * 2 + 8px);background-image:linear-gradient(45deg, transparent 50%, var(--color-inkMuted) 50%), linear-gradient(135deg, var(--color-inkMuted) 50%, transparent 50%);background-position:calc(100% - var(--space-md) - 5px) 50%, calc(100% - var(--space-md)) 50%;cursor:pointer;background-repeat:no-repeat;background-size:5px 5px,5px 5px}.studio-select:hover{border-color:var(--color-inkMuted)}.admin-guest-remove{font:inherit;font-size:var(--text-caption-size);color:var(--color-inkMuted);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.admin-guest-remove:hover,.admin-guest-remove:focus-visible{color:var(--color-ink)}.fanclub{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin:var(--space-lg) 0 var(--space-xl)}.fanclub-header{justify-content:space-between;align-items:baseline;gap:var(--space-md);display:flex}.fanclub .screen-note{max-width:60ch;margin-top:var(--space-xs)}.fanclub-member-chip{border-color:var(--color-money);color:var(--color-money)}.fanclub-paused{color:var(--color-inkMuted);font-family:var(--font-mono);font-size:var(--text-micro-size)}.fanclub-join-row{align-items:center;gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.fanclub-alt-action{padding:var(--space-xs) 0;color:var(--color-inkMuted);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;text-decoration:underline}.fanclub-alt-action:hover{color:var(--color-ink)}.fanclub-alt-action:disabled{opacity:.5;cursor:default}.fanclub-tip-row{align-items:center;gap:var(--space-sm);margin-top:var(--space-md);color:var(--color-inkMuted);display:flex}.fanclub-tip-label{font-size:var(--text-micro-size)}.fanclub-tip-preset{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);color:var(--color-ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0}.fanclub-tip-preset:hover{border-color:var(--color-brandText)}.fanclub-tip-preset:disabled{opacity:.5;cursor:default}.fanclub-settings{align-items:flex-end;gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.fanclub-price-field{gap:var(--space-xs);color:var(--color-inkMuted);font-size:var(--text-micro-size);flex-direction:column;display:flex}.fanclub-price-field input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:7ch;padding:var(--space-xs) var(--space-sm);color:var(--color-ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;appearance:textfield}.fanclub-price-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.fanclub-price-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fanclub-settings-actions{align-items:center;gap:var(--space-md);flex-basis:100%;display:flex}.membership-list{gap:var(--space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.membership-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg)}.membership-main{justify-content:space-between;align-items:baseline;gap:var(--space-md);display:flex}.membership-artist{align-items:center;gap:var(--space-xs);font-weight:600;display:inline-flex}.membership-terms{color:var(--color-inkMuted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-micro-size)}.membership-receipt{margin:var(--space-xs) 0 0;color:var(--color-inkMuted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-micro-size);max-width:60ch}.membership-cancel{margin-top:var(--space-sm);color:var(--color-inkMuted);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.membership-cancel:hover{color:var(--color-danger)}.membership-cancel:disabled{opacity:.5;cursor:default}.studio-release-artwork{align-items:center;gap:var(--space-sm);display:flex}.studio-release-header .studio-release-title{min-width:0;margin-right:auto}.studio-release-art{border-radius:var(--radius-md);object-fit:cover;width:48px;height:48px;display:block}.studio-release-art-empty{background:var(--color-surface);border:1px dashed var(--color-border)}.studio-artwork-action{color:var(--color-inkMuted);text-underline-offset:3px;cursor:pointer;font-size:var(--text-micro-size);white-space:nowrap;background:0 0;border:none;padding:0;text-decoration:underline}.studio-artwork-action:hover{color:var(--color-ink)}.studio-artwork-action:disabled{opacity:.5;cursor:default}.browse-search{display:none}.shell-search--browse{max-width:none}.shell-search--browse .shell-search-input{padding-right:var(--space-md)}@media (width<=640px),(pointer:coarse){input,select,textarea,.shell-search-input,.studio-date-input{font-size:max(16px,1em)}}@media (width<=640px){.browse-search{margin-bottom:var(--space-lg);display:block}.wordmark{font-size:1.25rem}.shell-nav,.shell-tools{gap:var(--space-md)}.shell-tools .shell-search{display:none}.shell-account-action{white-space:nowrap}.artist-hero{min-height:clamp(150px,40vw,280px)}.artist-hero-name{font-size:var(--text-display-size);line-height:var(--text-display-lh)}.artist-hero-inner{padding:var(--space-lg);gap:var(--space-md)}.artist-hero-avatar{width:64px;height:64px;font-size:26px}.fanclub{padding:var(--space-md) var(--space-lg);margin:var(--space-md) 0 var(--space-lg)}.fanclub-blurb{display:none}.library-lane{gap:var(--space-sm);flex-direction:column}.library-lane-side{align-items:flex-start;padding-top:0}}.now-playing-glyph{width:13px;height:11px;margin-right:var(--space-xs);flex-shrink:0;align-items:flex-end;gap:2px;display:inline-flex}.now-playing-glyph i{background:var(--color-brand);transform-origin:bottom;border-radius:1px;flex:1;height:45%}.now-playing-glyph i:nth-child(2){height:100%}.now-playing-glyph i:nth-child(3){height:70%}.now-playing-glyph.live i{animation:1.05s ease-in-out infinite now-playing-eq}.now-playing-glyph.live i:nth-child(2){animation-delay:.18s}.now-playing-glyph.live i:nth-child(3){animation-delay:.36s}@keyframes now-playing-eq{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.now-playing-glyph.live i{animation:none}}.fanclub-strip{text-align:right;background:0 0;border:none;flex-direction:column;align-items:flex-end;gap:2px;margin-left:auto;padding:0;display:flex}.fanclub-strip-join{color:var(--color-brandText);font-size:var(--text-caption-size)}.fanclub-strip-billing{font-family:var(--font-mono);font-size:var(--text-micro-size);color:var(--color-inkMuted)}.typeahead{top:calc(100% + var(--space-sm));z-index:30;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-sm);flex-direction:column;max-height:min(70vh,560px);display:flex;position:absolute;left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #00000080}.typeahead-label{padding:var(--space-sm) var(--space-md) var(--space-xs);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-inkMuted);font-size:10px}.typeahead-row{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;color:var(--color-ink);display:flex}.typeahead-row.selected,.typeahead-all.selected{background:var(--color-brandTint)}.typeahead-avatar{background:var(--color-brandTint);width:32px;height:32px;color:var(--color-brandText);font-weight:600;font-size:var(--text-caption-size);border-radius:50%;flex:none;place-items:center;display:grid}.typeahead-row.selected .typeahead-avatar{background:var(--color-paper)}.typeahead-art{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--color-brand), var(--color-brandTint));flex:none;width:32px;height:32px;overflow:hidden}.typeahead-art img{object-fit:cover;width:100%;height:100%;display:block}.typeahead-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;font-size:var(--text-caption-size);flex:1;overflow:hidden}.typeahead-row[id^=shell-typeahead-artist] .typeahead-title{font-weight:600}.typeahead-aside{font-size:var(--text-micro-size);color:var(--color-inkMuted);text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:40%;margin-left:auto;overflow:hidden}.typeahead-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.typeahead-all{justify-content:space-between;align-items:center;gap:var(--space-md);margin-top:var(--space-xs);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border);border-radius:0 0 var(--radius-md) var(--radius-md);font-size:var(--text-micro-size);color:var(--color-brandText);cursor:pointer;display:flex}.typeahead-all kbd{font-family:var(--font-mono);font-size:var(--text-micro-size);color:var(--color-inkMuted);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px 6px}.typeahead-status{padding:var(--space-sm) var(--space-md);align-items:center;min-height:28px;display:flex}.typeahead-status .section-error{margin:0}.typeahead-empty{color:var(--color-inkMuted);font-size:var(--text-caption-size);margin:0}.browse-results{margin-bottom:var(--space-xxl)}.browse-label{align-items:center;gap:var(--space-md);margin-top:var(--space-md);font-family:var(--font-mono);font-size:var(--text-micro-size);text-transform:uppercase;letter-spacing:.14em;color:var(--color-inkMuted);margin:0 0 var(--space-md);font-weight:500;display:flex}.browse-results .track-list{margin-bottom:var(--space-lg)}.browse-row{text-decoration:none}.browse-initial{background:var(--color-brandTint);width:40px;height:40px;color:var(--color-brandText);font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:grid}.browse-heading{font-family:var(--font-display);font-weight:600;font-size:var(--text-heading-size);margin:0 0 var(--space-md)}.artist-grid--compact{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.artist-tile{align-items:center;gap:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);color:var(--color-ink);transition:border-color var(--motion-fast);text-decoration:none;display:flex}.artist-tile:hover{border-color:var(--color-brandText)}.artist-tile-initial{background:var(--color-brandTint);width:40px;height:40px;color:var(--color-brandText);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.artist-tile-name{font-weight:600;font-size:var(--text-caption-size);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}:root{--shell-header-h:59px;--playerbar-h:96px}.shell-body{flex:1;align-items:stretch;min-height:0;display:flex}.shell-body:has(.np-panel) .shell-main{margin-left:max(50vw - 480px,0px);margin-right:0}.np-panel{box-sizing:border-box;width:340px;top:var(--shell-header-h);height:calc(100vh - var(--shell-header-h) - var(--playerbar-h));height:calc(100svh - var(--shell-header-h) - var(--playerbar-h));border-left:1px solid var(--color-border);padding:var(--space-lg) var(--space-xl) var(--space-xl);align-self:flex-start;gap:var(--space-lg);background:var(--color-paper);flex-direction:column;flex-shrink:0;display:flex;position:sticky;overflow-y:auto}.np-panel>*{flex-shrink:0}.np-panel-head,.np-queue-head{justify-content:space-between;align-items:center;display:flex}.np-label{font-family:var(--font-mono);font-size:var(--text-micro-size);letter-spacing:.14em;text-transform:uppercase;color:var(--color-inkMuted);font-weight:500}.np-close,.np-action{border-radius:var(--radius-pill);width:32px;height:32px;color:var(--color-inkMuted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.np-close:hover,.np-action:hover{color:var(--color-ink);background:var(--color-surface)}.np-action.active{color:var(--color-brandText)}.np-art{aspect-ratio:1;border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-brand), var(--color-brandTint));width:100%;overflow:hidden;box-shadow:0 16px 40px #00000080}.np-art img{object-fit:cover;width:100%;height:100%;display:block}.np-meta{align-items:flex-start;gap:var(--space-sm);display:flex}.np-meta-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.np-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-heading-size);line-height:var(--text-heading-lh);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.np-artist{margin:0}.np-release{font-size:var(--text-caption-size);line-height:var(--text-caption-lh);color:var(--color-inkMuted);margin:0}.np-release a{color:var(--color-inkMuted)}.np-release a:hover{color:var(--color-ink)}.np-queue{border-top:1px solid var(--color-border);padding-top:var(--space-md);gap:var(--space-xs);flex-direction:column;display:flex}.np-queue-head{padding:0 var(--space-xs) var(--space-xs)}.np-queue-list li.np-queue-break{display:block}.np-position{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-micro-size);color:var(--color-inkMuted)}.np-queue-source{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.np-queue-end{margin:var(--space-sm) var(--space-xs) 0;font-size:var(--text-caption-size);color:var(--color-inkMuted)}.np-queue-row{cursor:pointer;padding:var(--space-xs) var(--space-sm)}.np-queue-row .track-art{width:32px;height:32px}.np-queue-row .track-title{font-size:var(--text-caption-size);line-height:var(--text-caption-lh)}.np-queue-row .track-sub,.np-queue-row .track-duration{font-size:var(--text-micro-size)}.np-queue-list li[data-state=played]{opacity:.5}.np-queue-list li[data-state=played]:hover{opacity:1}@media (width<=640px){.np-panel{z-index:25;width:auto;height:100dvh;padding:var(--space-md) var(--space-lg) calc(var(--space-xl) + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;border-left:none;position:fixed;inset:0}.np-panel-head{top:calc(-1 * var(--space-md));margin-top:calc(-1 * var(--space-md));padding:var(--space-md) 0 var(--space-sm);background:var(--color-paper);z-index:1;grid-template-columns:32px 1fr 32px;justify-items:center;display:grid;position:sticky}.np-panel-head .np-close{justify-self:start}.np-seek{gap:var(--space-xs);flex-direction:column;display:flex}.np-seek .playerbar-seek{appearance:none;touch-action:none;cursor:pointer;background:0 0;width:100%;height:44px;margin:0}.np-seek .playerbar-seek::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--color-brand) calc(var(--seek-frac,0) * 100%), var(--color-border) 0);border-radius:2px;height:4px}.np-seek .playerbar-seek::-webkit-slider-thumb{appearance:none;background:var(--color-brand);border:none;border-radius:50%;width:18px;height:18px;margin-top:-7px;box-shadow:0 1px 4px #00000080}.np-seek .playerbar-seek::-moz-range-track{background:var(--color-border);border-radius:2px;height:4px}.np-seek .playerbar-seek::-moz-range-progress{background:var(--color-brand);border-radius:2px;height:4px}.np-seek .playerbar-seek::-moz-range-thumb{background:var(--color-brand);border:none;border-radius:50%;width:18px;height:18px}.np-seek-times{justify-content:space-between;display:flex}.np-transport{justify-content:space-between;align-items:center;width:100%;max-width:320px;margin:0 auto;display:flex}.np-transport .playerbar-step,.np-transport .playerbar-mode{width:44px;height:44px}.np-transport .playerbar-toggle{width:64px;height:64px}.np-queue-side{align-items:center;gap:var(--space-sm);display:inline-flex}html:has(.np-panel){overflow:hidden}html:has(.np-panel) body{overflow:hidden}.shell:has(.np-panel) .playerbar{visibility:hidden}.np-art{max-width:342px;margin:0 auto}}