@font-face{font-family:Playfair Display;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/playfair-display-cyrillic-500-italic-BS1KjYIg.woff2)format("woff2"),url(/assets/playfair-display-cyrillic-500-italic-_V8ZrpNH.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Playfair Display;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/playfair-display-vietnamese-500-italic-xd_fw9iO.woff2)format("woff2"),url(/assets/playfair-display-vietnamese-500-italic-0BOUNE9g.woff)format("woff");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:Playfair Display;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/playfair-display-latin-ext-500-italic-CJ9rSulQ.woff2)format("woff2"),url(/assets/playfair-display-latin-ext-500-italic-CJ9UIoiM.woff)format("woff");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:Playfair Display;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/playfair-display-latin-500-italic-BFrGFGAj.woff2)format("woff2"),url(/assets/playfair-display-latin-500-italic-CRSb1Pyp.woff)format("woff");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}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-full-normal-7BpKI3vF.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-full-normal-YHFkNujK.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-normal-CFFu7zhK.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{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--ink-cream:#efe6d4;--ink-muted:#8c8c87;--ink-faint:#4c4c48;--accent:#ebb51b;--accent-ink:#14100a;--font-mono:"SFMono-Regular", ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace;--font-heading:"Playfair Display", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-display:"Fraunces Variable", "Fraunces", "Iowan Old Style", Georgia, serif;--ease-fluid:cubic-bezier(.16, 1, .3, 1);--ease-standard:cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box}html,body{background:var(--bg);margin:0;padding:0;overflow-x:hidden}body{min-height:100vh;font-family:var(--font-mono);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}#root{min-height:100vh}button{cursor:pointer;font-family:inherit}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.page{width:100%;min-height:100dvh;color:var(--ink-cream);background:var(--bg);flex-direction:column;display:flex;position:relative;overflow:hidden}.grain-canvas{z-index:0;opacity:.05;mix-blend-mode:overlay;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.brand{z-index:2;letter-spacing:.3em;color:var(--ink-muted);padding:clamp(1.5rem,3vh,2.5rem) clamp(1.4rem,3.6vw,2.6rem) 0;font-size:.72rem;font-weight:500;position:relative}.content{z-index:2;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(2rem,5.5vh,3.2rem);padding:2rem 1.5rem;display:flex;position:relative}.heading{font-family:var(--font-heading);color:var(--ink-cream);letter-spacing:.003em;animation:rise .6s var(--ease-fluid) both;margin:0;font-size:clamp(1.7rem,4.2vw,2.7rem);font-style:italic;font-weight:500}.styles{animation:rise .6s var(--ease-fluid) both;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(1.3rem,3vw,2.4rem);animation-delay:50ms;display:flex;position:relative}.styles__indicator{background:var(--accent);height:1.5px;transition:transform .38s var(--ease-fluid), width .38s var(--ease-fluid);pointer-events:none;position:absolute;bottom:0;left:0}.style-btn{appearance:none;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-muted);transition:color .25s var(--ease-standard);background:0 0;border:none;margin:0;padding:0 0 .6rem;font-size:.74rem;font-weight:500;position:relative}.style-btn:hover{color:var(--ink-cream)}.style-btn:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.style-btn--active{color:var(--accent);font-weight:600}.username-area{flex-direction:column;align-items:center;width:100%;display:flex}.username-stage{justify-content:center;align-items:center;width:100%;max-width:46rem;height:clamp(3.4rem,11vw,6.4rem);padding:0 1rem;display:flex;position:relative}.username{font-family:var(--font-display);font-variation-settings:"opsz" 140, "wght" 560, "SOFT" 0, "WONK" 0;color:var(--accent);letter-spacing:-.01em;white-space:nowrap;transform:scale(var(--fit-scale,1));transition:transform .25s var(--ease-fluid);margin:0;font-size:clamp(2.1rem,8vw,5.4rem);font-weight:560;line-height:1}.username__letters{display:inline-block}.letter{animation:letter-in .42s var(--ease-fluid) both;animation-delay:calc(var(--i) * 14ms);display:inline-block}.username--measure{visibility:hidden;pointer-events:none;white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.username--changing .username__letters{opacity:0;transition:opacity 90ms var(--ease-standard)}.copy-btn{appearance:none;font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--ink-muted);transition:color .2s var(--ease-standard);background:0 0;border:none;align-items:center;gap:.4rem;margin-top:clamp(.7rem,2vh,1.1rem);padding:0;font-size:.68rem;display:inline-flex}.copy-btn:hover{color:var(--ink-cream)}.copy-btn:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.copy-btn--copied{color:var(--accent)}.copy-btn__check{color:var(--accent);opacity:0;transition:transform .28s var(--ease-fluid), opacity .2s var(--ease-standard);display:inline-flex;transform:scale(0)}.copy-btn--copied .copy-btn__check{opacity:1;transform:scale(1)}.generate-btn{appearance:none;background:var(--accent);color:var(--accent-ink);font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;transition:transform .14s var(--ease-standard), background .18s var(--ease-standard);animation:rise .6s var(--ease-fluid) both;border:none;padding:.95rem 3rem;font-size:.78rem;font-weight:700;animation-delay:.1s;position:relative;overflow:hidden}.generate-btn:hover{background:#f3c650}.generate-btn:active{transform:scale(.97)}.generate-btn:focus-visible{outline:2px solid var(--ink-cream);outline-offset:3px}.ripple{animation:ripple .55s var(--ease-fluid);pointer-events:none;background:#14100a38;border-radius:50%;position:absolute;transform:scale(0)}.hint{z-index:2;text-align:center;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);padding:0 1.5rem clamp(1.6rem,4vh,2.4rem);font-size:.68rem;position:relative}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes letter-in{0%{opacity:0;filter:blur(2px);transform:translateY(.35em)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}@media (width<=1024px){.username-stage{max-width:40rem}}@media (width<=768px){.content{gap:clamp(1.8rem,5vh,2.6rem)}.styles{gap:1.3rem}}@media (width<=640px),(hover:none) and (pointer:coarse){.hint{display:none}}@media (width<=480px){.brand{letter-spacing:.26em;font-size:.64rem}.content{gap:1.6rem;padding:1.6rem 1.25rem}.styles{gap:.8rem 1rem}.username-stage{height:clamp(3rem,18vw,4.2rem)}.generate-btn{width:100%;max-width:240px;padding:.85rem 2.4rem}}@media (width<=360px){.heading{font-size:1.5rem}.styles{gap:.75rem}.style-btn{letter-spacing:.16em;font-size:.66rem}}@media (prefers-reduced-motion:reduce){.heading,.styles,.generate-btn,.letter{animation:none}}