@font-face{font-family:RandoSans;src:url(/fonts/RandoSans-300-UniBall.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg:#d6efff;--ink:#e21d1d;--ink-deep:#c41818;--ink-soft:#e21d1d99;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-synthesis:none;font-family:RandoSans,Patrick Hand,cursive}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;margin:0}body{text-transform:lowercase}button,input{font:inherit;color:inherit;text-transform:lowercase;background:0 0;border:0}button{cursor:pointer;padding:0}input{outline:none;width:100%;min-width:0}input::placeholder{color:var(--ink-soft)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.svg-defs{width:0;height:0;position:absolute;overflow:hidden}.page{flex-direction:column;min-height:100vh;display:flex}.brand{color:var(--ink);padding:24px clamp(18px,4vw,42px) 8px;font-size:clamp(40px,6vw,60px);line-height:1;text-decoration:none}.stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:40px;padding:24px clamp(20px,6vw,48px) 48px;display:flex}.stage--risen{gap:32px}.hero{letter-spacing:.01em;margin:0;font-size:clamp(64px,14vw,168px);font-weight:400;line-height:1.1;transition:font-size .7s cubic-bezier(.22,1,.36,1)}.stage--risen .hero{font-size:clamp(52px,9vw,96px)}.caret{margin-left:.06em;animation:.85s step-end infinite blink;display:inline-block}.reveal{opacity:0;flex-direction:column;align-items:center;gap:28px;width:100%;max-width:640px;max-height:0;transition:opacity .45s,transform .45s,max-height .45s;display:flex;overflow:hidden;transform:translateY(16px)}.reveal--in{opacity:1;max-height:40rem;overflow:visible;transform:none}.sub{flex-direction:column;gap:6px;margin:0;font-size:clamp(28px,4.2vw,40px);line-height:1.3;display:flex}.form{flex-wrap:wrap;gap:16px;width:100%;max-width:520px;display:flex}.frame{pointer-events:none;width:calc(100% + 4px);height:calc(100% + 4px);position:absolute;inset:-2px;overflow:visible}.field{flex:999 260px;min-height:84px;display:block;position:relative}.field input{z-index:1;text-align:center;height:84px;padding:0 22px;font-size:32px;position:relative}.send{color:#fff;flex:150px;place-items:center;min-height:84px;transition:transform .15s,filter .15s;display:grid;position:relative}.send:hover:not(:disabled){filter:brightness(1.06)}.send:active:not(:disabled){transform:translateY(1px)rotate(-.6deg)}.send:disabled{opacity:.55}.send__label{z-index:1;padding:0 22px;font-size:32px;position:relative}.note{min-height:1.3em;margin:0;font-size:26px}.note--dup{animation:.4s both rise}.note--error{animation:.3s shake}.note--celebrate{max-width:22ch;font-size:clamp(32px,5vw,46px);line-height:1.3;animation:.7s cubic-bezier(.22,1,.36,1) both celebrate}.foot{text-align:center;opacity:.75;padding:0 16px 24px;font-size:22px}.foot sup{margin-left:.1em;font-size:.6em}@keyframes blink{0%,45%{opacity:1}50%,to{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes shake{0%,to{transform:translate(0)}30%{transform:translate(-4px)}70%{transform:translate(4px)}}@keyframes celebrate{0%{opacity:0;transform:translateY(18px)scale(.85)}60%{opacity:1;transform:translateY(-4px)scale(1.04)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
