@layer components{.sg-page{--sg-ease:cubic-bezier(.2, 0, 0, 1)}.sg-page .card{border-radius:12px}.sg-page .btn{border-radius:8px}.sg-hero{margin-bottom:48px}.sg-crumbs{margin-bottom:24px}.sg-head{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}@media (min-width:900px){.sg-head{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:32px}}@media (min-width:1280px){.sg-head{grid-template-columns:280px minmax(0,1fr);gap:40px}}@media (max-width:899.98px){.sg-hero{margin-bottom:36px}.sg-crumbs{margin-bottom:16px}}.sg-art{aspect-ratio:1;border-radius:10px;width:min(60vw,240px);margin-inline:auto;box-shadow:0 12px 32px #00000080}.sg-tile{border-radius:6px;flex:none;box-shadow:0 12px 32px #00000080}@media (min-width:900px){.sg-art{width:auto;margin-inline:0}.sg-tile{display:none}}@media (max-width:899.98px){.sg-head--borrowed .sg-art{display:none}}.sg-text{min-width:0;container-type:inline-size}.sg-chips{align-items:center;gap:14px;display:flex}.sg-title{font-size:max(26px, min(56px, 100cqi / var(--fit,8.4)));overflow-wrap:anywhere;margin-top:16px;line-height:1.08}.sg-title--long{font-size:max(24px, min(44px, 100cqi / var(--fit,8.4)))}@media (max-width:1279.98px){.sg-title{font-size:max(26px, min(48px, 100cqi / var(--fit,8.4)))}.sg-title--long{font-size:max(24px, min(40px, 100cqi / var(--fit,8.4)))}}@media (max-width:899.98px){.sg-title{font-size:max(22px, min(36px, 100cqi / var(--fit,8.4)));margin-top:14px}.sg-title--long{font-size:max(22px, min(30px, 100cqi / var(--fit,8.4)))}}.sg-vault{background:var(--surface);max-width:68ch;color:var(--ink-2);border-radius:8px;align-items:flex-start;gap:10px;margin-top:16px;padding:12px 14px;font-size:14px;line-height:20px;display:flex}.sg-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.sg-lead{align-items:center;gap:16px;min-width:0;max-width:100%;display:flex}.sg-tools{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.sg-starts{color:var(--ink-3);flex-basis:100%;font-size:13px;line-height:18px}@media (max-width:599.98px){.sg-lead{width:100%}.sg-lead>.sg-primary{flex:auto;min-width:0}}.sg-figs{transition:translate .24s var(--sg-ease);justify-items:start;row-gap:4px;display:grid}.sg-figs:has(>.sg-fig):not(:has(>.sg-live[data-on])){translate:0 11px}.sg-figs:not(:has(>.sg-fig))>.sg-live:not([data-on]){display:none}.sg-figs:not(:has(>.sg-fig)):not(:has(>.sg-live[data-on])){display:none}.sg-fig{white-space:nowrap;color:var(--ink-3);align-items:baseline;gap:6px;font-size:13px;font-weight:500;line-height:18px;display:inline-flex}.sg-live{white-space:nowrap;width:0;color:var(--ink-2);opacity:0;visibility:hidden;transition:opacity .18s var(--sg-ease), visibility 0s linear .18s;align-items:center;gap:8px;font-size:13px;line-height:18px;display:inline-flex;overflow:hidden}.sg-live[data-on]{opacity:1;visibility:visible;width:auto;transition:opacity .18s var(--sg-ease) 60ms, visibility 0s;overflow:visible}.sg-count{font-variant-numeric:tabular-nums;display:inline-block}.sg-count[data-roll]{animation:sg-roll .18s var(--sg-ease)}.sg-like-icon{transition:color .12s var(--sg-ease);flex:none;place-items:center;display:inline-grid;position:relative}.sg-like-icon[data-pop]>svg{animation:sg-pop .32s var(--sg-ease)}.sg-like-icon[data-pop]:after{content:"";opacity:0;pointer-events:none;animation:sg-ring .42s var(--sg-ease);border:1.5px solid;border-radius:50%;position:absolute;inset:-6px}@media (prefers-reduced-motion:reduce){.sg-figs{transition:none}.sg-count[data-roll]{animation-name:sg-fade}.sg-like-icon[data-pop]>svg,.sg-like-icon[data-pop]:after{animation:none}}.sg-comment{border-top:1px solid var(--rule);transition:opacity .16s var(--sg-ease), translate .16s var(--sg-ease);gap:12px;padding-block:14px;display:flex}.sg-comment:first-child{border-top:0}.sg-comment[data-leaving]{opacity:0;translate:0 -4px}.sg-at{background:var(--surface-2);font-variant-numeric:tabular-nums;height:22px;color:var(--ink-2);transition:background-color .12s var(--sg-ease), color .12s var(--sg-ease), scale .12s var(--sg-ease);border-radius:4px;align-items:center;gap:4px;padding:0 6px;font-size:12px;font-weight:600;display:inline-flex}button.sg-at:hover{background:var(--surface-hover);color:var(--ink)}button.sg-at:active{scale:.97}.sg-at--still{padding-inline:6px}.sg-del{width:32px;height:32px;color:var(--ink-3);transition:background-color .12s var(--sg-ease), color .12s var(--sg-ease);border-radius:8px;place-items:center;margin:-7px -6px -7px auto;display:grid}.sg-del:hover{background:var(--surface-2);color:var(--ink)}@media (pointer:coarse){.sg-del{width:40px;height:40px;margin-block:-11px}}@media (prefers-reduced-motion:reduce){.sg-comment[data-leaving]{translate:none}}.sg-secnav{z-index:30;top:var(--nav-offset);transition:top .24s var(--sg-ease);border-radius:12px;margin:0 0 12px;position:sticky}@media (max-width:899.98px),(max-height:500px) and (pointer:coarse){:root[data-nav=hidden] .sg-secnav{--nav-offset:var(--safe-top)}}@media (max-width:899.98px){.sg-secnav~.sg-grid{--tl-year-top:70px}}.sg-grid{flex-direction:column;gap:12px;display:flex}.sg-grid>.sg-col{display:contents}@media (min-width:900px){.sg-grid{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:16px;display:grid}.sg-grid>.sg-col{flex-direction:column;gap:16px;min-width:0;display:flex}.sg-main{grid-area:1/1}.sg-side{grid-area:1/2/span 2}.sg-rest{grid-area:2/1}.sg-rest--solo{grid-row:1/span 2}}@media (min-width:1280px){.sg-grid{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}}.sg-anchor{scroll-margin-top:calc(var(--nav-offset) + 16px)}@media (max-width:899.98px){.sg-anchor{scroll-margin-top:calc(var(--nav-offset) + 70px)}}.sg-album{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:24px;display:grid}@media (max-width:1279.98px){.sg-album{grid-template-columns:160px minmax(0,1fr);gap:20px}}@media (max-width:899.98px){.sg-album{grid-template-columns:minmax(0,1fr);gap:16px}}.sg-tracks{columns:15rem 3;column-gap:16px}.sg-tracks>li{break-inside:avoid}.sg-trk{min-height:40px;transition:background-color .12s var(--sg-ease);border-radius:8px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:4px 10px 4px 4px;font-size:14px;display:grid;position:relative}.sg-trk:hover,.sg-trk:focus-within,.sg-trk--this{background:var(--surface-2)}.sg-trk-n{place-items:center;height:32px;display:grid;position:relative}.sg-trk-n>span{transition:opacity .15s var(--sg-ease)}.sg-trk-n>.play-btn{opacity:0;transition:opacity .15s var(--sg-ease);margin:auto;position:absolute;inset:0}.sg-trk:hover .sg-trk-n>.play-btn,.sg-trk:focus-within .sg-trk-n>.play-btn,.sg-trk-n>.play-btn[aria-pressed=true]{opacity:1}.sg-trk:hover .sg-trk-n:has(>.play-btn)>span{opacity:0}.sg-trk:focus-within .sg-trk-n:has(>.play-btn)>span{opacity:0}.sg-trk-n:has(>.play-btn[aria-pressed=true])>span{opacity:0}.sg-trk-end{place-items:center end;display:grid}.sg-trk-end>*{transition:opacity .15s var(--sg-ease);grid-area:1/1}.sg-trk-menu{opacity:0;margin:-2px -6px -2px 0}@media (hover:hover) and (pointer:fine){.sg-trk:hover .sg-trk-menu,.sg-trk:focus-within .sg-trk-menu{opacity:1}.sg-trk-menu:has([aria-expanded=true]){opacity:1}.sg-trk:hover .sg-trk-end>.sg-len,.sg-trk:focus-within .sg-trk-end>.sg-len{opacity:0}.sg-trk-end:has([aria-expanded=true])>.sg-len{opacity:0}}@media (pointer:coarse){.sg-trk{grid-template-columns:40px minmax(0,1fr) auto;min-height:48px;padding-block:4px}.sg-trk-n{height:40px}.sg-trk-n>.play-btn{opacity:1}.sg-trk-n:has(>.play-btn)>span{opacity:0}}}@keyframes sg-roll{0%{opacity:0;translate:0 40%}}@keyframes sg-fade{0%{opacity:0}}@keyframes sg-pop{0%{scale:.7}50%{scale:1.18}to{scale:1}}@keyframes sg-ring{0%{opacity:.55;scale:.5}to{opacity:0;scale:1.3}}