.song-page{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:#040408;color:#f1f0f6}.song-backdrop{position:fixed;inset:-12%;z-index:-1;background-position:50%;background-size:cover;filter:blur(70px) saturate(1.35);opacity:.42}.song-page:after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(#04040866,#040408e6 75%)}.song-content{display:flex;flex-direction:column;align-items:center;width:min(100% - 2.5rem,27rem);margin:0 auto;padding:1.75rem 0 3rem;text-align:center}.song-brand{display:inline-flex;align-items:baseline;gap:.6rem;min-height:44px;color:#f1f0f6;font:900 1.15rem/1 Agrandir Wide,sans-serif;text-decoration:none}.song-brand span[lang]{font:400 1.2rem/1 var(--font-ma-shan-zheng),cursive;color:#d5cfe0}.song-cover{width:min(100%,18rem,40svh);height:auto;margin-top:1rem;border-radius:6px;box-shadow:0 26px 70px #000c,0 0 60px rgb(var(--song-rgb)/.24);animation:song-rise .8s cubic-bezier(.16,1,.3,1) both}.song-cover+.song-title{margin-top:1.5rem}.song-chapter{margin:1.5rem 0 .5rem;color:rgb(var(--song-rgb));font:500 .78rem/1.3 var(--font-clock),monospace}.song-title{margin:0;font:900 clamp(2.5rem,12vw,3.5rem)/1.05 Agrandir Wide,sans-serif}.song-title[data-long]{font-size:clamp(2rem,9.5vw,2.8rem)}.song-title span{display:block;margin-top:.2rem;color:rgb(var(--song-rgb));font:400 .72em/1.15 var(--font-ma-shan-zheng),cursive}.song-credit{margin:.4rem 0 0;color:#d5cfe0;font:500 .8rem/1.3 var(--font-clock),monospace}.song-date{margin:.75rem 0 1.5rem;color:#c3bfcd;font-size:.72rem}.song-page nav{width:100%}.song-links{display:grid;grid-gap:.5rem;gap:.5rem;width:100%;margin:0;padding:0;list-style:none}.song-links a{display:flex;align-items:center;gap:.85rem;min-height:56px;padding:.6rem 1rem;border:1px solid #ffffff21;border-radius:10px;color:#f1f0f6;background:#0c0b12c9;font:500 .84rem/1.2 var(--font-clock),monospace;text-align:left;text-decoration:none;transition:background .18s ease,border-color .18s ease,transform .18s cubic-bezier(.16,1,.3,1)}.song-links a:hover{border-color:rgb(var(--song-rgb)/.75);background:#1a1824;transform:translateY(-1px)}.song-links img{flex:none;width:24px;height:24px;object-fit:contain}.song-links span{flex:1 1;min-width:0}.song-links svg{flex:none;color:#a7a2b3}.song-page a:focus-visible{outline:2px solid #f1eef8;outline-offset:3px}.song-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1rem;margin-top:1.1rem}.song-world-link{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:0 .85rem;color:#c9c1d6;font:500 .72rem/1 var(--font-clock),monospace;text-decoration:none}.song-world-link:hover{color:#fff}@keyframes song-rise{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.song-cover{animation:none}.song-links a{transition:none}}.past-page{position:relative;isolation:isolate;min-height:100svh;overflow-x:clip;padding:0 1.25rem 3.5rem;background:#050508;color:#f3f2f7}.past-backdrop{position:fixed;inset:-14%;z-index:-3;background-position:50%;background-size:cover;filter:blur(80px) saturate(1.5);opacity:.4}.past-page:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(#05050866,#050508d9 62%,#050508)}.past-lights{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.past-lights i{position:absolute;width:60vmax;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgb(var(--song-rgb)/.2),transparent 62%)}.past-lights i:first-child{left:-22vmax;top:-24vmax}.past-lights i:last-child{right:-24vmax;top:18vh}.past-header{display:flex;justify-content:center;padding:1.25rem 0 .5rem}.past-brand{display:inline-flex;align-items:baseline;gap:.6rem;min-height:44px;color:#f3f2f7;font:900 1.15rem/1 Agrandir Wide,sans-serif;text-decoration:none}.past-brand span[lang]{color:#d9d4e2;font:400 1.2rem/1 var(--font-ma-shan-zheng),cursive}.past-hero{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;grid-gap:2rem;gap:2rem;width:min(100%,72rem);margin:.75rem auto 0}.past-sleeve{position:relative;width:min(66vw,17rem,38svh);aspect-ratio:1;margin-right:13%}.past-cover{position:relative;z-index:1;display:block;width:100%;height:100%;border-radius:4px;box-shadow:0 30px 80px #000d,0 0 70px rgb(var(--song-rgb)/.22),inset 0 0 0 1px #ffffff1a}.past-record{position:absolute;top:3%;left:0;width:94%;aspect-ratio:1;transform:translateX(32%)}.past-disc{position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#0000 0 18.6%,#0c0c10 19% 20.5%,#17171d 20.5% 21%,#0c0c10 21% 100%),repeating-radial-gradient(circle,#0b0b0e 0 1.5px,#1a1a21 1.5px 2.5px),#0c0c10;box-shadow:0 16px 44px #000c,inset 0 0 0 2px #ffffff0f}.past-disc:before{inset:0;background:conic-gradient(from 30deg,#ffffff00 0 10%,#ffffff24 15%,#ffffff00 22% 58%,#ffffff1c 64%,#ffffff00 72%)}.past-disc:after,.past-disc:before{content:"";position:absolute;border-radius:50%}.past-disc:after{inset:31%;background:var(--label) center /cover;box-shadow:0 0 0 1px #0009}.past-info{display:flex;flex-direction:column;align-items:center;width:min(100%,34rem);text-align:center}.past-eyebrow{margin:0 0 .75rem;color:rgb(var(--song-rgb));font:500 .78rem/1.3 var(--font-clock),monospace}.past-eyebrow span{opacity:.55}.past-title{margin:0;font:900 clamp(2.5rem,12vw,4.25rem)/1.04 Agrandir Wide,sans-serif;text-shadow:0 4px 30px #000a;overflow-wrap:anywhere}.past-title[data-long]{font-size:clamp(2rem,9.5vw,3.35rem)}.past-title span{display:block;margin-top:.25rem;color:rgb(var(--song-rgb));font:400 .72em/1.15 var(--font-ma-shan-zheng),cursive}.past-credit{margin:.45rem 0 0;color:#dcd7e5;font:500 .82rem/1.3 var(--font-clock),monospace}.past-date{margin:.75rem 0 1.4rem;color:#c6c2d0;font-size:.72rem}.past-version{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;margin:-1.1rem 0 .55rem;color:rgb(var(--song-rgb));font:500 .76rem/1 var(--font-clock),monospace;text-decoration:underline;text-underline-offset:4px}.past-version:hover{color:#fff}.past-info nav{width:100%}.past-links{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:.45rem;gap:.45rem;margin:0;padding:0;list-style:none}.past-links a{display:flex;align-items:center;gap:.7rem;min-height:52px;padding:.5rem .85rem;border:1px solid #ffffff1f;border-radius:8px;color:#f3f2f7;background:#0b0a10b8;font:500 .8rem/1.2 var(--font-clock),monospace;text-align:left;text-decoration:none;transition:background .17s ease,border-color .17s ease,transform .17s cubic-bezier(.16,1,.3,1)}.past-links a:hover{border-color:rgb(var(--song-rgb)/.8);background:#191722;transform:translateY(-1px)}.past-links img{flex:none;width:22px;height:22px;object-fit:contain}.past-links span{flex:1 1;min-width:0}.past-links svg{flex:none;color:#a8a3b5}.past-share{margin-top:.65rem}.past-section{width:min(100%,72rem);margin:3.25rem auto 0}.past-section h2{margin:0 0 1rem;color:#e7e3ee;font:500 .82rem/1.3 var(--font-clock),monospace;text-align:center}.past-video{width:min(100%,46rem);aspect-ratio:16/9;margin:0 auto;overflow:hidden;border-radius:8px;background:#020204;box-shadow:0 24px 70px #000b,inset 0 0 0 1px #ffffff14}.past-video .video-preview,.past-video iframe{display:block;width:100%;height:100%;border:0}.past-video .video-preview{position:relative;padding:0;overflow:hidden;color:#fff;background:#020204;cursor:pointer}.past-video .video-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.86);transition:transform .6s cubic-bezier(.16,1,.3,1),filter .3s ease}.past-video .video-preview:hover>img{filter:none;transform:scale(1.03)}.past-video .video-preview>span{position:absolute;left:1rem;bottom:1rem;display:grid;place-items:center;width:3.25rem;height:3.25rem;border:1px solid #ffffff66;border-radius:50%;background:#09080ecc;transition:transform .22s cubic-bezier(.16,1,.3,1),background .17s ease,color .17s ease}.past-video .video-preview:hover>span{color:#06060a;background:rgb(var(--song-rgb));transform:scale(1.08)}.past-more{display:flex;gap:.85rem;margin:0 -1.25rem;padding:.25rem 1.25rem 1rem;overflow-x:auto;list-style:none;scroll-snap-type:x proximity;scroll-padding-inline:1.25rem;scrollbar-width:thin;scrollbar-color:#ffffff33 transparent}.past-more li{flex:none;width:8.75rem;scroll-snap-align:start}.past-more a{display:block;color:#f3f2f7;text-decoration:none}.past-more img{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 12px 30px #0009;transition:transform .24s cubic-bezier(.16,1,.3,1)}.past-more a:hover img{transform:translateY(-4px)}.past-more strong{display:block;margin-top:.55rem;font:500 .74rem/1.25 var(--font-clock),monospace}.past-more span{display:block;margin-top:.15rem;color:#bdb8c8;font:400 .68rem/1.3 var(--font-clock),monospace}.past-more span span{display:inline;font-family:var(--font-ma-shan-zheng),cursive;font-size:.82rem}.past-enter{display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;margin-top:.5rem;color:#cfcad9;font:500 .72rem/1 var(--font-clock),monospace;text-decoration:none}.past-enter:hover{color:#fff}.past-page a:focus-visible,.past-page button:focus-visible{outline:2px solid #f3f2f7;outline-offset:3px}@media (min-width:900px){.past-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:3rem;margin-top:1.5rem}.past-sleeve{width:min(30vw,26rem,62svh);margin-right:14%;justify-self:center}.past-info{align-items:flex-start;width:100%;text-align:left}.past-links{grid-template-columns:repeat(2,minmax(0,1fr))}.past-header{justify-content:flex-start;width:min(100%,72rem);margin:0 auto}.past-more{justify-content:safe center}}@media (prefers-reduced-motion:no-preference){.past-record{animation:past-record-out 1.3s cubic-bezier(.16,1,.3,1) .2s both}.past-disc{animation:past-spin 7s linear infinite}.past-cover{animation:past-rise .8s cubic-bezier(.16,1,.3,1) both}.past-lights i:first-child{animation:past-drift-a 19s ease-in-out infinite alternate}.past-lights i:last-child{animation:past-drift-b 23s ease-in-out infinite alternate}.past-credit,.past-date,.past-eyebrow,.past-title{animation:past-rise .8s cubic-bezier(.16,1,.3,1) .12s both}.past-links li{animation:past-rise .62s calc(.24s + var(--i) * 45ms) cubic-bezier(.16,1,.3,1) both}.past-sleeve:hover .past-record{transform:translateX(44%);transition:transform .5s cubic-bezier(.16,1,.3,1)}@keyframes past-record-out{0%,25%{opacity:0;transform:translateX(0)}26%{opacity:1;transform:translateX(0)}to{opacity:1;transform:translateX(32%)}}@keyframes past-spin{to{transform:rotate(1turn)}}@keyframes past-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes past-drift-a{to{transform:translate(14vmax,8vmax)}}@keyframes past-drift-b{to{transform:translate(-12vmax,10vmax)}}}@media (prefers-reduced-motion:reduce){.past-links a,.past-more img,.past-video .video-preview>img,.past-video .video-preview>span{transition:none}}