@property --bd-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --bd-ink{syntax:"<color>";inherits:true;initial-value:#f4f4f5}@property --bd-ink-secondary{syntax:"<color>";inherits:true;initial-value:#b7b8bc}@property --bd-hover{syntax:"<color>";inherits:true;initial-value:#ffffff12}@property --bd-line{syntax:"<color>";inherits:true;initial-value:#ffffff17}@property --bd-body{syntax:"<color>";inherits:true;initial-value:#121316}@property --bd-sheen{syntax:"<color>";inherits:true;initial-value:#ffffff0e}@property --bd-vignette{syntax:"<color>";inherits:true;initial-value:#00000024}@property --bd-ring-lip{syntax:"<color>";inherits:true;initial-value:#ffffff38}@property --bd-ring-waist{syntax:"<color>";inherits:true;initial-value:#ffffff1c}@property --bd-ring-foot{syntax:"<color>";inherits:true;initial-value:#ffffff0d}@property --bd-panel-fade{syntax:"<length>";inherits:false;initial-value:0}.bd-dock{--bd-ink:#f4f4f5;--bd-ink-secondary:#b7b8bc;--bd-hover:#ffffff12;--bd-line:#ffffff17;--bd-body:#121316;--bd-sheen:#ffffff0e;--bd-vignette:#00000024;--bd-ring-lip:#ffffff38;--bd-ring-waist:#ffffff1c;--bd-ring-foot:#ffffff0d;--bd-orbit:#ffffffd9;--bd-orbit-tail:#ffffff1f;--row-ring:#ffffff17;--row-tint-idle:255, 255, 255;--bd-shadow:0 41px 17px 0 #00000008, 0 23px 14px 0 #0000001a, 0 10px 10px 0 #0000002b, 0 3px 6px 0 #00000030, 0 .5px .5px 0 #0003, 0 0 0 .75px #0000008f, 0 .25px .25px 0 #ffffff1a inset, 0 .75px .25px 0 #ffffff0d inset, 0 4px 16px 0 #ffffff0a inset, 0 -20px 22px 0 #ffffff05 inset, 0 -1px 2px 0 #ffffff0d inset, 0 -.5px .5px 0 #ffffff12 inset;--bd-shadow-lift:0 54px 24px 0 #0000000a, 0 31px 20px 0 #00000021, 0 14px 14px 0 #00000038, 0 5px 9px 0 #0000003d, 0 .5px .5px 0 #00000038, 0 0 0 .75px #0009, 0 .25px .25px 0 #ffffff29 inset, 0 .75px .25px 0 #ffffff14 inset, 0 4px 16px 0 #ffffff12 inset, 0 -20px 22px 0 #ffffff09 inset, 0 -1px 2px 0 #ffffff14 inset, 0 -.5px .5px 0 #ffffff1a inset;--bd-radius:14px;--bd-ease:cubic-bezier(.4, 0, .2, 1);--bd-ease-out:cubic-bezier(.16, 1, .3, 1);--bd-ease-hover:cubic-bezier(.26, .08, .25, 1);--bd-glint:#ffffffe6;width:var(--backdrop-plate,28rem);min-width:min(17rem,100vw - 3rem);max-width:calc(100vw - 3rem);z-index:var(--z-index-popover);color:var(--bd-ink);transition:opacity .7s var(--bd-ease-out), --bd-ink .45s var(--bd-ease), --bd-ink-secondary .45s var(--bd-ease), --bd-hover .45s var(--bd-ease), --bd-line .45s var(--bd-ease), --bd-body .45s var(--bd-ease), --bd-sheen .45s var(--bd-ease), --bd-vignette .45s var(--bd-ease), --bd-ring-lip .45s var(--bd-ease), --bd-ring-waist .45s var(--bd-ease), --bd-ring-foot .45s var(--bd-ease);position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.bd-dock[data-mode=light]{--bd-ink:#101013;--bd-ink-secondary:#1010138f;--bd-hover:#0000000e;--bd-line:#0000001f;--bd-body:#e6e6e9;--bd-sheen:#ffffffb8;--bd-vignette:#00000012;--bd-ring-lip:#fffffff2;--bd-ring-waist:#76768470;--bd-ring-foot:#ffffffb8;--bd-orbit:#0000009e;--bd-orbit-tail:#0000001a;--bd-glint:#0000008c;--row-ring:#00000012;--row-tint-idle:0, 0, 0;--bd-shadow:0 41px 34px -14px #00000024, 0 23px 22px -10px #0000001f, 0 10px 12px -4px #0000001f, 0 3px 6px -1px #0000001c, 0 .5px .5px 0 #0000001a, 0 0 0 .75px #0000002b, 0 .25px .25px 0 #fffffff2 inset, 0 .75px .25px 0 #fff9 inset, 0 4px 16px 0 #ffffff8c inset, 0 -20px 22px 0 #ffffff47 inset, 0 -1px 2px 0 #ffffff8c inset, 0 -.5px .5px 0 #fff6 inset;--bd-shadow-lift:0 54px 44px -16px #0000002e, 0 31px 28px -11px #00000026, 0 14px 16px -5px #00000026, 0 5px 9px -1px #00000021, 0 .5px .5px 0 #0000001c, 0 0 0 .75px #0003, 0 .25px .25px 0 #fff inset, 0 .75px .25px 0 #ffffffb3 inset, 0 4px 16px 0 #ffffffb3 inset, 0 -20px 22px 0 #ffffff57 inset, 0 -1px 2px 0 #ffffffb3 inset, 0 -.5px .5px 0 #ffffff80 inset}.bd-dock__shell{border-radius:var(--bd-radius);background:radial-gradient(72% 72% at 50% 50%, var(--bd-vignette) 0%, #0000 100%), linear-gradient(180deg, var(--bd-sheen) 0%, #fff0 58%), var(--bd-body);box-shadow:var(--bd-shadow);transform-origin:50% 100%;transition:box-shadow .26s var(--bd-ease-hover), transform .26s var(--bd-ease-hover);position:relative;overflow:hidden}.bd-dock__shell:hover{box-shadow:var(--bd-shadow-lift);transform:scale(1.014)translateY(-2px)}.bd-dock__shell[data-open=true],.bd-dock__shell[data-open=true]:hover{transform:none}.bd-dock__shell[data-press=true],.bd-dock__shell[data-open=true][data-press=true]{transition-duration:.11s;transform:scale(.984)}.bd-dock__shell:after{content:"";border-radius:inherit;pointer-events:none;background-image:linear-gradient(to bottom, var(--bd-ring-lip), transparent 45%), linear-gradient(to bottom, var(--bd-ring-waist) 0%, var(--bd-ring-foot) 80%, #fff0 100%);-webkit-mask-composite:xor;padding:.75px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.bd-dock__shell[data-busy=true][data-open=false]:before{content:"";border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--bd-angle), transparent 0deg, transparent 232deg, var(--bd-orbit-tail) 292deg, var(--bd-orbit) 346deg, transparent 360deg);-webkit-mask-composite:xor;z-index:1;padding:1px;animation:1.4s linear infinite bd-orbit;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes bd-orbit{to{--bd-angle:360deg}}.bd-dock__panel{--bd-panel-fade:18px;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 10px, #000 calc(100% - var(--bd-panel-fade)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 10px, #000 calc(100% - var(--bd-panel-fade)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 10px, #000 calc(100% - var(--bd-panel-fade)), transparent 100%);transition:height .38s var(--bd-ease-out), --bd-panel-fade .13s var(--bd-ease);overflow-y:auto}.bd-dock__shell[data-sliding=true] .bd-dock__panel{--bd-panel-fade:76px}.bd-dock__panel::-webkit-scrollbar{width:0;height:0}.bd-dock__scroll{transition:opacity .22s var(--bd-ease), filter .22s var(--bd-ease);padding:6px}.bd-dock__shell[data-busy=true] .bd-dock__scroll{opacity:.4;filter:saturate(.7)}.bd-dock__bar{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:6px 14px 6px 13px;display:grid;position:relative}.bd-dock__bar>*{position:relative}.bd-dock__bar:before,.bd-dock__bar:after{content:"";opacity:0;pointer-events:none;height:1px;transition:opacity .22s var(--bd-ease);position:absolute;top:0;left:16px;right:16px}.bd-dock__bar:before{background:linear-gradient(90deg, #0000 0%, var(--bd-line) 22%, var(--bd-line) 78%, #0000 100%)}.bd-dock__shell[data-open=true] .bd-dock__bar:before{opacity:1}.bd-dock__bar:after{background:var(--bd-glint);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 50%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 50%,#0000 100%);-webkit-mask-size:38% 100%;mask-size:38% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.bd-dock__shell[data-open=true][data-busy=true] .bd-dock__bar:after{opacity:1;animation:1.2s cubic-bezier(.85,0,.15,1) infinite bd-divider-glint}@keyframes bd-divider-glint{0%{-webkit-mask-position:-60% 0;mask-position:-60% 0}70%,to{-webkit-mask-position:160% 0;mask-position:160% 0}}.bd-dock__bar input{letter-spacing:-.09px;min-width:0;height:34px;color:var(--bd-ink);background:0 0;border:0;outline:none;font-size:14px;line-height:20px}.bd-dock__bar input::placeholder{color:var(--bd-ink-secondary)}.bd-dock__row{--row-tint:var(--row-tint-idle);--row-alpha:.07;--row-ink:var(--bd-ink);--row-ink-soft:var(--bd-ink-secondary);isolation:isolate;text-align:left;cursor:pointer;width:100%;color:var(--bd-ink);transition:transform .13s var(--bd-ease-hover), box-shadow .1s ease-in-out, color .1s ease-in-out;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:36px minmax(0,1fr);align-items:center;column-gap:10px;padding:6px;display:grid;position:relative}.bd-dock__row:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(118% 148% at 50% -24%, #ffffff3d 0%, #ffffff0f 46%, #fff0 72%), linear-gradient(180deg, #ffffff24 0%, #fff0 62%), rgba(var(--row-tint), var(--row-alpha));opacity:0;transition:opacity .15s var(--bd-ease-hover);position:absolute;inset:0}.bd-dock__row[data-active=true]{color:var(--row-ink);box-shadow:0 8px 18px -8px rgba(var(--row-tint), .4), 0 3px 6px -3px #00000057, 0 0 0 .5px var(--row-ring);transform:scale(1.014)}.bd-dock__row[data-active=true]:before{opacity:1}.bd-dock__row:active{transform:scale(.972)}.bd-dock__row img{object-fit:cover;width:36px;height:36px;transition:transform .16s var(--bd-ease-hover);border-radius:6px;grid-row:1/3}.bd-dock__row[data-active=true] img{transform:scale(1.06)}.bd-dock__name,.bd-dock__artist{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bd-dock__name{letter-spacing:-.09px;color:var(--bd-ink);font-size:13px;font-weight:490;line-height:18px;transition:color .1s ease-in-out}.bd-dock__artist{color:var(--bd-ink-secondary);font-size:12px;font-weight:500;line-height:16px;transition:color .1s ease-in-out}.bd-dock__row[data-active=true] .bd-dock__name{color:var(--row-ink)}.bd-dock__row[data-active=true] .bd-dock__artist{color:var(--row-ink-soft)}@media (prefers-reduced-motion:reduce){.bd-dock,.bd-dock__panel{transition-duration:1ms}.bd-dock__shell[data-busy=true][data-open=false]:before,.bd-dock__shell[data-open=true][data-busy=true] .bd-dock__bar:after{animation-duration:4s}.bd-dock__row[data-active=true]:after{animation-duration:1ms}.bd-dock__row[data-active=true],.bd-dock__row:active,.bd-dock__row[data-active=true] img,.bd-dock__shell:hover,.bd-dock__shell[data-press=true]{transform:none}}.bd-dock__notice{color:var(--bd-ink-secondary);grid-column:1/-1;padding:0 2px 6px;font-size:12px;font-weight:500;line-height:16px}@media (max-width:767px){.bd-dock__bar input{font-size:16px}}
.ss-page{--ss-bg:#0b0c0e;--ss-ink:#f4f4f5;--ss-ink-secondary:#b7b8bc;--ss-line:#ffffff1f;background:var(--ss-bg);color:var(--ss-ink);font-family:var(--font-geist-sans), system-ui, sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;transition:background .45s cubic-bezier(.4,0,.2,1),color .45s cubic-bezier(.4,0,.2,1);position:fixed;inset:0;overflow:hidden}.ss-page[data-mode=light]{--ss-bg:#ececed;--ss-ink:#101013;--ss-ink-secondary:#55565b;--ss-line:#0000001f}.ss-stage{place-items:center;height:100%;padding:6rem 1.5rem 9rem;display:grid}.ss-hint{font-size:.9375rem;font-weight:var(--font-weight-meta);letter-spacing:-.13px;color:var(--ss-ink-secondary)}.ss-pick{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;max-width:min(26rem,100%);display:flex}.ss-pick img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:min(19rem,62vw,38vh);box-shadow:0 24px 30px -18px #0000006b}.ss-pick figcaption{flex-direction:column;gap:.25rem;min-width:0;max-width:100%;display:flex}.ss-pick__title,.ss-pick__artist{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1.375rem;font-weight:var(--font-weight-semibold);letter-spacing:-.43px;line-height:1.35;overflow:hidden}.ss-pick__artist{font-weight:var(--font-weight-meta);color:var(--ss-ink-secondary)}.ss-toggle{font-size:.875rem;font-weight:var(--font-weight-medium);letter-spacing:-.09px;color:var(--ss-ink);border:1px solid var(--ss-line);cursor:pointer;border-radius:8px;padding:.5rem .875rem;transition:background .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);position:absolute;bottom:1.5rem;right:1.5rem}.ss-toggle:hover{background:var(--ss-line)}.ss-toggle:active{transform:scale(.97)}