:root{--bg:#0f1115;--text:#fff;--text-muted:#9aa0ab;--accent:#5ab0ff}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.name{letter-spacing:.01em;margin:0;font-size:clamp(1.75rem,6vw,3.5rem);font-weight:700}.letter{white-space:pre;opacity:0;animation:.5s forwards letter-in;display:inline-block;transform:translateY(.4em)}@keyframes letter-in{to{opacity:1;transform:translateY(0)}}.color-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;opacity:0;background:0 0;border-radius:999px;margin-top:1.5rem;padding:.6rem 1.4rem;font-size:.9rem;transition:opacity .5s,background .2s,color .2s}.color-btn.visible{opacity:1}.color-btn:hover{background:var(--accent);color:var(--bg)}.name--red{color:red}.name--blue{color:#00f}.name--green{color:green}.name--orange{color:orange}.name--white{color:#fff}@media (prefers-reduced-motion:reduce){.letter{opacity:1;animation:none;transform:none}.color-btn{opacity:1;transition:none}}