@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0a0a0a;--bg-soft:#141414;--fg:#ededed;--muted:#8a8a8a;--accent:#e0a0ff;--accent-soft:#e0a0ff24;--font-sans:"Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--space:clamp(1.25rem, 3vw, 2.5rem);--hero-size:clamp(2.25rem, 15vw, 12rem);--ease-out:cubic-bezier(.2, .8, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);min-height:100dvh;color:var(--fg);font-family:var(--font-sans);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-image:radial-gradient(at 50% 0,#e0a0ff0f,#0000 60%);background-attachment:fixed}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}#root{min-height:100dvh;padding:var(--space);gap:var(--space);grid-template-rows:auto 1fr auto;display:grid}.site-header{-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;display:flex}.site-header .handle{font-family:var(--font-mono);color:var(--muted);letter-spacing:0;opacity:.7;cursor:none;margin-left:2px;font-size:.9375rem;font-style:italic}.site-main{text-align:center;place-items:center;display:grid}.site-footer{-webkit-user-select:none;user-select:none;justify-content:center;display:flex}.avatar{outline:1px solid var(--accent-soft);outline-offset:2px;image-rendering:pixelated;background:var(--bg-soft);border-radius:50%;flex-shrink:0;display:inline-block;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.hero{justify-items:center;gap:clamp(.5rem,1.5vw,1rem);display:grid}.hero-title{font-size:var(--hero-size);letter-spacing:-.04em;font-variation-settings:"wght" 800;color:var(--fg);cursor:default;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:font-variation-settings .5s var(--ease-out), letter-spacing .5s var(--ease-out), color .5s var(--ease-out);background:linear-gradient(180deg, var(--fg) 0%, #cfcfcf 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800;line-height:.9}.hero-title:hover{font-variation-settings:"wght" 950;letter-spacing:-.02em;background:linear-gradient(180deg, var(--fg) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-role{font-family:var(--font-mono);color:var(--muted);text-transform:lowercase;letter-spacing:.02em;-webkit-user-select:none;user-select:none;font-size:clamp(.875rem,1.4vw,1rem)}.hero-role:before{content:"● ";color:var(--accent);margin-right:.4em}.hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin-top:2px;animation:.6s cubic-bezier(.2,.7,.2,1) .4s backwards hero-encore-enter;display:flex}.hero-cta__sep{color:var(--muted);opacity:.5;font-family:var(--font-mono);-webkit-user-select:none;user-select:none;font-size:clamp(.78rem,1.1vw,.875rem)}.hero-encore,.hero-credits-trigger{font-family:var(--font-mono);color:var(--accent);letter-spacing:.04em;cursor:pointer;opacity:.7;-webkit-user-select:none;user-select:none;transition:opacity .22s var(--ease-out), transform .22s var(--ease-out);background:0 0;border:none;padding:6px 14px;font-size:clamp(.78rem,1.1vw,.875rem)}.hero-encore:hover,.hero-encore:focus-visible,.hero-credits-trigger:hover,.hero-credits-trigger:focus-visible{opacity:1;text-underline-offset:3px;text-decoration:underline}.hero-encore:focus-visible,.hero-credits-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@keyframes hero-encore-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hero-credits{text-align:left;width:min(100vw - 24px,720px);font-family:var(--font-mono);color:var(--fg);-webkit-user-select:text;user-select:text;margin:24px auto 0}.hero-credits__title{color:#f5f5f5eb;text-align:center;letter-spacing:.04em;outline:none;margin:0 0 20px;font-size:clamp(.95rem,1.6vw,1.05rem);font-weight:600;animation:.6s ease-out backwards credits-fade-in}.hero-credits__section{animation:.6s cubic-bezier(.2,.7,.2,1) backwards credits-fade-in;animation-delay:calc(.2s + var(--i,0) * .18s);margin-bottom:22px}.hero-credits__heading{color:var(--accent);letter-spacing:.06em;margin:0 0 8px;font-size:clamp(.82rem,1.2vw,.92rem);font-weight:600}.hero-credits__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.hero-credits__bullet{color:#f5f5f5c7;padding-left:16px;font-size:clamp(.74rem,1vw,.82rem);line-height:1.55;position:relative}.hero-credits__bullet:before{content:"›";color:var(--accent);opacity:.6;position:absolute;top:0;left:2px}@keyframes credits-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero{--morph-duration:.42s;--piano-entry-delay:.18s;--letter-stagger:45ms;--letter-fall-y:.55em;--letter-fall-rotate:14deg;--role-fade-y:8px}.hero-stage{display:inline-block;position:relative}.hero-title__letter{background:inherit;will-change:transform, opacity;transition:opacity var(--morph-duration) var(--ease-out), transform var(--morph-duration) var(--ease-out);transition-delay:calc(var(--i,0) * var(--letter-stagger));-webkit-background-clip:text;background-clip:text;display:inline-block}.hero[data-mode=intro] .hero-title,.hero[data-mode=piano] .hero-title{pointer-events:none}.hero[data-mode=intro] .hero-title__letter,.hero[data-mode=piano] .hero-title__letter{opacity:0;transform:translateY(var(--letter-fall-y)) rotate(var(--letter-fall-rotate))}.hero[data-mode=text] .hero-title__letter{transition-delay:calc(var(--i-rev,0) * var(--letter-stagger))}.hero-role{transition:opacity var(--morph-duration) var(--ease-out), transform var(--morph-duration) var(--ease-out)}.hero[data-mode=intro] .hero-role,.hero[data-mode=piano] .hero-role{opacity:0;transform:translateY(var(--role-fade-y));pointer-events:none}.hero-intro-slot{z-index:1;pointer-events:none;width:min(100vw - 24px,1100px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-piano{--piano-keys:29;--piano-height:calc(var(--hero-size) * 1.8);--key-w:calc(100% / var(--piano-keys));--black-w-ratio:.61;--black-h-ratio:.61;--black-w:calc(var(--key-w) * var(--black-w-ratio));--black-h:calc(var(--black-h-ratio) * 100%);--white-border-color:#aaa;--white-radius:5px;--black-radius:4px;--white-shadow:2px 4px 8px #00000080;--black-shadow:2px 6px 10px #000c;--press-translate:2px;--press-duration:.12s;--piano-enter-offset:16px;--piano-enter-scale:.94;--white-top:#f8f8f0;--white-bottom:#e8e8d8;--black-top:#222;--black-bottom:#444;--press-white-top:#f5d8ff;--press-white-bottom:var(--accent);--press-black-top:#a770cf;--press-black-bottom:#5e3a7a;--press-glow:#e0a0ff8c;left:0;right:0;top:calc(50% - var(--piano-height) / 2);width:100%;height:var(--piano-height);-webkit-user-select:none;user-select:none;pointer-events:none;opacity:0;transform:translateY(var(--piano-enter-offset)) scale(var(--piano-enter-scale));transition:opacity var(--morph-duration) var(--ease-out), transform var(--morph-duration) var(--ease-out);position:absolute}.hero[data-mode=piano] .hero-piano{opacity:1;transition-delay:var(--piano-entry-delay);transform:translateY(0)scale(1)}.hero-piano:before{content:"";pointer-events:none;background:linear-gradient(#2d2632 0%,#181519 100%);border-radius:5px 5px 0 0;height:7px;position:absolute;top:-8px;left:-4px;right:-4px;box-shadow:inset 0 1px #ffffff14,0 1px 2px #00000080}.hero-piano__whites{grid-template-columns:repeat(var(--piano-keys), 1fr);width:100%;height:100%;display:grid}.hero-piano__white{background:linear-gradient(180deg, var(--white-top) 0%, var(--white-bottom) 100%);border:1px solid var(--white-border-color);border-radius:0 0 var(--white-radius) var(--white-radius);box-shadow:var(--white-shadow);transition:background var(--press-duration) var(--ease-out), transform var(--press-duration) var(--ease-out), box-shadow var(--press-duration) var(--ease-out);border-top:none;position:relative}.hero-piano__white[data-pressed=true]{background:linear-gradient(180deg, var(--press-white-top) 0%, var(--press-white-bottom) 100%);transform:translateY(var(--press-translate));box-shadow:0 0 14px var(--press-glow), 2px 4px 8px #0000004d}.hero-piano__blacks{pointer-events:none;position:absolute;inset:0}.hero-piano__black{width:var(--black-w);height:var(--black-h);background:linear-gradient(180deg, var(--black-top) 0%, var(--black-bottom) 100%);border-radius:0 0 var(--black-radius) var(--black-radius);box-shadow:var(--black-shadow);z-index:2;transition:background var(--press-duration) var(--ease-out), transform var(--press-duration) var(--ease-out), box-shadow var(--press-duration) var(--ease-out);position:absolute;top:0}.hero-piano__black:first-child{left:calc(var(--key-w) * 1 - var(--black-w) / 2)}.hero-piano__black:nth-child(2){left:calc(var(--key-w) * 2 - var(--black-w) / 2)}.hero-piano__black:nth-child(3){left:calc(var(--key-w) * 4 - var(--black-w) / 2)}.hero-piano__black:nth-child(4){left:calc(var(--key-w) * 5 - var(--black-w) / 2)}.hero-piano__black:nth-child(5){left:calc(var(--key-w) * 6 - var(--black-w) / 2)}.hero-piano__black:nth-child(6){left:calc(var(--key-w) * 8 - var(--black-w) / 2)}.hero-piano__black:nth-child(7){left:calc(var(--key-w) * 9 - var(--black-w) / 2)}.hero-piano__black:nth-child(8){left:calc(var(--key-w) * 11 - var(--black-w) / 2)}.hero-piano__black:nth-child(9){left:calc(var(--key-w) * 12 - var(--black-w) / 2)}.hero-piano__black:nth-child(10){left:calc(var(--key-w) * 13 - var(--black-w) / 2)}.hero-piano__black:nth-child(11){left:calc(var(--key-w) * 15 - var(--black-w) / 2)}.hero-piano__black:nth-child(12){left:calc(var(--key-w) * 16 - var(--black-w) / 2)}.hero-piano__black:nth-child(13){left:calc(var(--key-w) * 18 - var(--black-w) / 2)}.hero-piano__black:nth-child(14){left:calc(var(--key-w) * 19 - var(--black-w) / 2)}.hero-piano__black:nth-child(15){left:calc(var(--key-w) * 20 - var(--black-w) / 2)}.hero-piano__black:nth-child(16){left:calc(var(--key-w) * 22 - var(--black-w) / 2)}.hero-piano__black:nth-child(17){left:calc(var(--key-w) * 23 - var(--black-w) / 2)}.hero-piano__black:nth-child(18){left:calc(var(--key-w) * 25 - var(--black-w) / 2)}.hero-piano__black:nth-child(19){left:calc(var(--key-w) * 26 - var(--black-w) / 2)}.hero-piano__black:nth-child(20){left:calc(var(--key-w) * 27 - var(--black-w) / 2)}.hero-piano__black[data-pressed=true]{background:linear-gradient(180deg, var(--press-black-top) 0%, var(--press-black-bottom) 100%);transform:translateY(var(--press-translate));box-shadow:0 0 14px var(--press-glow), 2px 6px 10px #0009}.hero-piano__volume{pointer-events:auto;opacity:.9;transition:opacity .22s var(--ease-out), border-color .22s var(--ease-out);z-index:2;background:#0f0f14e0;border:1px solid #ffffff1a;border-radius:999px;align-items:center;padding:8px 18px;display:flex;position:absolute;bottom:2%;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0000008c,inset 0 1px #ffffff0d}.hero-piano__volume:hover,.hero-piano__volume:focus-within{opacity:1;border-color:#e0a0ff59}.hero-piano__volume-input{appearance:none;cursor:pointer;background:0 0;width:130px;height:4px;margin:0;padding:0}.hero-piano__volume-input::-webkit-slider-runnable-track{background:#ffffff38;border-radius:2px;height:3px}.hero-piano__volume-input::-moz-range-track{background:#ffffff38;border-radius:2px;height:3px}.hero-piano__volume-input::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin-top:-5px;box-shadow:0 1px 4px #0006}.hero-piano__volume-input::-moz-range-thumb{background:var(--accent);cursor:pointer;border:2px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 4px #0006}.hero-piano__volume-input:focus{outline:none}.hero-piano__volume-input:focus-visible::-webkit-slider-thumb{box-shadow:0 1px 4px #0006,0 0 0 3px #e0a0ff66}.hero-piano__volume-input:focus-visible::-moz-range-thumb{box-shadow:0 1px 4px #0006,0 0 0 3px #e0a0ff66}.hero-piano__progress{background:var(--accent);transform-origin:0;opacity:0;pointer-events:none;border-radius:1px;height:2px;transition:transform .28s linear;position:absolute;bottom:-10px;left:0;right:0;transform:scaleX(0)}.hero[data-mode=piano] .hero-piano__progress{opacity:.75;transition:transform .28s linear,opacity .2s ease-out .2s}.social{font-family:var(--font-mono);color:var(--muted);letter-spacing:.02em;gap:clamp(1rem,3vw,2rem);font-size:.875rem;list-style:none;display:flex}.social a{transition:color .3s var(--ease-out);align-items:center;gap:.5rem;padding:.25rem 0;display:inline-flex;position:relative}.social a:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform .4s var(--ease-out);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.social a:hover,.social a:focus-visible{color:var(--fg);outline:none}.social a:hover:after,.social a:focus-visible:after{transform:scaleX(1)}.social svg{flex-shrink:0;width:16px;height:16px}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[data-reveal]{animation:reveal .7s var(--ease-out) backwards}[data-reveal="1"]{animation-delay:80ms}[data-reveal="2"]{animation-delay:.22s}[data-reveal="3"]{animation-delay:.36s}[data-reveal="4"]{animation-delay:.5s}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;animation:none}.hero-title,.hero-title__letter,.hero-role,.social a,.social a:after,.hero-piano,.hero-piano__white,.hero-piano__black{transition:none}.hero-piano__white[data-pressed=true],.hero-piano__black[data-pressed=true]{transform:none}.hero-piano__progress{transition:none}.hero-encore,.hero-credits-trigger,.hero-cta{transition:none;animation:none}.hero-encore,.hero-credits-trigger{opacity:.7}.hero-credits__title,.hero-credits__section{animation:none}}@media (width<=640px){.hero-title{font-size:clamp(2rem,13vw,4.5rem)}}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}