: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);--spring:linear(0, .009, .035 2.1%, .141, .281 6.7%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1.004 83.8%, 1);--gloss:linear-gradient(180deg, #ffffff80, #fff0 52%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--grape);font:700 var(--step-0) / 1.45 var(--ui);-webkit-font-smoothing:antialiased}@supports (color:color(display-p3 1 1 1)){:root{--fly-red:color(display-p3 .94 .25 .19);--sun:color(display-p3 1 .78 .16)}}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.28s}::view-transition-new(root){animation-duration:.28s}*{box-sizing:border-box}button,a,input{-webkit-tap-highlight-color:transparent;touch-action:manipulation}html,body,#root{height:100%;margin:0}@supports (height:100dvh){body,#root{height:100dvh}}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}body:after{content:"";z-index:0;pointer-events:none;opacity:.09;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.18 0 0 0 0 0.14 0 0 0 0 0.34 0 0 0 1.4 -0.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.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);view-transition-name:mark;white-space:nowrap}.mark>span[aria-hidden]{animation:letter-bob 3.2s ease-in-out calc(var(--i) * -.22s) infinite;display:inline-block}[data-phase=reading] .mark>span[aria-hidden]{animation:letter-think .3s ease-in-out calc(var(--i) * -.07s) infinite alternate}[data-phase=speaking] .mark>span[aria-hidden]{animation:letter-talk .42s ease-in-out calc(var(--i) * -.06s) infinite alternate}[data-phase=verdict] .mark>span[aria-hidden]{animation:letter-hop .8s var(--spring) calc(var(--i) * 45ms) both}.tools{gap:.5rem;display:flex}.chip .short,.actions .short{display:none}button.chip.icon{place-items:center;width:2.35rem;height:2.35rem;padding:0;display:grid}.chip.icon svg{fill:currentColor;width:1.3rem;height:1.3rem}.chip.icon .stroke{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round}.sky-pick{position:relative}button.swatch{background-image:var(--gloss), linear-gradient(var(--top), var(--bottom));border-radius:50%;width:2.35rem;height:2.35rem;padding:0}.sky-menu{z-index:5;background:var(--cloud);border:var(--edge);min-width:12rem;box-shadow:var(--lift);transform-origin:0 0;animation:pop-in .3s var(--spring) both;border-radius:20px;gap:.2rem;padding:.45rem;display:grid;position:absolute;top:calc(100% + .6rem);left:0}.sky-menu button{text-align:left;width:100%;box-shadow:none;background-image:none;border:0;border-radius:12px;align-items:center;gap:.65rem;padding:.5rem .7rem;font-size:.9375rem;display:flex}.sky-menu button:hover{box-shadow:none;translate:none}.sky-menu button[aria-checked=true]{background-color:var(--lavender)}.swatch-dot{border:2.5px solid var(--grape);background:linear-gradient(var(--top), var(--bottom));border-radius:50%;flex:none;width:1.45rem;height:1.45rem}.sky-menu button[aria-checked=true] .swatch-dot{box-shadow:0 0 0 3px var(--cloud), 0 0 0 5.5px var(--fly-red)}[data-sky=night] .you{box-shadow:0 0 0 2.5px #fffc}button,a.button{font:800 var(--step-0) / 1 var(--ui);color:var(--grape);background:var(--cloud);border:var(--edge);cursor:pointer;background-image:var(--gloss);box-shadow:inset 0 -3px 0 #2e24571a, 0 5px 0 var(--grape);transition:translate .5s var(--spring), scale .5s var(--spring), rotate .5s var(--spring), box-shadow .12s, background-color .15s;border-radius:16px;padding:.8em 1.3em}a.button{text-decoration:none;display:inline-block}button:hover,a.button:hover{background-color:var(--lavender);box-shadow:inset 0 -3px 0 #2e24571a, 0 7px 0 var(--grape);translate:0 -2px}button:active,a.button:active{box-shadow:inset 0 -2px 0 #2e24571a, 0 1px 0 var(--grape);transition-duration:60ms;translate:0 4px;scale:1.05 .92}button:focus-visible,a.button:focus-visible,input:focus-visible{outline:3px solid var(--fly-red);outline-offset:3px}button.big{background-color:var(--fly-red);color:var(--cloud)}button.big:hover{background-color:#ff5a4c}button:disabled,button:disabled:hover{background-color:var(--lavender);color:var(--grape-soft);cursor:not-allowed;font-variant-numeric:tabular-nums;translate:none;scale:none}button.chip,a.chip{box-shadow:0 3px 0 var(--grape);border-radius:999px;padding:.55em .95em;font-size:.875rem}button.chip:hover,a.chip:hover{box-shadow:0 5px 0 var(--grape)}button.chip:active,a.chip:active{box-shadow:0 1px 0 var(--grape);translate:0 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);transform-origin:50% 100%;border-radius:28px;padding:1.9rem 1.6rem 1.4rem;animation:.35s cubic-bezier(.3,1.6,.5,1) both pop-in;position:relative}[data-phase=verdict] .dialog{animation:.9s ease-out both jelly}.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}.word{animation:word-pop .42s var(--spring) both;transform-origin:50% 80%;display:inline-block}.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}.others{margin-top:1.1rem}.others p{color:var(--grape-soft);margin:0 0 .45rem;font-size:.8125rem;font-weight:500}.others ul{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.others li{min-width:0;max-width:100%}button.other{text-overflow:ellipsis;white-space:nowrap;background-color:color-mix(in srgb, var(--tint) 28%, white);max-width:100%;box-shadow:0 3px 0 var(--grape);border-width:2.5px;border-radius:999px;padding:.5em .85em;font-size:.875rem;display:block;overflow:hidden}button.other:hover{background-color:color-mix(in srgb, var(--tint) 48%, white);box-shadow:0 5px 0 var(--grape);rotate:-1.5deg}button.other:active{box-shadow:0 1px 0 var(--grape);translate:0 2px}.say.boot{animation:pop-in .3s var(--spring) both}.jelly{border:var(--edge);background:var(--lavender);height:1.9rem;box-shadow:inset 0 3px 0 #2e245714, 0 4px 0 var(--grape);border-radius:999px;position:relative;overflow:hidden}.jelly-fill{background:repeating-linear-gradient(-45deg, var(--sun) 0 12px, #ffb300 12px 24px);height:100%;transition:width .7s var(--spring);background-size:34px 34px;border-radius:999px;animation:.6s linear infinite stripes;position:relative;box-shadow:inset 0 -4px #2e24571f}.jelly-fill:after{content:"";background:#ffffff8c;border-radius:999px;height:32%;position:absolute;inset:3px 10px auto}.jelly-percent{font:800 .875rem / 1 var(--ui);font-variant-numeric:tabular-nums;place-items:center;display:grid;position:absolute;inset:0}.jelly.think{margin:0 0 .6rem}.jelly.think .jelly-fill{transition:width .35s var(--spring)}.jelly.think.choosing .jelly-fill{transition:width 2.6s cubic-bezier(.2,.7,.3,1)}.jelly.unknown .jelly-fill{width:36%;animation:.6s linear infinite stripes,1.2s ease-in-out infinite alternate sweep}.wave{background:var(--lavender);border:var(--edge);border-radius:16px;height:3.6rem;margin:0 0 .6rem;position:relative;overflow:hidden}.wave svg{width:100%;height:100%;display:block}.wave-area{fill:color-mix(in srgb, var(--sun) 45%, transparent)}.wave-line{fill:none;stroke:var(--grape);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.wave-head{background:var(--fly-red);border:2px solid var(--grape);width:.7rem;height:.7rem;transition:left .12s linear, top .12s var(--spring);border-radius:50%;position:absolute;translate:-50% -50%}.dots{gap:.16em;margin-left:.2em;display:inline-flex}.dots i{background:currentColor;border-radius:50%;width:.3em;height:.3em;animation:.9s ease-in-out infinite dot}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}.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)}}.credit{right:var(--gutter);bottom:calc(env(safe-area-inset-bottom,0px) + 1.1rem);color:var(--grape-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff9;border-radius:999px;margin:0;padding:.4rem .8rem;font-size:.8125rem;font-weight:700;display:none;position:fixed}.credit a{color:var(--grape);text-decoration:none}.credit a:hover{text-decoration:underline}@media (aspect-ratio>=6/5) and (width>=64rem){.credit{display:block}.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: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:color-mix(in srgb, var(--tint) 50%, white);rotate:-2deg;scale:1.04}.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}.save{background:color-mix(in srgb, var(--sun) 22%, white);border:2.5px solid var(--grape);border-radius:20px;margin:0;padding:.9rem 1.1rem 1rem;animation:.3s cubic-bezier(.3,1.6,.5,1) both pop-in}.save h2{font:1.45rem / 1.05 var(--display);margin:.1rem 0 .4rem}.save p{text-wrap:pretty;margin:0 0 .8rem;font-weight:500}.save .ask input{background:var(--cloud);min-height:3rem}.save-error{color:var(--fly-red);margin:.6rem 0 0!important;font-weight:800!important}.save-fine{color:var(--grape-soft);font-size:.8125rem;margin:.7rem 0 0!important}button.link{font:inherit;color:var(--grape);box-shadow:none;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}button.link:hover{background:0 0}button.link:active{transform:none}.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}.about a{color:var(--grape);font-weight:800}.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}}@keyframes sweep{0%{translate:-15%}to{translate:195%}}@keyframes dot{0%,60%,to{translate:0}30%{translate:0 -.35em}}@keyframes letter-bob{50%{translate:0 -3px;rotate:-3deg}}@keyframes letter-think{0%{translate:0 1px;rotate:-5deg}to{translate:0 -3px;rotate:5deg}}@keyframes letter-talk{0%{scale:1}to{translate:0 2px;scale:1.08 .9}}@keyframes letter-hop{40%{translate:0 -12px;scale:.92 1.12;rotate:calc((var(--i) - 3) * 3deg)}}@keyframes word-pop{0%{opacity:0;translate:0 .3em;scale:.6}}@keyframes jelly{0%{scale:1}16%{scale:1.035 .955}32%{scale:.975 1.03}50%{scale:1.012 .99}70%{scale:.996 1.004}to{scale:1}}@media (width<=30rem){.mark{white-space:nowrap;-webkit-text-stroke-width:5px;font-size:1.45rem}.tools{gap:.3rem}button.chip.icon{width:2rem;height:2rem}.chip.icon svg{width:1.1rem;height:1.1rem}button.swatch{width:2rem;height:2rem}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}.others li:nth-child(n+3){display:none}.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}[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}.say.answer{margin-bottom:.7rem;font-size:1.2rem}.stickers{scroll-snap-type:x mandatory;scrollbar-width:none;flex-wrap:nowrap;margin:0 -1.2rem .5rem;padding:.2rem 1.2rem .5rem;overflow-x:auto}.stickers::-webkit-scrollbar{display:none}.stickers li{scroll-snap-align:start;flex:none}.stickers button{white-space:nowrap}.hint{margin-bottom:.7rem}.actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.actions button,.actions a.button{text-align:center;padding:.65em .4em;font-size:.875rem}.actions .long{display:none}.actions .short{display:inline}.tour .actions{display:flex}[data-tour] .say.answer{display:none}.wave{height:2.8rem}.meter-label{font-size:.875rem}}@media (hover:none){button:hover,a.button:hover{background-color:var(--cloud);box-shadow:inset 0 -3px 0 #2e24571a, 0 5px 0 var(--grape);translate:none}button.big:hover{background-color:var(--fly-red)}button.chip:hover,a.chip:hover{box-shadow:0 3px 0 var(--grape)}.stickers button:hover{background-color:color-mix(in srgb, var(--tint) 30%, white);rotate:none;scale:none}button.other:hover{background-color:color-mix(in srgb, var(--tint) 28%, white);box-shadow:0 3px 0 var(--grape);rotate:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}html[data-snapshot] body{background:0 0}html[data-snapshot] body:after{display:none}.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}