@font-face{font-family:"Space Grotesk";font-weight:400;font-display:swap;src:url("/fonts/SpaceGrotesk-400-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F}
@font-face{font-family:"Space Grotesk";font-weight:400;font-display:swap;src:url("/fonts/SpaceGrotesk-400-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+2190-2193,U+2212}
@font-face{font-family:"Space Grotesk";font-weight:500;font-display:swap;src:url("/fonts/SpaceGrotesk-500-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F}
@font-face{font-family:"Space Grotesk";font-weight:500;font-display:swap;src:url("/fonts/SpaceGrotesk-500-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+2190-2193,U+2212}
@font-face{font-family:"Space Grotesk";font-weight:700;font-display:swap;src:url("/fonts/SpaceGrotesk-700-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F}
@font-face{font-family:"Space Grotesk";font-weight:700;font-display:swap;src:url("/fonts/SpaceGrotesk-700-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+2190-2193,U+2212}
@font-face{font-family:"JetBrains Mono";font-weight:700;font-display:swap;src:url("/fonts/JetBrainsMono-700-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F}
@font-face{font-family:"JetBrains Mono";font-weight:700;font-display:swap;src:url("/fonts/JetBrainsMono-700-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+2190-2193,U+2212}
:root{--ink:#0E0E10;--white:#FFFFFF;--sig:#FF5C2E;--g100:#E6E4DE;--g200:#CFCDC6;--g400:#8A8881;--g500:#6A6862;--g600:#4F4D48}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;background:var(--ink);color:var(--white);font-family:"Space Grotesk",system-ui,sans-serif;-webkit-text-size-adjust:100%}
body{min-height:100dvh;display:flex;flex-direction:column}
.bar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:2px solid #2A2926;font-family:"JetBrains Mono",monospace;font-weight:700;font-size:13px;letter-spacing:.2em;text-transform:uppercase}
.brand{color:var(--sig)}
.anon{color:var(--g400)}
main{flex:1;padding:28px 20px 20px;max-width:640px;width:100%;margin:0 auto}
.card{display:flex;flex-direction:column;gap:18px}
.kick{margin:0;font-family:"JetBrains Mono",monospace;font-weight:700;font-size:13px;letter-spacing:.26em;text-transform:uppercase;color:var(--sig)}
h1{margin:0;font-size:clamp(30px,8.5vw,44px);line-height:1;letter-spacing:-.04em;font-weight:700;text-wrap:balance}
.lead{margin:0;font-size:18px;line-height:1.4;color:var(--g200)}
.opts{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.opt{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:14px;padding:18px 18px;border:2px solid #3A3832;font-size:20px;font-weight:500;line-height:1.2;cursor:pointer;-webkit-tap-highlight-color:transparent}
.opt b{font-family:"JetBrains Mono",monospace;color:var(--sig);font-size:16px;min-width:1.4em}
.opt:focus-visible{outline:3px solid var(--sig);outline-offset:2px}
.opt[aria-pressed="true"]{background:var(--sig);border-color:var(--sig);color:var(--ink)}
.opt[aria-pressed="true"] b{color:var(--ink)}
textarea{width:100%;font:inherit;font-size:20px;line-height:1.35;padding:14px;border:2px solid #3A3832;background:#18181A;color:var(--white);border-radius:0;resize:vertical}
textarea:focus{outline:none;border-color:var(--sig)}
.row{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.count{font-family:"JetBrains Mono",monospace;font-size:13px;color:var(--g400)}
button[type=submit]{font:inherit;font-weight:700;font-size:18px;padding:14px 22px;border:0;background:var(--sig);color:var(--ink);cursor:pointer;border-radius:0}
button[disabled]{opacity:.5}
.msg{margin:0;min-height:1.4em;font-size:17px;color:var(--g200)}
.msg.ok{color:var(--sig)}
.pulse{width:22px;height:22px;border-radius:50%;background:var(--sig);animation:p 1.6s ease-in-out infinite}
@keyframes p{0%,100%{transform:scale(.7);opacity:.5}50%{transform:scale(1);opacity:1}}
.foot{padding:16px 20px 24px;font-size:13px;color:var(--g500);text-align:center}
@media (prefers-reduced-motion:reduce){.pulse{animation:none}}
