:root{--grape:#2e2457;--grape-soft:#5a4f8a;--fly-red:#ef4537;--sun:#ffc83d;--cloud:#fff;--lavender:#f3efff;--sky-top:#a8dbff;--sky-bottom:#ffe3c7;--display:"Bagel Fat One", "Arial Rounded MT Bold", "Trebuchet MS", sans-serif;--ui:"M PLUS Rounded 1c", "Arial Rounded MT Bold", "Segoe UI", system-ui, sans-serif;--step-0:1rem;--step-1:1.1875rem;--step-2:clamp(1.3rem, 1.1rem + .8vw, 1.6rem);--gutter:clamp(1rem, 4vw, 2.5rem);--edge:3px solid var(--grape);--lift:0 6px 0 var(--grape);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--grape);font:700 var(--step-0) / 1.45 var(--ui);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(circle at 1px 1px, #ffffff73 1.5px, transparent 0) 0 0 / 26px 26px, linear-gradient(var(--sky-top), var(--sky-bottom));overflow:hidden}.scene{inset:0;position:fixed!important}.shell{z-index:1;height:100%;padding:calc(env(safe-area-inset-top,0px) + 1rem) var(--gutter) calc(env(safe-area-inset-bottom,0px) + 1.25rem);pointer-events:none;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);display:grid;position:relative}.shell *{pointer-events:auto}.shell .stage{pointer-events:none}.bar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.mark{font:2rem / 1 var(--display);color:var(--cloud);-webkit-text-stroke:6px var(--grape);paint-order:stroke fill;text-shadow:0 4px 0 var(--grape)}.tools{gap:.5rem;display:flex}.chip .short{display:none}button,a.button{font:800 var(--step-0) / 1 var(--ui);color:var(--grape);background:var(--cloud);border:var(--edge);cursor:pointer;box-shadow:0 5px 0 var(--grape);border-radius:16px;padding:.8em 1.3em;transition:transform 80ms,box-shadow 80ms,background-color .15s}a.button{text-decoration:none;display:inline-block}button:hover,a.button:hover{background:var(--lavender)}button:active,a.button:active{box-shadow:0 1px 0 var(--grape);transform:translateY(4px)}button:focus-visible,a.button:focus-visible,input:focus-visible{outline:3px solid var(--fly-red);outline-offset:3px}button.big{background:var(--fly-red);color:var(--cloud)}button.big:hover{background:#ff5a4c}button:disabled,button:disabled:hover{background:var(--lavender);color:var(--grape-soft);cursor:not-allowed;font-variant-numeric:tabular-nums}button.chip,a.chip{box-shadow:0 3px 0 var(--grape);border-radius:999px;padding:.55em .95em;font-size:.875rem}button.chip:active,a.chip:active{box-shadow:0 1px 0 var(--grape);transform:translateY(2px)}.stage{flex-direction:column;justify-content:flex-end;align-items:center;gap:1rem;display:flex}.dialog{background:var(--cloud);border:var(--edge);width:min(40rem,100%);box-shadow:var(--lift);border-radius:28px;padding:1.9rem 1.6rem 1.4rem;animation:.35s cubic-bezier(.3,1.6,.5,1) both pop-in;position:relative}.nametag{font:1.15rem / 1 var(--display);color:var(--cloud);background:var(--fly-red);border:var(--edge);border-radius:999px;padding:.35rem .9rem .4rem;position:absolute;top:-1.05rem;left:1.4rem;transform:rotate(-3deg)}.say{font-size:var(--step-1);text-wrap:pretty;margin:0 0 1rem}.say.answer{font-size:var(--step-2);min-height:2.7em;line-height:1.35}.caret{background:var(--fly-red);border-radius:50%;width:.5em;height:.5em;margin-left:.2em;animation:.5s ease-in-out infinite alternate bob;display:inline-block}.ask{gap:.6rem;display:flex}.ask input{min-width:0;font:700 var(--step-0) / 1 var(--ui);color:var(--grape);background:var(--lavender);border:var(--edge);border-radius:16px;flex:1;padding:0 1rem}.ask input::placeholder{color:var(--grape-soft);opacity:.7}.meter{border:var(--edge);background:var(--lavender);border-radius:999px;height:1.3rem;overflow:hidden}.meter-fill{background:repeating-linear-gradient(-45deg, var(--sun) 0 10px, #ffb300 10px 20px);background-size:28px 28px;border-radius:999px;min-width:1.2rem;height:100%;transition:width .15s ease-out;animation:.6s linear infinite stripes}.meter-label{color:var(--grape-soft);margin:.6rem 0 0;font-weight:500}.meter-label strong{color:var(--grape);font-variant-numeric:tabular-nums;font-weight:800}.you{background:var(--grape);max-width:min(26rem,85%);color:var(--cloud);border-radius:20px 20px 6px;align-self:flex-end;margin:0;padding:.7rem 1rem;font-weight:700;animation:.3s cubic-bezier(.3,1.6,.5,1) both pop-in}@media (width>=46rem){.you{margin-right:calc(50% - 20rem)}}@media (aspect-ratio>=6/5) and (width>=64rem){.stage{align-items:flex-start}.dialog{width:min(34rem,42vw)}.you{align-self:flex-start;max-width:min(30rem,38vw);margin:0 0 0 1.5rem}}.kind{justify-items:start;gap:.35rem;margin:.1rem 0 1.1rem;display:grid}.kind-title{font:clamp(1.75rem, 1.35rem + 1.5vw, 2.35rem) / 1 var(--display);color:var(--tint);-webkit-text-stroke:6px var(--grape);paint-order:stroke fill;text-shadow:0 4px 0 var(--grape);transform-origin:0;animation:.5s cubic-bezier(.3,1.7,.5,1) .15s both slam;transform:rotate(-2deg)}.kind-line{color:var(--grape-soft);font-weight:500;animation:.3s ease-out .35s both pop-in}.stickers{flex-wrap:wrap;gap:.6rem;margin:0 0 .6rem;padding:0;list-style:none;display:flex}.stickers li{transform:rotate(calc((var(--i) - 1) * 1.6deg));animation:.4s cubic-bezier(.3,1.8,.5,1) both stick;animation-delay:calc(.45s + var(--i) * 90ms)}.stickers button{text-align:left;background:color-mix(in srgb, var(--tint) 30%, white);box-shadow:0 4px 0 var(--grape);border-width:2.5px;border-radius:14px;gap:.15rem;padding:.5rem .8rem .55rem;font-size:.9375rem;line-height:1.2;display:grid}.stickers button:hover{background:color-mix(in srgb, var(--tint) 50%, white)}.stickers .plain{font-weight:800}.stickers .sci{color:var(--grape-soft);font-size:.8125rem;font-weight:500}.hint{color:var(--grape-soft);margin:0 0 1.1rem;font-size:.8125rem;font-weight:500}.tour{background:color-mix(in srgb, var(--tint) 16%, white);border:2.5px solid var(--grape);border-radius:20px;margin:0 0 .25rem;padding:.9rem 1.1rem 1.1rem;animation:.3s cubic-bezier(.3,1.6,.5,1) both pop-in}.tour:focus{outline:none}.tour-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.tour-step{color:var(--grape-soft);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:800}.tour h2{font:1.6rem / 1.05 var(--display);margin:.45rem 0 .25rem}.tour h2 .buzz{font:800 1.1rem / 1 var(--ui);vertical-align:.2em}.tour .sci{color:var(--grape-soft);margin:0 0 .7rem;font-size:.875rem;font-weight:500}.tour-about{text-wrap:pretty;margin:0 0 .5rem;font-size:1.0625rem}.tour .measured{text-wrap:pretty;margin:0 0 1rem;font-size:.875rem;font-weight:500}.pin{font:1.05rem / 1 var(--display);white-space:nowrap;color:var(--cloud);-webkit-text-stroke:4px var(--grape);paint-order:stroke fill;background:var(--tint);border:3px solid var(--grape);box-shadow:0 4px 0 var(--grape);border-radius:999px;padding:.35rem .8rem .4rem;animation:.45s cubic-bezier(.3,1.8,.5,1) .35s both pin-in;position:relative;transform:translate(-50%,calc(-100% - 22px))}.pin:after{content:"";background:var(--grape);border-radius:3px;width:3px;height:18px;position:absolute;top:calc(100% + 4px);left:calc(50% - 1.5px)}.actions{flex-wrap:wrap;gap:.75rem;display:flex}.notice{background:color-mix(in srgb, var(--sun) 35%, white);border:2.5px solid var(--grape);border-radius:14px;gap:.2rem;margin:0 0 1rem;padding:.75rem 1rem;animation:.4s cubic-bezier(.3,1.8,.5,1) both stick;display:grid;transform:rotate(-.6deg)}.notice strong{font-size:var(--step-1);font-weight:800}.notice span{font-variant-numeric:tabular-nums;font-weight:500}.demo{color:var(--grape-soft);margin:1rem 0 0;font-size:.8125rem;font-weight:500}.about{width:min(34rem,100% - 2rem);color:var(--grape);background:var(--cloud);border:var(--edge);box-shadow:var(--lift);border-radius:28px;padding:1.75rem;font-weight:500}.about::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2e245759}.about h2{font:1.75rem / 1.1 var(--display);margin:0 0 1rem}.about p{margin:0 0 1rem}.about .fine{color:var(--grape-soft);font-size:.8125rem}.sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes pop-in{0%{opacity:0;transform:translateY(12px)scale(.96)}}@keyframes stick{0%{opacity:0;transform:scale(.4)rotate(-12deg)}}@keyframes slam{0%{opacity:0;transform:scale(1.8)rotate(-8deg)}}@keyframes pin-in{0%{opacity:0;scale:.3}}@keyframes bob{to{transform:translateY(-4px)}}@keyframes stripes{to{background-position:28px 0}}@media (width<=30rem){.mark{white-space:nowrap;-webkit-text-stroke-width:5px;font-size:1.45rem}.tools{gap:.35rem}button.chip,a.chip{white-space:nowrap;padding:.5em .75em;font-size:.8125rem}.chip .long{display:none}.chip .short{display:inline}.ask{flex-direction:column}.ask input{min-height:3rem}.dialog{padding:1.7rem 1.2rem 1.2rem}.kind{margin-bottom:.8rem}.kind-title{-webkit-text-stroke-width:5px}.kind-line{font-size:.875rem}.stickers{gap:.4rem}.stickers button{padding:.35rem .6rem .4rem;font-size:.8125rem}.stickers .sci{display:none}.hint{margin-bottom:.9rem}[data-tour] .kind,[data-tour] .you{display:none}[data-tour] .say.answer{font-size:var(--step-1);min-height:0;margin-bottom:.75rem}.tour h2{font-size:1.35rem}.tour-about{font-size:.9375rem}.tour .measured{margin-bottom:.8rem;font-size:.8125rem}.actions{gap:.5rem}.actions button,.actions a.button{padding:.7em 1em;font-size:.9375rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}html[data-snapshot] body{background:0 0}.seo{background:var(--cloud);border:var(--edge);max-width:36rem;box-shadow:var(--lift);border-radius:28px;margin:18vh auto 0;padding:1.75rem}.seo h1{font-size:var(--step-2);margin:0 0 .75rem}.seo a{color:var(--fly-red)}.buzz{font-weight:800}