:root{--mie: #f7efe6;--aube: #fbe9dc;--cacao: #2b211c;--terracotta: #b8442a;--lait: #fffdfa;--poudre: #f1e6da;--peche: #ffe9df;--biscuit: #e3d6c9;--noisette: #7a6a60;--sans: "Figtree", ui-sans-serif, system-ui, sans-serif;--heading: "Fredoka", ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}body{min-height:100dvh;overflow:hidden;color:var(--cacao);background:var(--mie);font-family:var(--sans);-webkit-font-smoothing:antialiased}#stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:default}.hero,.welcome{position:fixed;z-index:1;top:0;right:0;bottom:0;left:0;display:grid;align-content:start;justify-items:center;padding:max(28px,5.5vh) 24px 24px;text-align:center;pointer-events:none}.hero[hidden],.welcome[hidden]{display:none}.welcome{padding-top:max(36px,8vh)}.copy{width:min(38rem,100%)}.welcome h1{max-width:16em;font-size:clamp(1.7rem,3.4vw,2.6rem)}.copy,.welcome>*{min-width:0}.brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px}.brand-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.brand-mark{display:grid;width:36px;height:36px;place-items:center}.brand-mark span{width:32px;height:32px;background:var(--terracotta);-webkit-mask:url(/livingcolor-frog.png) center / contain no-repeat;mask:url(/livingcolor-frog.png) center / contain no-repeat}.brand-name,h1{font-family:var(--heading);font-weight:600}.brand-name{font-size:1.2rem;line-height:1;letter-spacing:-.03em}.brand-sub{color:var(--noisette);font-size:12px}.kicker{margin:0;color:var(--terracotta);font-size:.82rem;font-weight:600}.welcome .kicker{margin:0 0 8px;font-size:.92rem}h1{margin:0 auto;max-width:min(16em,100%);font-size:clamp(1.65rem,3.5vw,2.7rem);line-height:1.08;letter-spacing:-.03em;text-wrap:balance}.wip-end{white-space:nowrap}.ellipsis span{display:inline-block;opacity:0;animation:ellipsis-a 1.8s infinite}.ellipsis span:nth-child(2){animation-name:ellipsis-b}.ellipsis span:nth-child(3){animation-name:ellipsis-c}@keyframes ellipsis-a{0%,8%{opacity:0;transform:translateY(.12em)}18%,74%{opacity:1;transform:none}88%,to{opacity:0}}@keyframes ellipsis-b{0%,22%{opacity:0;transform:translateY(.12em)}32%,74%{opacity:1;transform:none}88%,to{opacity:0}}@keyframes ellipsis-c{0%,36%{opacity:0;transform:translateY(.12em)}46%,74%{opacity:1;transform:none}88%,to{opacity:0}}.lede{margin:10px auto 0;max-width:42ch;color:var(--noisette);font-size:1rem;line-height:1.45}.lede+.lede{margin-top:8px}.kanji{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;font-style:normal;font-weight:600}.lede em{font-style:italic}.back{margin-top:12px;padding:0;border:0;background:none;color:var(--terracotta);font:600 .95rem var(--sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer;pointer-events:auto}.back:hover{color:var(--cacao)}.welcome .copy{animation:story-rise .55s both}.story-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 18px;margin-top:16px}.story-actions .back{margin-top:0}.go{margin:0;padding:10px 18px;border:2px solid var(--cacao);border-radius:999px;background:var(--terracotta);color:var(--lait);font:600 1rem var(--heading);cursor:pointer;pointer-events:auto}.go:hover{filter:brightness(.95)}.go.go-line{background:var(--lait);color:var(--cacao)}.go.go-line:hover{filter:none;background:#fffdf9}.go:disabled{cursor:progress;opacity:.6}.lang{position:fixed;z-index:6;top:14px;left:16px;display:flex;gap:2px;pointer-events:auto}.lang button{padding:4px 8px;border:0;border-radius:999px;background:transparent;color:var(--noisette);font:600 .78rem var(--sans);cursor:pointer}.lang button[aria-pressed=true]{background:var(--lait);color:var(--terracotta)}.signup{width:min(24rem,calc(100vw - 28px));padding:22px 22px 16px;border:2px solid var(--cacao);border-radius:18px;background:var(--lait);color:var(--cacao);text-align:center;box-shadow:0 18px 40px #2b211c2e}.signup::backdrop{background:#2b211c47}.signup h2{margin:0;font-family:var(--heading);font-size:1.6rem}.signup .lede{max-width:none}.signup-fields[hidden]{display:none}.signup-form input[type=email]{width:100%;margin-top:14px;padding:10px 14px;border:2px solid var(--cacao);border-radius:999px;background:var(--lait);color:var(--cacao);font:500 1rem var(--sans)}.signup-form input[type=email]:focus{outline:3px solid var(--peche);outline-offset:1px}.signup-form .go{margin-top:12px}.signup-form>.back{margin-top:8px}.signup .form-status{margin-top:12px}.demo{position:fixed;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none}.demo[hidden]{display:none}.exit{position:fixed;top:18px;right:22px;margin:0}.talk{position:fixed;left:24px;bottom:24px;width:min(25rem,calc(100vw - 24px));padding:14px 18px;border:2px solid var(--cacao);border-radius:18px;background:var(--lait);box-shadow:0 14px 36px #2b211c24;text-align:left;pointer-events:auto;transform-origin:var(--tail, 30px) 100%}.talk:after{content:"";position:absolute;left:var(--tail, 30px);bottom:-8px;width:14px;height:14px;background:var(--lait);border-right:2px solid var(--cacao);border-bottom:2px solid var(--cacao);transform:translate(-50%) rotate(45deg)}.talk[data-layout=tall]{right:12px;width:auto;padding:12px 14px}.talk.is-in{animation:talk-in .42s cubic-bezier(.34,1.56,.64,1) both}.talk-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.talk-dots{display:flex;align-items:center;gap:5px}.talk-dots button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:var(--biscuit);cursor:pointer;transition:width .25s,background-color .25s}.talk-dots button[data-state=past]{background:#d99a85}.talk-dots button[data-state=now]{width:20px;background:var(--terracotta)}.talk-line{position:relative;margin:8px 0 0;color:var(--cacao);font-size:1.02rem;line-height:1.45}.talk-line.is-typing .talk-ghost{visibility:hidden}.talk-live{position:absolute;inset:0 auto auto 0;width:100%}.talk-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:12px}.talk-actions .back{margin-top:0}.talk-actions .go{padding:8px 18px}.talk.is-ready #talk-next:not(:disabled){animation:nudge 1.6s .4s ease-in-out infinite}.talk .beta-form{justify-content:flex-start;margin-top:12px}.talk .beta-form input[type=email]{flex:1 1 11rem;width:auto;min-width:0}.talk .form-status{margin-top:10px}.form-status[hidden]{display:none}.beta-form{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;pointer-events:auto}.beta-form[hidden]{display:none}.beta-fields{display:contents}.beta-fields[hidden]{display:none}.talk .beta-form .form-status{flex-basis:100%}.beta-form input[type=email]{width:min(280px,100%);padding:10px 14px;border:2px solid var(--cacao);border-radius:999px;background:var(--lait);color:var(--cacao);font:500 1rem var(--sans)}.beta-form input[type=email]:focus{outline:3px solid var(--peche);outline-offset:1px}.trap{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.form-status{min-height:1.3em;margin:10px 0 0;font-weight:600}.form-status[data-state=error]{color:var(--terracotta)}.form-status[data-state=ok]{color:var(--cacao)}@keyframes story-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes talk-in{0%{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}@keyframes nudge{0%,to{transform:none}50%{transform:translate(3px)}}.bubble{position:fixed;z-index:4;width:max-content;max-width:min(240px,calc(100vw - 24px));margin:0;padding:8px 12px 9px;border:2px solid var(--cacao);border-radius:14px;background:var(--lait);color:var(--cacao);font-size:.82rem;font-weight:600;line-height:1.35;text-align:left;pointer-events:none;transform:translate(-50%,calc(-100% - 16px));box-shadow:0 8px 20px #2b211c1f}.bubble[hidden]{display:none}.bubble:after{content:"";position:absolute;left:50%;bottom:-7px;width:12px;height:12px;background:var(--lait);border-right:2px solid var(--cacao);border-bottom:2px solid var(--cacao);transform:translate(-50%) rotate(45deg)}.bubble[data-place=below]{transform:translate(-50%,18px)}.bubble[data-place=below]:after{top:-7px;bottom:auto;border:0;border-top:2px solid var(--cacao);border-left:2px solid var(--cacao)}.bubble-ghost{visibility:hidden}.bubble-type{position:absolute;top:8px;right:12px;bottom:9px;left:12px}.bubble-caret{display:inline-block;width:2px;height:.9em;margin-left:1px;background:var(--cacao);vertical-align:text-bottom;animation:bubble-caret .7s steps(1) infinite}.bubble-caret[hidden]{display:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@keyframes bubble-caret{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.bubble-caret,.welcome .copy,.talk.is-in,.talk.is-ready #talk-next:not(:disabled),.ellipsis span{animation:none}.ellipsis span{opacity:1;transform:none}.talk-dots button{transition:none}}@media(max-width:800px){.hero,.welcome{padding-top:22px}.copy,.lede,h1{width:100%;max-width:100%}.brand-sub{display:none}.exit{top:12px;right:14px;font-size:.88rem}}