:root { color-scheme: dark; --fg: #f3eee6; --muted: #9b958c; --bg: #12100e; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center;
       background: radial-gradient(circle at 50% 40%, #2a2117, var(--bg) 60%);
       color: var(--fg); font: 18px/1.5 system-ui, sans-serif; overflow: hidden; }
main { text-align: center; padding: 2rem; position: relative; z-index: 1; }
h1 { font-size: clamp(3rem, 12vw, 7rem); margin: 0; letter-spacing: .02em; cursor: pointer; }
.muted { color: var(--muted); }
.small { font-size: .8rem; margin-top: 3rem; }
.spark { position: fixed; width: 4px; height: 4px; border-radius: 50%; pointer-events: none;
         background: #ffd27a; box-shadow: 0 0 8px 2px #ffb84d; animation: fly 1.2s ease-out forwards; }
@keyframes fly { to { transform: translate(var(--dx), var(--dy)); opacity: 0; } }
code { font-size: .9em; }
a { color: inherit; }