@charset "UTF-8";@layer reset,base,components,layout,accent;@view-transition{navigation: auto; }@layer reset{img,svg{vertical-align:middle}img{height:auto;max-width:100%}button{background:0 0;border:0;font:inherit}button,summary{cursor:pointer}summary::marker{font-size:small}audio{width:100%;background-color:initial;color-scheme:dark}}@layer base{:root{interpolate-size:allow-keywords;--font:-apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Adwaita Sans", Cantarell, Ubuntu, Arial, sans-serif;--bg:oklch(0.16 0.008 260);--bg-2:oklch(0.21 0.010 260);--bg-3:oklch(0.12 0.008 260);--line:oklch(1 0 0 / 0.08);--line-2:oklch(1 0 0 / 0.04);--txt:oklch(0.96 0.005 260);--acc:oklch(0.85 0.04 260);--dim:oklch(from var(--acc) 0.72 0.012 h);--transition:.18s cubic-bezier(.2,.7,.3,1)}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-color:var(--dim)transparent;font-variant-emoji:text;font-size:calc(75% + .8vmin)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{position:relative;margin:0 auto;max-width:22em;padding:1.2rem;color:var(--txt);background:color-mix(in oklch,var(--acc) 2.5%,var(--bg));font-family:var(--font);line-height:1.65;overflow-wrap:anywhere;isolation:isolate}main{margin:0 auto;max-width:320px}p{text-wrap:pretty}header>h1{font-size:clamp(1.55rem,5vw + .4rem,1.85rem);font-weight:600;letter-spacing:-.015em;text-wrap:balance;margin:.4rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}a{color:var(--dim);text-decoration:none;transition:color .15s,opacity .15s;&:hover, &:focus-visible{opacity:1}}:is(a,pre,summary):focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:3px}hr{border:0;height:1px;background:var(--line);opacity:1;margin:.4rem 1.3rem}footer{margin-top:2rem;padding-top:1.2rem;font-size:.9rem;color:var(--dim);a{text-decoration:underline}}::selection{background:color-mix(in oklch,var(--acc) 35%,transparent);color:var(--txt)}:target:not(#top){scroll-margin-top:4.3rem;outline:2px solid var(--acc);outline-offset:6px;border-radius:.3rem}.center{text-align:center}.right{text-align:end}.nowrap{white-space:nowrap}.margin{margin:.8rem}.dimmed{color:var(--dim)}.dimmed-h{border-bottom:2px solid var(--dim);padding-bottom:1px}.smaller-font{font-size:.9rem}.tiny-font{font-size:.8rem}.larger-font{font-size:1.05rem}.h{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.flexbox{display:flex;flex-flow:row;justify-content:space-between;align-items:center;gap:.5rem;> *{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}> .track-count{min-width:unset;overflow:visible}}.escape-col{width:min(100vw - 2rem,360px);margin-inline:calc(50% - min(50vw - 1rem,180px))}}@layer components{.box{background:var(--bg-2);border:1px solid var(--bg-2);padding:0;border-radius:.6rem;&.special-box{background:var(--bg-3);border-color:var(--line-2);&.flexbox{padding:.55rem .8rem;font-size:.9rem}&.smaller-font{padding:.5rem 1rem;display:flex;align-items:center;gap:.4rem}}}button.box.special-box{padding:.4rem .7rem}:is(.special-box,audio,details) :is(a,button),.share-url{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:color-mix(in oklch,var(--acc) 40%,transparent)}.share-url{user-select:all;cursor:copy}.share-url-native{cursor:pointer;user-select:text}.pizzazz{position:relative;box-shadow:0 18px 50px -10px rgb(0 0 0/.7),0 0 26px -8px color-mix(in oklch,var(--acc) 16%,transparent),0 0 60px -12px color-mix(in oklch,var(--acc) 10%,transparent),0 0 90px -24px color-mix(in oklch,var(--acc) 6%,transparent)}.cover-art{aspect-ratio:1;display:inline-block;position:relative;img{box-shadow:0 4px 14px -4px rgb(0 0 0/.4),0 0 0 1px var(--line);background:var(--bg-3);border-radius:.4rem}}.artist-gradient{position:relative;border-radius:.6rem;.cover-art img{box-shadow:0 18px 50px -10px rgb(0 0 0/.55),0 0 0 1px var(--line);width:100%;max-width:320px}}nav.flexbox{padding:.2rem 0 .6rem;a{display:inline-flex;align-items:center;padding:.15rem;transition:transform var(--transition);&:hover{transform:translateX(-2px)}}}.track-count{display:inline-flex;align-items:center;gap:.3rem;color:var(--acc);background:color-mix(in oklch,var(--acc) 1%,transparent);border:1px solid var(--line);padding:.2rem .55rem;border-radius:999px;font-size:.75rem;min-height:24px;box-sizing:border-box}.artists{list-style:none;margin:0;padding:0;h2{flex:auto;margin:0;font-size:.9rem;font-weight:500;letter-spacing:-.005em;color:inherit}}.artist-card{justify-content:flex-start;gap:.65rem;padding:.75rem .5rem;margin:1rem 0;border:0;transition:background var(--transition),transform var(--transition);picture, .cover-art{width:48px;height:48px;flex:0 0 48px;overflow:hidden}img{width:48px;height:48px;border-radius:.4rem;object-fit:cover;box-shadow:none;transition:transform var(--transition)}.track-count{margin-inline-start:auto}&:hover{transform:translateX(3px);background:color-mix(in oklch,var(--acc) 6%,var(--bg-2));img{transform:scale(1.05)}}.track-thumb-placeholder{width:48px;height:48px;flex:0 0 48px;display:inline-flex;align-items:center;justify-content:center;border-radius:.4rem;background:var(--bg-3);svg{width:26px;height:26px;color:var(--dim)}}}.hero-label{margin:0 .8rem;padding:1.4rem 0 .4rem;color:var(--dim);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;scroll-margin-top:1.2rem}.hero-permalink{color:var(--acc);.chev{transition:padding-inline-start var(--transition)}&:hover .chev{padding-inline-start:.25rem}}.player{display:block;position:relative;max-width:100%;vertical-align:top;> summary{position:relative;list-style:none;display:block;border-radius:.6rem;overflow:hidden;.cover-art{display:block;width:100%}.cover-art img{display:block;width:100%}&::-webkit-details-marker{display:none}&::marker{display:none;content:""}&, .cover-art, picture.cover-art img{border-bottom-left-radius:0;border-bottom-right-radius:0}&:hover .player-play, &:focus-visible .player-play{transform:translate(-50%,-50%)scale(1.05);background:color-mix(in oklch,var(--acc) 30%,rgb(0 0 0/.6))}}audio{display:none;margin:0}&[open]{audio{display:block}.player-play{display:none}> summary{pointer-events:none;padding-bottom:.5rem;margin-bottom:-.5rem}}+ .box.special-box{border-top-left-radius:0;border-top-right-radius:0;margin-top:0;border-top:1px solid var(--line-2)}}html.js .player[open]>summary{pointer-events:auto}.player-play{position:absolute;top:50%;inset-inline-start:50%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgb(0 0 0/.55);color:var(--txt);box-shadow:0 8px 30px -8px rgb(0 0 0/.6),0 0 0 1px rgb(255 255 255/.1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform var(--transition),background var(--transition);pointer-events:none;svg{margin-inline-start:6px}}.tracklist{ol{list-style:none;margin:0;padding:0}div ~ div{margin-top:1.5rem}li + li{border-top:1px solid var(--line-2)}h3{margin:0;padding:.8rem 0 .3rem;color:var(--dim);font-size:1.05rem;font-weight:500;letter-spacing:-.025em}.release{background:var(--bg-2);border-radius:.5rem;margin:.3rem -1rem;padding:0 1rem}}.tracklist h2,h2.dimmed.larger-font{margin:0;padding:1.4rem 0 .4rem;color:var(--dim);font-size:1.4rem;font-weight:500;letter-spacing:-.025em;font-feature-settings:"ss01","lnum"}.track-row{justify-content:flex-start;padding:.7rem .25rem;gap:.65rem;border-radius:.3rem;position:relative;background:0 0;transition:background var(--transition);content-visibility:auto;contain-intrinsic-size:auto 60px;picture, .track-thumb-placeholder{width:44px;height:44px;flex:0 0 44px;border-radius:.3rem;overflow:hidden}picture img{width:44px;height:44px;object-fit:cover;box-shadow:none;transition:filter .25s ease,opacity .25s ease,transform var(--transition)}.track-thumb-placeholder{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-3);svg{width:26px;height:26px;color:var(--dim)}}&:hover{background:color-mix(in oklch,var(--acc) 3%,var(--bg-2));.track-row-meta{color:var(--acc);opacity:.85}}}.track-row-title{flex:auto;min-width:0;font-size:.93rem;color:var(--txt);font-weight:500;letter-spacing:-.003em}.badge{font-size:.8em;font-variant-emoji:text}.track-row-meta{flex:none;margin-inline-start:auto;font-size:.72rem;font-variant-numeric:tabular-nums;color:var(--dim)}.track-row[aria-current=true]{background:color-mix(in oklch,var(--acc) 7%,var(--bg-2));.track-row-title{color:var(--acc)}picture img{filter:none;opacity:1}}.track-row picture img{filter:grayscale(.85);opacity:.85}@media(hover:hover){.track-row picture img{filter:grayscale(1)brightness(.9);opacity:.8}.track-row:hover picture img{filter:none;opacity:1;transform:scale(1.04)}}.box.special-box.tiny-font{margin:1rem .8rem;padding:1rem;background:var(--bg-3);pre{background:var(--bg);border:1px solid var(--line-2);border-radius:.3rem;padding:.65rem;font-size:.72rem;line-height:1.5;overflow-x:auto;max-width:100%}dl{margin:1rem 0 0;display:grid;grid-template-columns:auto 1fr;gap:.2rem .8rem}dt{color:var(--dim)}dd{margin:0}}[popover]{max-width:min(20em,calc(100vw - 2rem));margin:auto;padding:1rem 1.2rem;background:var(--bg-2);border:1px solid var(--line);border-radius:.6rem;color:var(--txt);box-shadow:0 24px 60px -12px rgb(0 0 0/.6);overflow-y:auto;max-height:80dvh}:is(.special-box,audio,details) :is(a,button),[popover] a,.share-url{text-decoration:underline}[popover] .subscribe-row>*:last-child{white-space:normal;text-align:end}@media(prefers-reduced-motion:no-preference){[popover]{opacity:0;transform:translateY(6px)scale(.98);transition:opacity .18s ease,transform .18s ease,overlay .18s allow-discrete,display .18s allow-discrete;&:popover-open{opacity:1;transform:none;@starting-style{opacity: 0; transform: translateY(6px) scale(.98); }}}}::backdrop{background-color:rgb(0 0 0/.85)}@supports(backdrop-filter:blur(4px)) or (-webkit-backdrop-filter:blur(4px)){::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:rgb(0 0 0/.6)}}.rss-line{margin:2rem 0 1.5rem;a{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .65rem;border:1px solid var(--line);border-radius:999px;background:rgb(255 255 255/4%);font-size:.78rem;color:var(--dim);transition:all var(--transition);&:hover{color:var(--txt);background:rgb(255 255 255/6%)}}}.top-anchor{z-index:2;position:sticky;bottom:.8rem;inset-inline-start:100%;width:fit-content;margin-top:calc(100vh + 10rem);padding:.6rem;border:1px solid var(--line);border-radius:999px;background:var(--bg-2);text-decoration:none;@media(width >= 72rem){margin-inline-end: -5rem;}}details{> summary{transition:padding-bottom .3s}&[open] > summary{padding-bottom:.5rem}&::details-content{height:0;display:flow-root;overflow:clip;transition:height .5s ease,content-visibility .5s ease allow-discrete}&[open]::details-content{height:auto}}details.tiny-font.margin.dimmed{text-align:center;margin:.8rem 0 0;p{padding-top:.4rem;a{display:inline-block;padding:0 .15rem}}}.subscribe-row{margin:.6rem 0;padding:.2rem 0;border-bottom:1px solid var(--line-2);&:last-child{border-bottom:0}}@media(prefers-reduced-motion:no-preference){@keyframes baw{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes coversettle{from{transform:scale(.94);opacity:0;box-shadow:0 18px 50px -10px rgb(0 0 0/.55),0 0 0 1px transparent}to{transform:scale(1);opacity:1;box-shadow:0 18px 50px -10px rgb(0 0 0/.55),0 0 0 1px var(--line)}}@keyframes f{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}::backdrop{animation:.12s cubic-bezier(0,0,1,1)baw}.artist-gradient .cover-art img{animation:.55s cubic-bezier(.22,.61,.36,1)coversettle;transform-origin:center}::view-transition-group(*){animation-duration:.35s;animation-timing-function:cubic-bezier(.22,.61,.36,1)}::view-transition-image-pair(*){isolation:isolate}}@media(prefers-reduced-motion:reduce){details::details-content,summary{transition:none}}}@layer layout{@media(width >= 64rem){body.page-artist{max-width:60rem;main:has(> .hero-wrap){max-width:none;display:grid;grid-template-columns:minmax(18rem,22rem)1fr;grid-template-rows:auto auto 1fr;gap:0 2.5rem;align-items:start;> br{display:none}.hero-wrap{grid-area:1/1/4/2;position:sticky;top:1.2rem}.hero-label{margin-inline:.8rem;padding-top:.2rem}.tracklist{grid-area:1/2/4/3}.escape-col{width:auto;margin-inline:0}.artist-gradient .cover-art img{max-width:none}.tracklist > div:first-child h2{padding-top:.2rem}}}}}@media(prefers-contrast:more){:root{--dim:oklch(0.85 0.01 260);--line:oklch(1 0 0 / 0.22);--line-2:oklch(1 0 0 / 0.14)}a,.special-box a{text-decoration-color:var(--acc)}:is(a,pre,summary):focus-visible{outline-width:3px;outline-color:var(--acc)}.track-row picture img{filter:none;opacity:1}}@media(forced-colors:active){.player-play,.track-count,.box,[popover]{border:1px solid}.track-row picture img{filter:none;opacity:1}}@layer accent{.a44904,.a9dff0,.ad37c7{color:var(--acc);outline-color:color-mix(in srgb,var(--acc) 65%,transparent)}.a44904-h,.a9dff0-h,.ad37c7-h{border-bottom:2px solid var(--acc);padding-bottom:1px}body.a44904-page{--acc:oklch(0.853 0.200 27.3)}body.a9dff0-page{--acc:oklch(0.800 0.200 16.9)}body.ad37c7-page{--acc:oklch(0.85 0.07 300)}}