@font-face{font-family:Unbounded;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9a5bda4b84d685f8-s.3w7f_p1-p40wk.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Unbounded;font-style:normal;font-weight:500;font-display:swap;src:url(../media/3383ca8b946b84c9-s.403cw4u-aurg6.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Unbounded;font-style:normal;font-weight:500;font-display:swap;src:url(../media/056b57ca797dfa24-s.0aam4xq51u8ez.woff2)format("woff2");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:Unbounded;font-style:normal;font-weight:500;font-display:swap;src:url(../media/acc52fee236b8039-s.2--ii1rah3vw3.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9d9d8fde33b299ed-s.p.3tqbdkkdqajd-.woff2)format("woff2");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:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9a5bda4b84d685f8-s.3w7f_p1-p40wk.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(../media/3383ca8b946b84c9-s.403cw4u-aurg6.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(../media/056b57ca797dfa24-s.0aam4xq51u8ez.woff2)format("woff2");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:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(../media/acc52fee236b8039-s.2--ii1rah3vw3.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9d9d8fde33b299ed-s.p.3tqbdkkdqajd-.woff2)format("woff2");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:Unbounded Fallback;src:local(Arial);ascent-override:73.93%;descent-override:18.2%;line-gap-override:0.0%;size-adjust:134.59%}.hiipAq_className{font-family:Unbounded,Unbounded Fallback;font-style:normal}.hiipAq_variable{--font-display:"Unbounded", "Unbounded Fallback"}
:root{--black:#000;--haze:#17141f;--haze-edge:#2a2536;--text:#f1eef7;--muted:#9a94ab;--error:#ff8a8a;--beam:#3bf3ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--black);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font:17px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.page{max-width:520px;padding:max(20px, env(safe-area-inset-top)) 16px max(28px, env(safe-area-inset-bottom));margin:0 auto}.intro h1{font-family:var(--font-display), sans-serif;letter-spacing:-.01em;color:var(--text);text-shadow:0 0 18px color-mix(in srgb, var(--beam) 55%, transparent);margin:8px 0 10px;font-size:clamp(30px,9vw,40px);font-weight:700;line-height:1.05}.intro p{color:var(--muted);max-width:34ch;margin:0 0 18px}.pad{gap:14px;display:grid}.stage{position:relative}.canvas{aspect-ratio:1;background:var(--black);border:1px solid var(--haze-edge);width:100%;box-shadow:0 0 0 1px #000, 0 0 40px -18px var(--beam);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:14px;transition:transform .52s cubic-bezier(.6,0,.3,1),opacity .52s;display:block}.stage.is-sent .canvas{opacity:0;transform:scale(.04)}.hint{color:#4c465a;font-family:var(--font-display), sans-serif;pointer-events:none;place-items:center;margin:0;font-size:15px;display:grid;position:absolute;inset:0}.sent{text-align:center;place-content:center;justify-items:center;gap:8px;padding:24px;animation:.4s .3s both appear;display:grid;position:absolute;inset:0}.sent p{color:var(--muted);max-width:26ch;margin:0}.sent .sent-title{font-family:var(--font-display), sans-serif;color:var(--text);text-shadow:0 0 18px var(--beam);font-size:28px}@keyframes appear{0%{opacity:0}to{opacity:1}}.colors{justify-content:space-between;gap:4px;display:flex}.swatch{background:var(--swatch) content-box;outline-offset:2px;width:40px;height:40px;box-shadow:0 0 10px -2px var(--swatch);cursor:pointer;border:2px solid #0000;border-radius:50%;padding:0}.swatch[aria-checked=true]{border-color:var(--text);padding:3px}.edit{gap:6px;display:flex;position:absolute;top:10px;right:10px}.chip{border:1px solid var(--haze-edge);background:color-mix(in srgb, var(--haze) 80%, transparent);min-height:36px;color:var(--text);border-radius:999px;padding:0 12px;font-size:15px}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}.ghost{border:1px solid var(--haze-edge);background:var(--haze);min-height:44px;color:var(--text);border-radius:10px;padding:0 14px}.note{color:var(--muted);margin:0;font-size:15px}.name{gap:6px;display:grid}.name span{color:var(--muted);font-size:15px}.name input{border:1px solid var(--haze-edge);background:var(--haze);min-height:48px;color:var(--text);font:inherit;border-radius:10px;padding:0 14px}.name input::placeholder{color:#5d5770}.send{border:1.5px solid var(--beam);background:color-mix(in srgb, var(--beam) 14%, var(--black));min-height:56px;color:var(--text);font-family:var(--font-display), sans-serif;box-shadow:0 0 22px -6px var(--beam), inset 0 0 18px -10px var(--beam);border-radius:14px;font-size:17px;font-weight:500;transition:box-shadow .2s,background-color .2s}.send:not(:disabled):active{background:color-mix(in srgb, var(--beam) 28%, var(--black))}.error{color:var(--error);margin:0}:focus-visible{outline:2px solid var(--beam);outline-offset:3px}@media (prefers-reduced-motion:reduce){.canvas,.send{transition:none}.sent{animation:none}}