:root{--bg:#fff;--ink:#0b0b0b;--ink-2:#6e6e73;--ink-3:#86868b;--line:#e8e8e8;--card-ring:#00000014;--sans:"Helvetica Neue", Helvetica, Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--glide:linear(0, .021, .072, .142, .222, .306, .39, .471, .546, .615, .677, .732, .78, .821, .856, .886, .911, .931, .948, .961, .972, .98, .987, .992, .996, .999, 1.001, 1.002, 1);--click:linear(0, .074, .249, .449, .641, .803, .931, 1.013, 1.061, 1.082, 1.083, 1.072, 1.056, 1.039, 1.024, 1.012, 1.002, .997, .994, .993, .993, .994, .996, .997, 1);--out:cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b0b0b;--ink:#f2f2f2;--ink-2:#98989d;--ink-3:#6e6e73;--line:#2c2c2c;--card-ring:#ffffff1f}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-weight:400}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:2px}.wrap{max-width:1200px;padding:0 max(40px, env(safe-area-inset-left)) 0 max(40px, env(safe-area-inset-right));margin:0 auto}.top{justify-content:space-between;align-items:baseline;padding:22px 0;font-size:15px;font-weight:500;display:flex}.top nav{color:var(--ink-2);gap:22px;display:flex}.top nav a,.foot nav a{transition:color .2s}.top nav a:hover,.foot nav a:hover{color:var(--ink)}h1{letter-spacing:-.04em;text-wrap:pretty;transition:opacity .3s var(--out);margin-top:56px;font-size:clamp(34px,5.6vw,64px);font-weight:500;line-height:1.02}h1 .w{animation:focus .32s var(--out) both;display:inline-block}h1 .mute{color:var(--ink-3);animation-duration:.5s;display:block}@keyframes focus{0%{filter:blur(10px);opacity:0}}.tracks{margin-top:56px;position:relative}.tracks section+section{margin-top:56px}.side{border-bottom:1px solid var(--ink);letter-spacing:.02em;transition:opacity .3s var(--out);justify-content:space-between;padding-bottom:12px;font-size:13px;font-weight:500;display:flex}.side span:last-child{color:var(--ink-2)}ol{list-style:none}.row,.foot{grid-template-columns:52px minmax(0,1.1fr) minmax(0,1.6fr) 150px 24px;gap:20px;display:grid}.row{border-bottom:1px solid var(--line);transition:filter .3s var(--out), opacity .3s var(--out);align-items:baseline;padding:24px 0 22px}li:last-child .row{border-bottom:0}.row .n{font:13px var(--mono);color:var(--ink-2)}.row .n[data-star]{font:15px var(--sans)}.row .t{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:30px;font-weight:500}.row .d{color:var(--ink-2);text-wrap:pretty;font-size:17px;line-height:1.4}.row .p{white-space:nowrap;font-variant-numeric:tabular-nums;justify-self:end;font-size:14px}.row .a{transition:translate .5s var(--click);justify-self:end;font-size:18px}.row:active{opacity:.55;transition-duration:80ms}@media (hover:hover){.tracks[data-active] .row:not([data-on]){filter:blur(1.6px);opacity:.28}.tracks[data-active] .side{opacity:.35}main:has(.tracks[data-active]) h1{opacity:.35}.row[data-on] .a{translate:3px -3px}}.peek{pointer-events:none;z-index:2;width:320px;height:200px;box-shadow:0 10px 30px -14px #0000004d, 0 0 0 1px var(--card-ring);opacity:0;clip-path:inset(100% -40px -40px);transition:translate .36s var(--glide), clip-path .16s ease-in, opacity .16s ease-in;background:#111214;border-radius:10px;margin-top:-212px;position:absolute;top:0;left:0;overflow:hidden}.peek[data-shown]{opacity:1;clip-path:inset(-40px);transition:translate .36s var(--glide), clip-path .26s var(--out), opacity .12s}.peek[data-instant]{transition-property:clip-path,opacity}.peek-item{opacity:0;transition:opacity .26s;position:absolute;inset:0}.peek-item[data-on]{opacity:1}.peek img{object-fit:cover;width:100%;height:100%;display:block}.term{color:#d6d6d6;height:100%;font:12px/1.6 var(--mono);padding:16px 18px}.term s{color:#7d8590;text-decoration:none}.term i{color:#7ee787;font-style:normal}.term b{color:#fff;font-weight:600}.band{flex-direction:column;justify-content:center;gap:10px;display:flex}.mascot{width:48px;height:36px;display:block}.pose-1{animation:1s step-end infinite beat}.pose-0{animation:1s step-end infinite reverse beat}@keyframes beat{0%{visibility:hidden}50%{visibility:visible}}.lyrics{text-align:center;color:#fff;height:100%;font:600 13px/1.35 -apple-system, BlinkMacSystemFont, var(--sans);background:radial-gradient(120% 90% at 70% 20%,#2a2d36 0,#111214 70%);flex-direction:column;justify-content:center;gap:8px;padding:0 22px;display:flex}.lyrics .dim{opacity:.32;filter:blur(1.2px)}.lyrics .now{text-wrap:balance;text-shadow:0 0 14px #ffffff59;font-size:17px}.lyrics .now span{animation:sing .45s var(--out) both;display:inline-block}@keyframes sing{0%{filter:blur(4px);opacity:.25;scale:.9}}.foot{border-top:1px solid var(--ink);color:var(--ink-2);margin-top:120px;padding:20px 0 48px;font-size:14px;line-height:1.55}.foot>div:first-child{grid-column:1/3}.foot b{color:var(--ink);font-weight:500;display:block}.foot nav{flex-wrap:wrap;grid-column:4/6;place-content:start flex-end;column-gap:16px;display:flex}.enter{animation:rise .6s var(--out) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@media (max-width:860px){.wrap{padding:0 max(20px, env(safe-area-inset-left)) 0 max(20px, env(safe-area-inset-right))}h1{margin-top:36px}.tracks{margin-top:44px}.row{grid-template-columns:36px minmax(0,1fr) 20px;gap:6px 12px;padding:20px 0 18px}.row .t{font-size:26px}.row .d{grid-column:2;font-size:16px}.row .p{grid-column:2;justify-self:start}.row .a{grid-area:1/3}.peek{display:none}.foot{grid-template-columns:1fr;gap:14px;margin-top:80px}.foot>div:first-child,.foot nav{grid-column:auto;justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.pose-1{visibility:hidden}}h1 .mute a{color:var(--ink)}