@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin.woff2)format("woff2");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:Newsreader;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/newsreader-latin.woff2)format("woff2");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;--bg:#08080b;--surface:#101015;--surface-2:#16161d;--surface-3:#1e1e27;--border:#ffffff0f;--border-strong:#ffffff21;--text:#f5f5f8;--muted:#a3a3b0;--muted-dim:#71717f;--accent:#895af6;--accent-strong:#ac8bf9;--accent-dim:#3e1895;--accent-2:#40e7d1;--accent-tint:#895af624;--accent-ring:#895af68c;--on-accent:#07070a;--glow-a:#4915c18c;--glow-b:#1c9c8b6b;--radius-lg:24px;--radius:18px;--radius-sm:12px;--pill:999px;--ease:cubic-bezier(.2, .8, .2, 1);--fast:.18s;--slow:.24s;--sidebar-w:252px;--player-h:104px;--bottom-h:0px;--shadow-card:0 18px 40px -24px #000000e6;--shadow-pop:0 24px 60px -20px #000000f2;--font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:"Newsreader", Georgia, "Times New Roman", serif;--step-title:clamp(2.25rem, 4.5vw + 1rem, 4rem);--step-h2:clamp(1.5rem, 2.4vw + .6rem, 2.25rem);--step-h3:clamp(1.15rem, 1.2vw + .7rem, 1.5rem);--step-body:clamp(.95rem, .3vw + .85rem, 1.05rem);--step-meta:clamp(.78rem, .2vw + .72rem, .88rem)}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.55}h1,h2,h3,h4{letter-spacing:-.03em;margin:0;font-weight:780;line-height:1.05}p{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}button:disabled{cursor:not-allowed;opacity:.45}ol,ul{margin:0;padding:0;list-style:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:60;border-radius:var(--pill);background:var(--accent);color:var(--on-accent);transition:transform var(--fast) var(--ease);padding:10px 16px;font-weight:650;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}.glass{-webkit-backdrop-filter:blur(24px)saturate(180%);background:#101015b8}.shell{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:100dvh;display:grid}.content{min-width:0;padding:30px 34px calc(var(--player-h) + 56px);position:relative}.grain{z-index:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.page{z-index:1;flex-direction:column;gap:38px;max-width:1500px;margin:0 auto;display:flex;position:relative}.page-head{flex-direction:column;gap:10px;display:flex}.page-head h1{font-size:clamp(2rem,4.2vw,3.4rem);font-weight:800}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-strong);align-items:center;gap:6px;font-size:.75rem;font-weight:700;display:inline-flex}.page-sub{color:var(--muted);max-width:68ch;font-size:.95rem}.section-title{margin-bottom:14px;font-size:1.2rem}.notice{border:1px solid var(--border);border-radius:var(--pill);background:var(--surface-2);color:var(--muted);align-self:flex-start;padding:10px 16px;font-size:.85rem}.side-nav{height:100dvh;padding:22px 16px calc(var(--player-h) + 20px);border-right:1px solid var(--border);background:linear-gradient(#0b0b10,#08080b 60%);flex-direction:column;gap:22px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:11px;padding:4px 6px;display:flex}.brand-mark{width:34px;height:34px;color:var(--on-accent);background:linear-gradient(140deg, var(--accent-strong), var(--accent-2));box-shadow:0 8px 22px -12px var(--accent);border-radius:11px;place-items:center;display:grid}.brand-name{letter-spacing:-.03em;flex-direction:column;font-size:1.05rem;font-weight:780;line-height:1.05;display:flex}.brand-name small{letter-spacing:.22em;color:var(--muted-dim);font-size:.62rem;font-weight:700}.nav-list{flex-direction:column;gap:3px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--muted);transition:color var(--fast) var(--ease), background var(--fast) var(--ease), transform var(--fast) var(--ease);align-items:center;gap:12px;padding:10px 12px;font-weight:620;display:flex}.nav-item:hover{color:var(--text);background:var(--surface-2);transform:translate(2px)}.nav-item.active{color:var(--text);background:var(--accent-tint);box-shadow:inset 0 0 0 1px var(--border-strong)}.nav-section{flex-direction:column;gap:8px;min-height:0;display:flex}.nav-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-dim);align-items:center;gap:7px;padding:0 12px;font-size:.7rem;font-weight:720;display:flex}.nav-playlists{flex-direction:column;display:flex}.nav-playlists a{color:var(--muted);transition:color var(--fast) var(--ease), background var(--fast) var(--ease);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:.88rem;display:flex}.nav-playlists a:hover{color:var(--text);background:var(--surface-2)}.nav-playlist-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-playlist-count{font-variant-numeric:tabular-nums;color:var(--muted-dim);flex:none;font-size:.75rem}.nav-empty,.nav-health{color:var(--muted-dim);padding:0 12px;font-size:.78rem}.nav-skeletons{flex-direction:column;gap:9px;padding:4px 12px;display:flex}.nav-foot{flex-direction:column;gap:10px;margin-top:auto;display:flex}.tier-switch{border:1px solid var(--border);border-radius:var(--pill);background:var(--surface);grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.tier-switch button{border-radius:var(--pill);color:var(--muted);transition:color var(--fast) var(--ease), background var(--fast) var(--ease);padding:7px 10px;font-size:.82rem;font-weight:650}.tier-switch button:hover{color:var(--text)}.tier-switch button.active{color:var(--on-accent);background:var(--accent)}.bottom-nav{inset-inline:0;z-index:40;border-top:1px solid var(--border);padding:6px 8px calc(6px + env(safe-area-inset-bottom));display:none;position:fixed;bottom:0}.bottom-item{border-radius:var(--radius-sm);color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:3px;padding:7px 4px;font-size:.68rem;font-weight:640;display:flex}.bottom-item.active{color:var(--accent-strong)}.ctl{border-radius:var(--pill);width:38px;height:38px;color:var(--muted);transition:color var(--fast) var(--ease), background var(--fast) var(--ease), transform var(--fast) var(--ease);background:0 0;place-items:center;display:grid;position:relative}.ctl:hover:not(:disabled){color:var(--text);background:var(--surface-3);transform:scale(1.06)}.ctl.on{color:var(--accent-strong);background:var(--accent-tint)}.ctl.small{width:30px;height:30px}.ctl.primary{width:46px;height:46px;color:var(--on-accent);background:var(--accent);box-shadow:0 12px 28px -14px var(--accent)}.ctl.primary:hover:not(:disabled){background:var(--accent-strong);transform:scale(1.07)}.ghost-button{border:1px solid var(--border-strong);border-radius:var(--pill);background:var(--surface-2);color:var(--text);transition:background var(--fast) var(--ease), transform var(--fast) var(--ease);align-items:center;gap:7px;padding:9px 16px;font-size:.85rem;font-weight:640;display:inline-flex}.ghost-button:hover:not(:disabled){background:var(--surface-3);transform:translateY(-1px)}.chip{border:1px solid var(--border);border-radius:var(--pill);background:var(--surface-2);color:var(--muted);transition:color var(--fast) var(--ease), background var(--fast) var(--ease), border-color var(--fast) var(--ease);padding:8px 15px;font-size:.85rem;font-weight:620}.chip:hover{color:var(--text);border-color:var(--border-strong)}.chip.active{color:var(--on-accent);background:var(--accent);border-color:#0000}.filter-row{flex-wrap:wrap;gap:8px;display:flex}.play-hero,.play-row{border-radius:var(--pill);letter-spacing:-.01em;transition:transform var(--fast) var(--ease), filter var(--fast) var(--ease), background var(--fast) var(--ease);align-items:center;gap:9px;font-weight:700;display:inline-flex}.play-hero{color:var(--on-accent);background:var(--accent);box-shadow:0 18px 34px -18px var(--accent);padding:12px 24px 12px 18px}.play-hero:hover:not(:disabled){filter:brightness(1.08);transform:scale(1.03)}.play-row{border:1px solid var(--border-strong);color:var(--text);background:#ffffff0d;padding:10px 18px;font-size:.88rem}.play-row:hover:not(:disabled){background:#ffffff1c;transform:scale(1.02)}.play-overlay{border-radius:var(--pill);width:44px;height:44px;color:var(--on-accent);background:var(--accent);box-shadow:var(--shadow-pop);opacity:0;transition:opacity var(--slow) var(--ease), transform var(--slow) var(--ease);place-items:center;display:grid;position:absolute;bottom:10px;right:10px;transform:translateY(8px)scale(.92)}.card:hover .play-overlay,.card:focus-within .play-overlay,.bento-tile:hover .play-overlay,.bento-tile:focus-within .play-overlay{opacity:1;transform:translateY(0)scale(1)}.play-overlay:hover{filter:brightness(1.1);transform:scale(1.07)}.busy{filter:saturate(.6)}.play-icon{place-items:center;display:grid}.pill-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pill{border:1px solid var(--border);border-radius:var(--pill);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;background:#ffffff0a;align-items:center;gap:5px;padding:4px 10px;font-size:.74rem;font-weight:650;display:inline-flex}.pill svg{color:var(--accent-strong)}.pill-dim{color:var(--muted-dim)}.pill-row.compact .pill{padding:3px 8px;font-size:.68rem}.energy-bar{align-items:flex-end;gap:2px;height:11px;display:inline-flex}.energy-step{background:var(--border-strong);border-radius:2px;width:3px;height:40%}.energy-step:nth-child(2){height:55%}.energy-step:nth-child(3){height:70%}.energy-step:nth-child(4){height:85%}.energy-step:nth-child(5){height:100%}.energy-step.on{background:var(--accent)}.bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"lead lead b c""lead lead d e";gap:16px;display:grid}.bento-tile{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);transition:transform var(--slow) var(--ease), border-color var(--slow) var(--ease);position:relative;overflow:hidden}.bento-tile:hover{border-color:var(--border-strong);transform:translateY(-3px)}.bento-tile:first-child{grid-area:lead}.bento-tile:nth-child(2){grid-area:b}.bento-tile:nth-child(3){grid-area:c}.bento-tile:nth-child(4){grid-area:d}.bento-tile:nth-child(5){grid-area:e}.tile-glow{z-index:0;background:radial-gradient(42% 48% at 22% 18%, var(--glow-a), transparent 70%), radial-gradient(46% 52% at 78% 82%, var(--glow-b), transparent 72%);filter:blur(6px);position:absolute;inset:-30%}.bento-tile.lead{align-items:center;gap:26px;min-height:320px;padding:28px;display:flex}.lead-cover{z-index:1;aspect-ratio:1;border-radius:var(--radius);height:auto;box-shadow:var(--shadow-pop);position:relative}.lead-copy{z-index:1;flex-direction:column;flex:1 1 0;gap:12px;min-width:0;display:flex;position:relative}.lead-copy h2{font-size:clamp(1.7rem,3.4vw,2.9rem);font-weight:800}.lead-meta{color:var(--muted);font-size:.9rem}.lead-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.bento-tile.action{background:linear-gradient(160deg, var(--surface-2), var(--surface));flex-direction:column;gap:9px;min-height:150px;padding:20px;display:flex;position:relative}.bento-tile.action h3{font-size:1.05rem}.bento-tile.action p{color:var(--muted);flex:1;font-size:.82rem}.bento-tile.action .play-row{align-self:flex-start}.tile-icon{width:34px;height:34px;color:var(--accent-strong);background:var(--accent-tint);border-radius:11px;place-items:center;display:grid}.bento-tile.album{align-items:center;gap:14px;min-height:150px;padding:16px;display:flex}.tile-cover{z-index:1;width:92px;height:92px;box-shadow:var(--shadow-card);border-radius:14px;flex:none;position:relative}.tile-copy{z-index:1;flex-direction:column;gap:5px;min-width:0;display:flex;position:relative}.tile-copy h3{text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;overflow:hidden}.tile-copy p{color:var(--muted);font-size:.78rem}.tile-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-strong);align-items:center;gap:5px;font-size:.68rem;font-weight:700;display:inline-flex}.shelf{flex-direction:column;gap:14px;min-width:0;display:flex}.shelf-head{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.shelf-titles h2{font-size:clamp(1.15rem,2vw,1.5rem)}.shelf-titles p{color:var(--muted-dim);margin-top:4px;font-size:.82rem}.shelf-actions{flex:none;align-items:center;gap:6px;display:flex}.shelf-track{scroll-snap-type:x proximity;scrollbar-width:thin;grid-auto-columns:minmax(170px,200px);grid-auto-flow:column;gap:16px;margin:-4px -4px -12px;padding:4px 4px 12px;display:grid;overflow-x:auto}.shelf-track>*{scroll-snap-align:start}.card-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:16px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;transition:transform var(--slow) var(--ease), background var(--slow) var(--ease), border-color var(--slow) var(--ease);flex-direction:column;gap:8px;padding:12px;display:flex}.card:hover{background:var(--surface-2);border-color:var(--border-strong);transform:translateY(-4px)scale(1.02)}.card-art{position:relative}.cover{aspect-ratio:1;object-fit:cover;background:var(--surface-3);border-radius:14px;width:100%;height:auto}.lead-cover{flex:none;width:34%;min-width:130px;max-width:240px}.cover-empty{color:#ffffff8c;background:var(--cover-fallback,linear-gradient(145deg, var(--surface-3), var(--surface)));place-items:center;display:grid}.cover.round{border-radius:var(--pill)}.card-title{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:.94rem;font-weight:700;display:flex;overflow:hidden}a.card-title:hover{color:var(--accent-strong)}.card-meta{color:var(--muted-dim);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;font-size:.78rem;display:flex;overflow:hidden}.verified{color:var(--accent-strong);flex:none}.artist-card{text-align:center;align-items:center}.song-card .pill-row{margin-top:2px}.track-list{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;display:flex;overflow:hidden}.track-row{border-bottom:1px solid var(--border);transition:background var(--fast) var(--ease);grid-template-columns:minmax(0,1fr) auto 58px 38px;grid-template-areas:"main pills time add";align-items:center;gap:12px;padding:8px 14px;display:grid}.track-row:last-child{border-bottom:none}.track-row:hover{background:var(--surface-2)}.track-row.active{background:var(--accent-tint)}.track-main{text-align:left;grid-area:main;align-items:center;gap:13px;min-width:0;padding:6px 0;display:flex}.track-num{width:26px;color:var(--muted-dim);font-variant-numeric:tabular-nums;flex:none;place-items:center;font-size:.85rem;display:grid;position:relative}.track-num-value,.track-num-icon,.playing-bars{transition:opacity var(--fast) var(--ease)}.track-num-icon{opacity:0;color:var(--text);place-items:center;display:grid;position:absolute;inset:0}.track-row:hover .track-num-value,.track-row.active .track-num-value{opacity:0}.track-row:hover .track-num-icon{opacity:1}.track-row.active .track-num-icon{opacity:1;color:var(--accent-strong)}.playing-bars{justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.track-num:has(.playing-bars) .track-num-icon{opacity:0}.track-row:hover .track-num:has(.playing-bars) .track-num-icon{opacity:1}.track-row:hover .playing-bars{opacity:0}.playing-bars i{background:var(--accent);width:2px;height:40%;animation:bars .9s var(--ease) infinite alternate;border-radius:2px}.playing-bars i:nth-child(2){animation-delay:.16s}.playing-bars i:nth-child(3){animation-delay:.32s}@keyframes bars{0%{height:25%}to{height:90%}}.track-cover{border-radius:9px;flex:none;width:42px;height:42px}.track-labels{flex-direction:column;min-width:0;display:flex}.track-title{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;font-weight:640;display:flex;overflow:hidden}.track-row.active .track-title{color:var(--accent-strong)}.track-sub{color:var(--muted-dim);text-overflow:ellipsis;white-space:nowrap;font-size:.79rem;overflow:hidden}.explicit{background:var(--border-strong);width:15px;height:15px;color:var(--muted);border-radius:3px;flex:none;place-items:center;font-size:.6rem;font-weight:800;display:grid}.track-row .pill-row{grid-area:pills;justify-content:flex-end}.track-time{color:var(--muted-dim);font-variant-numeric:tabular-nums;text-align:right;grid-area:time;font-size:.84rem}.track-add{opacity:0;grid-area:add}.track-row:hover .track-add,.track-add:focus-visible{opacity:1}.detail-hero{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);align-items:flex-end;gap:28px;padding:40px 32px;display:flex;position:relative;overflow:hidden}.hero-wash{background:radial-gradient(50% 60% at 20% 10%, var(--glow-a), transparent 70%), radial-gradient(46% 56% at 82% 40%, var(--glow-b), transparent 72%), linear-gradient(180deg, #08080b1a, var(--bg) 88%);height:180%;position:absolute;inset:-40% -10% auto}.hero-cover{z-index:1;aspect-ratio:1;border-radius:var(--radius);width:clamp(150px,24vw,260px);box-shadow:var(--shadow-pop);flex:none;position:relative}.detail-hero-copy{z-index:1;flex-direction:column;gap:12px;min-width:0;display:flex;position:relative}.detail-hero-copy h1{font-size:clamp(2.1rem,6vw,4.4rem);font-weight:820}.hero-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:.92rem;display:flex}.hero-artist{color:var(--text);font-weight:700}.hero-artist:hover{color:var(--accent-strong)}.hero-bio{color:var(--muted);max-width:62ch;font-size:.92rem}.hero-stats{flex-wrap:wrap;gap:10px;margin:4px 0 0;display:flex}.hero-stats>div{border:1px solid var(--border);-webkit-backdrop-filter:blur(12px)saturate(160%);background:#ffffff0a;border-radius:14px;padding:9px 16px}.hero-stats dt{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-dim);font-size:.68rem;font-weight:700}.hero-stats dd{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:1.15rem;font-weight:760}.artist-hero .hero-cover{border-radius:var(--pill)}.search-field{border:1px solid var(--border-strong);border-radius:var(--pill);background:var(--surface-2);max-width:620px;color:var(--muted);transition:border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);align-items:center;gap:11px;padding:12px 16px;display:flex}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.search-field input{min-width:0;color:var(--text);background:0 0;border:none;flex:1;font-size:1rem}.search-field input::placeholder{color:var(--muted-dim)}.search-field input:focus{outline:none}.search-field input::-webkit-search-cancel-button{display:none}.results{transition:opacity var(--fast) var(--ease);flex-direction:column;gap:34px;display:flex}.results.stale{opacity:.55}.result-block,.suggestions{flex-direction:column;display:flex}.library-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.playlist-tile{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:left;transition:transform var(--fast) var(--ease), background var(--fast) var(--ease), border-color var(--fast) var(--ease);align-items:center;gap:13px;padding:10px;display:flex}.playlist-tile:hover{background:var(--surface-2);border-color:var(--border-strong);transform:translateY(-2px)}.playlist-tile.active{background:var(--accent-tint);border-color:var(--accent-ring)}.playlist-tile .cover{border-radius:11px;flex:none;width:54px;height:54px}.playlist-tile-copy{flex-direction:column;min-width:0;display:flex}.playlist-tile-name{text-overflow:ellipsis;white-space:nowrap;font-weight:680;overflow:hidden}.playlist-tile-meta{color:var(--muted-dim);font-size:.78rem}.playlist-tile.create{background:0 0;border-style:dashed;padding:0;display:block}.create-trigger{border-radius:var(--radius);width:100%;height:100%;min-height:76px;color:var(--muted);justify-content:center;align-items:center;gap:9px;padding:10px;font-weight:640;display:flex}.create-trigger:hover{color:var(--text)}.create-form{flex-direction:column;gap:9px;padding:12px;display:flex}.create-form input{border:1px solid var(--border-strong);border-radius:var(--pill);background:var(--surface-2);padding:9px 13px}.create-form input:focus-visible{outline:2px solid var(--accent)}.create-actions{align-items:center;gap:7px;display:flex}.playlist-detail{flex-direction:column;gap:20px;display:flex}.playlist-detail-head{border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(60% 80% at 12% 0%, var(--glow-a), transparent 70%), linear-gradient(180deg, var(--surface-2), var(--surface));align-items:flex-end;gap:22px;padding:24px;display:flex}.playlist-detail-head>div{flex-direction:column;gap:8px;min-width:0;display:flex}.playlist-detail-head h2{font-size:clamp(1.6rem,3.6vw,2.6rem)}.playlist-detail-head .cover{border-radius:var(--radius);width:clamp(110px,16vw,170px);box-shadow:var(--shadow-pop);flex:none}.empty-state{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:54px 28px;display:flex}.empty-state h3{font-size:1.15rem}.empty-state p{color:var(--muted);max-width:46ch;font-size:.9rem}.empty-icon{width:46px;height:46px;color:var(--accent-strong);background:var(--accent-tint);border-radius:15px;place-items:center;display:grid}.empty-state.error .empty-icon{color:#ff8da3;background:#ff5c8a24}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(100deg, var(--surface-2) 20%, var(--surface-3) 42%, var(--surface-2) 64%);background-size:220% 100%;animation:1.4s linear infinite shimmer;display:block}@keyframes shimmer{0%{background-position:130% 0}to{background-position:-30% 0}}.skeleton-card{gap:10px}.skeleton-cover{aspect-ratio:1;border-radius:14px;width:100%}.skeleton-line{height:11px}.skeleton-line.tall{height:20px}.skeleton-line.huge{height:40px}.skeleton-field{border-radius:var(--pill);max-width:620px;height:46px}.w10{width:10%}.w20{width:20%}.w28{width:28%}.w30{width:30%}.w40{width:40%}.w45{width:45%}.w55{width:55%}.w60{width:60%}.w70{width:70%}.w80{width:80%}.skeleton-row{grid-template-columns:26px 42px minmax(0,1fr) 120px 44px;grid-template-areas:none;padding:12px 14px}.skeleton-num{width:18px;height:11px}.skeleton-thumb{border-radius:9px;width:42px;height:42px}.skeleton-stack{flex-direction:column;gap:7px;min-width:0;display:flex}.pill-ghost{border-radius:var(--pill);height:20px}.skeleton-hero{border-color:var(--border)}.skeleton-hero-cover{aspect-ratio:1;border-radius:var(--radius);flex:none;width:clamp(150px,24vw,260px)}.skeleton-tile{border-radius:var(--radius-lg);min-height:150px}.skeleton-tile.lead{min-height:320px}.waveform{cursor:pointer;touch-action:none;border-radius:8px;flex:1;min-width:0;position:relative}.waveform.placeholder{background:repeating-linear-gradient(90deg, var(--border) 0 3px, transparent 3px 5px);opacity:.5;cursor:default;height:38px}.waveform-canvas{width:100%;height:100%;display:block}.waveform-loading,.waveform-flat{border-radius:8px;width:100%;height:100%;display:block}.waveform-loading{background:linear-gradient(100deg, transparent 10%, var(--surface-3) 40%, transparent 70%);background-size:200% 100%;animation:1.2s linear infinite shimmer;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 3px,#0000 3px 5px);mask-image:repeating-linear-gradient(90deg,#000 0 3px,#0000 3px 5px)}.waveform-flat{background:repeating-linear-gradient(90deg, var(--border) 0 3px, transparent 3px 5px)}.waveform-head{background:var(--accent-strong);width:2px;box-shadow:0 0 12px var(--accent);pointer-events:none;opacity:0;transition:opacity var(--fast) var(--ease);border-radius:2px;position:absolute;top:-2px;bottom:-2px;transform:translate(-1px)}.waveform:hover .waveform-head,.waveform:focus-visible .waveform-head,.waveform.dragging .waveform-head{opacity:1}.player{inset-inline:0;bottom:var(--bottom-h);z-index:45;border-top:1px solid var(--border);background:linear-gradient(180deg, #08080b8c, #08080be6), radial-gradient(60% 220% at 12% 120%, var(--glow-a), transparent 70%), #0c0c10d1;-webkit-backdrop-filter:blur(24px)saturate(180%);position:fixed}.player-inner{height:var(--player-h);grid-template-columns:minmax(0,1fr) minmax(320px,2fr) minmax(0,1fr);align-items:center;gap:20px;max-width:1800px;margin:0 auto;padding:0 20px;display:grid}.player.idle .player-title{color:var(--muted)}.player-now{align-items:center;gap:12px;min-width:0;display:flex}.player-cover{width:56px;height:56px;box-shadow:var(--shadow-card);border-radius:12px;flex:none;display:block;overflow:hidden}.player-cover.empty{color:var(--muted-dim);background:var(--surface-2);place-items:center;display:grid}.player-labels{flex-direction:column;gap:3px;min-width:0;display:flex}.player-title{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.player-sub{color:var(--muted-dim);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.player-sub a:hover{color:var(--accent-strong)}.player-context{color:var(--muted-dim)}.player-center{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.transport{align-items:center;gap:6px;display:flex}.scrub{align-items:center;gap:12px;width:100%;display:flex}.time{width:44px;color:var(--muted-dim);font-variant-numeric:tabular-nums;text-align:center;flex:none;font-size:.74rem}.player-side{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.quality select{border:1px solid var(--border);border-radius:var(--pill);background:var(--surface-2);color:var(--muted);padding:7px 11px;font-size:.76rem;font-weight:620}.volume{align-items:center;gap:4px;display:flex}.volume-range{appearance:none;border-radius:var(--pill);background:var(--border-strong);cursor:pointer;width:92px;height:4px}.volume-range::-webkit-slider-thumb{appearance:none;border-radius:var(--pill);background:var(--text);width:12px;height:12px;box-shadow:0 0 0 3px var(--accent-tint)}.volume-range::-moz-range-thumb{border-radius:var(--pill);background:var(--text);border:none;width:12px;height:12px}.queue-count{border-radius:var(--pill);background:var(--accent);min-width:17px;color:var(--on-accent);padding:0 4px;font-size:.62rem;font-weight:800;line-height:17px;position:absolute;top:-2px;right:-2px}.player-note{color:var(--muted-dim);text-align:center;padding:0 20px 8px;font-size:.76rem}.player-note.error{color:#ff9db0}.queue-panel{right:18px;bottom:calc(var(--player-h) + var(--bottom-h) + 14px);z-index:46;border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:min(400px,100vw - 36px);max-height:min(60vh,560px);box-shadow:var(--shadow-pop);flex-direction:column;gap:12px;padding:16px;display:flex;position:fixed;overflow:hidden}.queue-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.queue-head h2{font-size:1.05rem}.queue-head p{color:var(--muted-dim);margin-top:3px;font-size:.76rem}.queue-head-actions{flex:none;align-items:center;gap:6px;display:flex}.queue-list{flex-direction:column;gap:2px;margin:0 -6px;padding:0 6px;display:flex;overflow-y:auto}.queue-item{border-radius:var(--radius-sm);transition:background var(--fast) var(--ease);align-items:center;gap:4px;display:flex}.queue-item:hover{background:var(--surface-2)}.queue-item.played{opacity:.45}.queue-item.current{background:var(--accent-tint)}.queue-play{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;padding:7px 8px;display:flex}.queue-play .cover{border-radius:8px;flex:none;width:38px;height:38px}.queue-labels{flex-direction:column;gap:4px;min-width:0;display:flex}.queue-title{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:640;overflow:hidden}.queue-meta{gap:5px;display:flex}.queue-duration{color:var(--muted-dim);font-variant-numeric:tabular-nums;flex:none;font-size:.76rem}@media (max-width:1200px){.bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"lead lead""b c""d e"}}@media (max-width:1080px){.player-inner{grid-template-columns:minmax(0,1fr) minmax(240px,1.6fr) auto}.volume-range,.player-now .pill-row{display:none}}@media (max-width:900px){:root{--bottom-h:64px;--player-h:76px}.shell{grid-template-columns:minmax(0,1fr)}.side-nav{display:none}.bottom-nav{display:flex}.content{padding:20px 16px calc(var(--player-h) + var(--bottom-h) + 32px)}.page{gap:30px}.player-inner{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"now transport""scrub scrub";gap:6px 12px;height:auto;padding:8px 14px 10px}.player-now{grid-area:now}.player-center{display:contents}.transport{grid-area:transport}.scrub{grid-area:scrub}.player-side{display:none}.detail-hero{flex-direction:column;align-items:flex-start;gap:18px;padding:26px 20px}.bento-tile.lead{flex-direction:column;align-items:flex-start;min-height:0;padding:20px}.lead-cover{width:min(200px,55vw)}.playlist-detail-head{flex-direction:column;align-items:flex-start;padding:18px}}@media (max-width:760px){.track-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main time""pills add";row-gap:4px;padding:10px 12px}.track-row .pill-row{justify-content:flex-start}.track-add{opacity:1}.hero-stats{width:100%}.hero-stats>div{flex:1;min-width:96px}}@media (max-width:700px){.bento{grid-template-columns:minmax(0,1fr);grid-template-areas:"lead""b""c""d""e"}.card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.shelf-track{grid-auto-columns:minmax(150px,62vw)}.queue-panel{width:auto;left:10px;right:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.card:hover,.bento-tile:hover,.ctl:hover:not(:disabled),.play-hero:hover:not(:disabled){transform:none}}.legal{max-width:760px;margin-inline:auto;padding-bottom:96px}.legal-header{border-bottom:1px solid var(--border);margin-bottom:36px;padding-block:8px 28px}.legal-header h1{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(28px,5vw,40px)}.legal-updated{color:var(--muted-dim);margin:0;font-size:14px}.legal section{margin-bottom:36px}.legal h2{letter-spacing:-.01em;margin:0 0 14px;font-size:20px}.legal h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:24px 0 10px;font-size:15px}.legal p,.legal li{color:var(--muted);line-height:1.7}.legal p{margin:0 0 14px}.legal ul{margin:0 0 14px;padding-left:22px}.legal li{margin-bottom:8px}.legal strong{color:var(--text)}.legal code{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);white-space:nowrap;padding:2px 7px;font-size:.88em}.legal-back{margin-top:48px}.nav-legal{color:var(--muted-dim);margin-top:10px;font-size:12px;text-decoration:none;display:block}.nav-legal:hover{color:var(--muted);text-decoration:underline}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.18s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-new(root){animation-duration:.18s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(root){animation-name:vt-fade-out}::view-transition-new(root){animation-name:vt-slide-in}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-slide-in{0%{opacity:0;transform:translateY(8px)}}.player{view-transition-name:player-bar}::view-transition-group(player-bar){animation-duration:0s}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}.detail-hero-copy h1,.page-head h1,.lead-copy h1{font-family:var(--font-display);font-size:var(--step-title);letter-spacing:-.015em;font-weight:600;line-height:1.06}.detail-hero-copy h1 em,.page-head h1 em{font-style:normal;font-weight:500}