@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=M+PLUS+Rounded+1c:wght@400;500;700&family=Yomogi&display=swap";
:root{--paper:#eccfc3;--paper-deep:#ecb8a5;--ink:#904c77;--ink-soft:#957d95;--muted:#957d95;--line:color-mix(in srgb, var(--ink) 18%, transparent);--pink:#e49ab0;--pink-deep:#904c77;--lilac:#957d95;--mauve:#904c77;--surface-a:#ecb8a5;--surface-b:#e49ab0;--surface-c:#957d95;--surface-dark:#904c77;--work-a:#ecb8a5;--work-b:#e49ab0;--work-c:#eccfc3;--rail-surface:#e49ab0;--rail-ink:#904c77;--rail-muted:#957d95;--rail-accent:#ecb8a5;--rail:132px;--content-max:1240px;--gutter:clamp(24px, 5vw, 76px);--section-space:clamp(72px, 9vw, 128px);--grid-gap:clamp(18px, 2.4vw, 34px);--text-xs:10px;--text-sm:13px;--text-md:16px;--text-lg:20px;--text-xl:clamp(32px, 4vw, 54px);--text-display:clamp(52px, 7.2vw, 104px);--text-page:clamp(52px, 7vw, 96px);--display:"Yomogi", "M PLUS Rounded 1c", sans-serif;--sans:"M PLUS Rounded 1c", Arial, sans-serif;--mono:"DM Mono", monospace}:root[data-theme=berry]{--paper:#eccfc3;--paper-deep:#ecb8a5;--ink:#904c77;--ink-soft:#957d95;--muted:#957d95;--line:color-mix(in srgb, var(--ink) 18%, transparent);--pink:#ecb8a5;--pink-deep:#957d95;--lilac:#e49ab0;--mauve:#957d95;--surface-a:#e49ab0;--surface-b:#ecb8a5;--surface-c:#957d95;--surface-dark:#904c77;--work-a:#957d95;--work-b:#ecb8a5;--work-c:#e49ab0;--rail-surface:#957d95;--rail-ink:#904c77;--rail-muted:#e49ab0;--rail-accent:#eccfc3}:root[data-theme=celadon]{--paper:#ddd8c4;--paper-deep:#a3c9a8;--ink:#50808e;--ink-soft:#69a297;--muted:#69a297;--line:color-mix(in srgb, var(--ink) 18%, transparent);--pink:#a3c9a8;--pink-deep:#69a297;--lilac:#84b59f;--mauve:#69a297;--surface-a:#a3c9a8;--surface-b:#84b59f;--surface-c:#ddd8c4;--surface-dark:#50808e;--work-a:#69a297;--work-b:#a3c9a8;--work-c:#84b59f;--rail-surface:#84b59f;--rail-ink:#50808e;--rail-muted:#69a297;--rail-accent:#ddd8c4}:root[data-theme=candy]{--paper:#f3f9d2;--paper-deep:#bdc4a7;--ink:#2f2f2f;--ink-soft:#93827f;--muted:#92b4a7;--line:color-mix(in srgb, var(--ink) 18%, transparent);--pink:#bdc4a7;--pink-deep:#93827f;--lilac:#92b4a7;--mauve:#93827f;--surface-a:#bdc4a7;--surface-b:#92b4a7;--surface-c:#f3f9d2;--surface-dark:#2f2f2f;--work-a:#93827f;--work-b:#bdc4a7;--work-c:#92b4a7;--rail-surface:#92b4a7;--rail-ink:#2f2f2f;--rail-muted:#93827f;--rail-accent:#f3f9d2}:root[data-theme=orchid]{--paper:#f0e6ef;--paper-deep:#efc3e6;--ink:#9c89b8;--ink-soft:#b8bedd;--muted:#b8bedd;--line:color-mix(in srgb, var(--ink) 18%, transparent);--pink:#f0a6ca;--pink-deep:#b8bedd;--lilac:#efc3e6;--mauve:#9c89b8;--surface-a:#f0a6ca;--surface-b:#b8bedd;--surface-c:#f0e6ef;--surface-dark:#9c89b8;--work-a:#b8bedd;--work-b:#efc3e6;--work-c:#f0a6ca;--rail-surface:#efc3e6;--rail-ink:#9c89b8;--rail-muted:#b8bedd;--rail-accent:#f0e6ef}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{padding-left:var(--rail);background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--text-md);text-rendering:optimizelegibility;margin:0;line-height:1.55;transition:background-color .45s,color .45s}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.page-shell{width:min(var(--content-max), calc(100% - (var(--gutter) * 2)));margin-inline:auto}.section{padding-block:var(--section-space)}.section-border{border-top:1px solid var(--line)}.site-header{z-index:20;width:var(--rail);border-right:1px solid var(--rail-muted);background:var(--rail-surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:0 26px 26px 0;flex-direction:column;justify-content:space-between;padding:26px 22px 24px;transition:background-color .45s,border-color .45s;display:flex;position:fixed;inset:0 auto 0 0}.site-header:after{content:"";background:linear-gradient(to bottom, transparent, var(--rail-accent), transparent);opacity:.48;border-radius:999px;width:3px;height:60%;position:absolute;top:20%;right:-1px}.scroll-progress{z-index:30;background:var(--rail-accent);transform-origin:top;opacity:.72;pointer-events:none;border-radius:999px;width:2px;height:100vh;position:fixed;top:0;left:3px}.nav-top{flex-direction:column;gap:16px;display:flex}.wordmark{color:color-mix(in srgb, var(--rail-accent) 68%, white);letter-spacing:-.06em;font-size:20px;font-weight:700}.wordmark-dot{color:var(--rail-accent)}.site-nav{flex-direction:column;gap:20px;display:flex}.nav-item{position:relative}.site-nav a{color:color-mix(in srgb, var(--rail-accent) 68%, white);font-size:var(--text-sm);border-radius:999px;flex-direction:column;gap:3px;padding:8px 10px;transition:color .25s,transform .25s,background .25s;display:flex;position:relative}.site-nav a span{color:color-mix(in srgb, var(--rail-accent) 68%, white);font:9px var(--mono)}.site-nav a.is-active{color:color-mix(in srgb, var(--rail-accent) 68%, white);background:color-mix(in srgb, var(--rail-accent) 42%, transparent)}.site-nav a.is-active span{color:color-mix(in srgb, var(--rail-accent) 68%, white)}.nav-active-dot{background:var(--rail-accent);border-radius:50%;width:5px;height:5px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.site-nav a:hover{color:color-mix(in srgb, var(--rail-accent) 68%, white);background:color-mix(in srgb, var(--rail-accent) 32%, transparent);transform:translate(4px)}.nav-bottom{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.theme-switcher{flex-direction:column;gap:8px;display:flex}.theme-switcher-label{color:color-mix(in srgb, var(--rail-accent) 68%, white);font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.theme-options{grid-template-columns:repeat(2,24px);gap:7px;display:grid}.theme-option{border:1px solid var(--line);background:linear-gradient(135deg, var(--swatch-one) 0 34%, var(--swatch-two) 34% 68%, var(--swatch-three) 68% 100%);cursor:pointer;opacity:.7;border-radius:8px 4px;width:24px;height:24px;padding:0;transition:transform .25s,opacity .25s,box-shadow .25s;position:relative;overflow:hidden}.theme-option span{color:var(--paper);font:8px var(--mono);text-shadow:0 1px 4px color-mix(in srgb, var(--ink) 28%, transparent);place-items:center;display:grid;position:absolute;inset:0}.theme-option:hover{opacity:1;transform:translateY(-2px)rotate(-3deg)}.theme-option.is-selected{opacity:1;box-shadow:0 0 0 2px var(--rail-surface), 0 0 0 3px var(--rail-accent);transform:rotate(-3deg)}.header-index{color:color-mix(in srgb, var(--rail-accent) 68%, white);font:9px var(--mono)}h1,h2,h3,p{margin-top:0}h1,h2,h3,.display-small,.page-title{letter-spacing:-.06em;font-weight:500}em{color:var(--mauve);font-family:var(--display);letter-spacing:-.06em;font-weight:500}.eyebrow{color:var(--muted);font:var(--text-xs) var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 22px;line-height:1.4}.button{border:1px solid var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding-inline:18px;display:inline-flex}.button-dark{color:var(--paper);background:var(--ink);transition:transform .25s,background .25s}.button-dark:hover{background:var(--mauve);transform:translateY(-2px)}.text-link{border-bottom:1px solid var(--ink-soft);color:var(--ink-soft);font-size:var(--text-sm);align-items:center;gap:8px;padding-bottom:3px;display:inline-flex}.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.hero{grid-template-columns:minmax(0,1.05fr) minmax(300px,.78fr);align-items:center;gap:clamp(48px,8vw,128px);min-height:min(760px,88vh);padding-block:clamp(76px,10vw,132px);display:grid}.hero h1{max-width:720px;color:var(--ink);font-size:var(--text-display);margin-bottom:30px;line-height:.92}.hero-intro{max-width:390px;color:var(--ink-soft);font-size:var(--text-lg)}.hero-intro strong{color:var(--ink);font-weight:600}.hero-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:34px;display:flex}.hero-art{background:var(--pink);min-height:clamp(380px,42vw,520px);box-shadow:0 18px 44px color-mix(in srgb, var(--ink) 12%, transparent);border-radius:30px 14px;transition:background-color .45s,box-shadow .45s;position:relative;overflow:hidden}.hero-art:before{content:"";z-index:1;background:linear-gradient(110deg, transparent 35%, color-mix(in srgb, var(--paper) 22%, transparent) 49%, transparent 63%);pointer-events:none;animation:9s ease-in-out infinite soft-sweep;position:absolute;inset:-30% -12%;transform:translate(-72%)rotate(7deg)}.art-label{z-index:2;color:var(--ink-soft);font:var(--text-xs) var(--mono);text-transform:uppercase;position:absolute;top:22px;left:24px}.art-shape{border-radius:999px;position:absolute}.art-shape-a{aspect-ratio:1;background:var(--lilac);width:56%;top:17%;right:9%}.art-shape-b{aspect-ratio:1;background:var(--pink-deep);mix-blend-mode:multiply;width:35%;bottom:13%;left:11%}.art-image-slot{z-index:3;border:1px dashed color-mix(in srgb, var(--ink) 35%, transparent);background:color-mix(in srgb, var(--paper) 28%, transparent);width:54%;height:52%;color:var(--ink-soft);text-align:center;border-radius:22px 10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;top:24%;left:23%;transform:rotate(-3deg)}.art-image-slot span{font:var(--text-xs) var(--mono);text-transform:uppercase}.art-image-slot b{font-size:var(--text-sm);font-weight:500}.art-note{color:var(--ink-soft);font:italic 19px var(--display);text-align:right;line-height:1.05;position:absolute;bottom:9%;right:9%}.art-spark{z-index:4;color:color-mix(in srgb, var(--ink) 60%, transparent);font-family:var(--display);pointer-events:none;position:absolute}.art-spark-one{font-size:28px;animation:3.8s ease-in-out infinite twinkle;top:14%;right:10%}.art-spark-two{font-size:32px;animation:4.7s ease-in-out .8s infinite twinkle;top:29%;left:15%}.section-heading{gap:var(--grid-gap);grid-template-columns:minmax(120px,1fr) minmax(220px,.7fr) auto;align-items:start;margin-bottom:42px;display:grid}.section-caption{max-width:290px;color:var(--muted);font-size:var(--text-sm);margin:0}.song-grid{gap:var(--grid-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.song-card{min-width:0;display:block}.song-cover{aspect-ratio:4/3;isolation:isolate;border-radius:22px 12px;justify-content:space-between;align-items:flex-end;margin-bottom:14px;padding:18px;transition:background-color .45s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.song-card:hover .song-cover{box-shadow:0 16px 30px color-mix(in srgb, var(--ink) 14%, transparent)}.song-cover:before{content:"";z-index:1;background:linear-gradient(110deg, transparent 40%, color-mix(in srgb, var(--paper) 30%, transparent) 50%, transparent 60%);pointer-events:none;transition:transform .8s cubic-bezier(.22,1,.36,1);position:absolute;inset:-40% -20%;transform:translate(-72%)rotate(7deg)}.song-card:hover .song-cover:before{transform:translate(72%)rotate(7deg)}.song-cover span{z-index:1;color:var(--ink-soft);font:var(--text-xs) var(--mono);text-transform:uppercase;position:relative}.song-cover b{z-index:1;color:var(--ink-soft);font:var(--text-xs) var(--mono);position:relative}.song-cover-spark{z-index:2;background:color-mix(in srgb, var(--paper) 72%, transparent);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in srgb, var(--paper) 60%, transparent);opacity:0;border-radius:50%;transition:opacity .35s,transform .35s;position:absolute;bottom:24%;right:25%;transform:scale(.7)}.song-card:hover .song-cover-spark{opacity:1;animation:1.6s ease-out infinite pulse-dot;transform:scale(1)}.song-meta{color:var(--muted);font:var(--text-xs) var(--mono);text-transform:uppercase;justify-content:space-between;gap:12px;display:flex}.song-card h2{color:var(--ink);letter-spacing:-.045em;margin:6px 0 0;font-size:clamp(20px,2vw,26px);font-weight:500}.theme-airy .song-cover,.theme-airy .song-art{background:var(--surface-a)}.theme-airy .song-cover:after,.theme-airy .song-art:after{content:"";aspect-ratio:1;background:var(--surface-b);border-radius:50%;width:58%;position:absolute;top:16%;right:12%}.theme-digital-soft .song-cover,.theme-digital-soft .song-art{background:var(--surface-b)}.theme-digital-soft .song-cover:after,.theme-digital-soft .song-art:after{content:"";background:var(--surface-a);width:52%;height:52%;position:absolute;top:21%;right:19%;transform:rotate(17deg)}.theme-quiet-night .song-cover,.theme-quiet-night .song-art{color:var(--paper);background:var(--surface-dark)}.theme-quiet-night .song-cover span,.theme-quiet-night .song-cover b{color:var(--paper)}.theme-quiet-night .song-cover:after,.theme-quiet-night .song-art:after{content:"";aspect-ratio:1;border:1px solid color-mix(in srgb, var(--paper) 70%, transparent);width:48%;box-shadow:0 0 0 18px color-mix(in srgb, var(--paper) 12%, transparent), 0 0 0 42px color-mix(in srgb, var(--paper) 6%, transparent);border-radius:50%;position:absolute;top:18%;right:14%}.split-section{padding-block:var(--section-space);grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:clamp(48px,8vw,128px);display:grid}.display-small{max-width:570px;color:var(--ink);font-size:var(--text-xl);margin:0;line-height:1.02}.section-body{max-width:390px;color:var(--ink-soft);align-self:end}.section-body p{margin-bottom:24px}.site-footer{color:var(--muted);font:var(--text-xs) var(--mono);text-transform:uppercase;justify-content:space-between;gap:24px;padding-block:32px 54px;display:flex}.inner-page{padding-block:clamp(76px, 10vw, 132px) var(--section-space)}.page-title{max-width:900px;color:var(--ink);font-size:var(--text-page);margin:0 0 28px;line-height:.93}.page-lede{max-width:480px;color:var(--ink-soft);font-size:var(--text-lg);margin-bottom:clamp(56px,7vw,88px)}.release-list{border-top:1px solid var(--line)}.release-row{gap:var(--grid-gap);border-bottom:1px solid var(--line);grid-template-columns:64px minmax(0,1fr) 200px 64px 24px;align-items:center;min-height:92px;transition:padding .3s,background .3s;display:grid}.release-row:hover{background:color-mix(in srgb, var(--pink) 25%, transparent);padding-inline:18px}.release-number,.release-type,.release-year{color:var(--muted);font:var(--text-xs) var(--mono)}.release-title{min-width:0;color:var(--ink);letter-spacing:-.05em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(22px,2.6vw,34px);overflow:hidden}.release-arrow{color:var(--mauve);text-align:right;font-size:20px}.release-row .release-arrow{transition:transform .3s}.release-row:hover .release-arrow{transform:translate(5px,-3px)}.placeholder-grid{gap:var(--grid-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.placeholder-card{border:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:280px;padding:22px;display:flex}.placeholder-card span{color:var(--muted);font:var(--text-xs) var(--mono)}.placeholder-card h2{color:var(--ink);letter-spacing:-.05em;margin:0;font-size:clamp(22px,2.4vw,30px);font-weight:500}.placeholder-card p{color:var(--muted);font-size:var(--text-sm);margin:0}.placeholder-1{background:var(--work-a)}.placeholder-2{background:var(--work-b)}.placeholder-3{background:var(--work-c)}.narrow-page{max-width:900px}.empty-note{border-top:1px solid var(--line);color:var(--muted);gap:35px;padding-block:28px;display:flex}.empty-note span{font:var(--text-xs) var(--mono)}.about-copy{max-width:590px;color:var(--ink-soft);font-size:var(--text-lg);line-height:1.55}.about-copy p+p{color:var(--muted);font-size:var(--text-md);margin-top:30px}.song-page{min-height:calc(100vh - 88px)}.song-hero{min-height:670px;padding-block:clamp(64px, 8vw, 100px) var(--section-space);grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);align-items:center;gap:clamp(48px,8vw,128px);display:grid}.back-link{color:var(--muted);font:var(--text-xs) var(--mono);margin-bottom:64px;display:inline-block}.song-hero .page-title{font-size:var(--text-page)}.song-hero .page-lede{margin-bottom:34px}.song-art{border-radius:30px 14px;align-items:flex-end;min-height:clamp(360px,40vw,480px);padding:25px;transition:background-color .45s,color .45s;display:flex;position:relative;overflow:hidden}.song-art:before{content:"";opacity:.14;border:1px solid;border-radius:50%;animation:12s linear infinite orbit-ring;position:absolute;inset:12%}.song-art-inner{z-index:1;width:100%;color:var(--ink-soft);font:var(--text-xs) var(--mono);text-transform:uppercase;justify-content:space-between;align-items:end;gap:18px;display:flex;position:relative}.song-info{padding-block:var(--section-space);grid-template-columns:minmax(120px,1fr) minmax(260px,.7fr);gap:clamp(48px,8vw,128px);display:grid}.muted{color:var(--muted);font:var(--text-xs) var(--mono);text-transform:uppercase}@keyframes soft-sweep{0%,42%{transform:translate(-72%)rotate(7deg)}72%,to{transform:translate(72%)rotate(7deg)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.85)rotate(0)}50%{opacity:.9;transform:scale(1.12)rotate(12deg)}}@keyframes pulse-dot{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--paper) 60%, transparent)}70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}@keyframes orbit-ring{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.04)}to{transform:rotate(360deg)scale(1)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:900px){:root{--rail:108px}.hero{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:48px}.section-heading{grid-template-columns:1fr 1fr}.section-heading .text-link{grid-column:2;justify-self:start}.release-row{grid-template-columns:48px minmax(0,1fr) 140px 52px 20px;gap:14px}}@media (max-width:700px){:root{--gutter:16px}body{padding-left:0}.page-shell{width:min(var(--content-max), calc(100% - (var(--gutter) * 2)))}.site-header{width:min(var(--content-max), calc(100% - (var(--gutter) * 2)));-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-right:0;grid-template-columns:1fr auto;min-height:72px;margin-inline:auto;padding:20px 0;display:grid;position:relative;inset:auto}.nav-top{gap:0}.nav-mark,.nav-bottom,.scroll-progress{display:none}.site-nav{flex-direction:row;gap:14px;font-size:12px}.site-nav a{align-items:flex-end}.site-nav a span{display:none}.hero,.song-hero{flex-direction:column;align-items:stretch;gap:54px;min-height:auto;padding-block:78px 80px;display:flex}.hero h1{font-size:clamp(50px,15vw,86px)}.hero-art,.song-art{border-radius:24px 12px;min-height:330px}.section{padding-block:72px}.section-heading,.split-section,.song-info{display:block}.section-caption{margin-bottom:24px}.section-heading .text-link{margin-top:4px;display:inline-flex}.song-grid,.placeholder-grid{grid-template-columns:1fr;gap:36px}.release-row{grid-template-columns:32px minmax(0,1fr) 24px;gap:12px;min-height:82px}.release-type,.release-year{display:none}.release-title{font-size:24px}.page-title{font-size:clamp(52px,16vw,86px)}.page-lede{margin-bottom:54px}.split-section>div+div,.song-info>div+div{margin-top:40px}.site-footer{line-height:2;display:block}}