@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#30362f;background:#faf8ef;font-synthesis:none;text-rendering:optimizeLegibility;font-size:15px}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ee684d;outline-offset:5px}a{color:inherit;text-decoration:none}.app{max-width:1320px;margin:0 auto;padding:0 55px}.masthead{height:110px;border-bottom:1px solid #dcded3;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:13px;align-items:center;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:19px;letter-spacing:-.6px}.brand-mark{display:grid;place-items:center;width:45px;height:45px;background:#394237;color:#faf8ef;border-radius:13px;font-size:33px;line-height:1;padding-bottom:6px}.brand-sub{display:block;font-family:DM Sans,sans-serif;font-size:8px;letter-spacing:1.7px;margin-top:4px}.edition{font-size:10px;letter-spacing:1.7px;font-weight:600}.edition-dot{color:#ed735a;margin-left:10px}.playground{display:grid;grid-template-columns:45% 55%;min-height:640px;align-items:center}.intro{padding:30px 0 45px;position:relative}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;display:flex;align-items:center;gap:8px}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:#eb7659}h1{position:relative;font-family:Space Grotesk,sans-serif;font-weight:500;font-size:clamp(48px,5.6vw,76px);line-height:1.08;letter-spacing:-4.7px;margin:30px 0 23px}h1 em{font-style:normal;color:#df6a4d}.title-star{position:absolute;color:#e0ab42;font-size:50px;top:0;right:6%;transform:rotate(15deg)}.description{line-height:1.8;color:#777b6e;font-size:15px}.instruction{font-family:Space Grotesk,sans-serif;font-size:15px;transform:rotate(-5deg);margin:25px 0 44px;color:#545b4d}.curved-arrow{font-size:38px;display:inline-block;vertical-align:middle;margin-right:9px}.live-note{font-size:8px;letter-spacing:1.5px;display:flex;align-items:center;gap:7px;font-weight:600}.status-dot{height:6px;width:6px;border-radius:50%;background:#81967c}.status-dot.busy{background:#e47350}.stage{height:550px;position:relative;isolation:isolate}.stage-grid{position:absolute;inset:37px -12px 30px 8px;background-image:radial-gradient(#d5d6c7 .8px,transparent .8px);background-size:19px 19px;-webkit-mask-image:radial-gradient(ellipse at center,black 28%,transparent 72%);mask-image:radial-gradient(ellipse at center,black 28%,transparent 72%);z-index:-1}.stage-label{position:absolute;top:47px;left:26%;font-size:8px;letter-spacing:2px;color:#9c9e8d}.speech{position:absolute;left:19%;top:75px;background:#fffdf7;border:1px solid #d6d8ca;box-shadow:0 4px #dedfd42e;border-radius:13px;padding:17px 22px;width:250px;text-align:center;min-height:103px;transform:rotate(-3deg);z-index:6}.speech:after{content:"";position:absolute;width:12px;height:12px;background:#fffdf7;border-right:1px solid #d6d8ca;border-bottom:1px solid #d6d8ca;bottom:-7px;left:55%;transform:rotate(45deg)}.speech-eyes{font-size:15px;letter-spacing:8px;display:block;height:16px;font-weight:700;color:#798770}.speech p{font-family:Space Grotesk,sans-serif;font-size:13px;line-height:1.5;margin:8px 0 0}.machine{position:absolute;width:360px;height:235px;left:50%;top:258px;transform:translate(-50%)}.machine-shadow{position:absolute;left:-18px;right:-28px;height:45px;background:#77785e24;border-radius:50%;filter:blur(8px);bottom:-10px;transform:rotate(-3deg)}.box-body{position:absolute;inset:0 0 13px;background:linear-gradient(110deg,#e59867,#d78556 80%);border-radius:8px 8px 12px 12px;border:2px solid #8b6042;box-shadow:inset 0 7px #a3653c44,inset 10px 0 #f3b68388,inset -10px -8px #ad673a3b;overflow:hidden;z-index:3}.grain{position:absolute;inset:0;opacity:.22;background:repeating-linear-gradient(1deg,transparent 0,transparent 20px,#865a3b44 21px,transparent 22px,transparent 29px)}.screw{position:absolute;width:9px;height:9px;border-radius:50%;background:#ac7a51;border:1px solid #856443;box-shadow:1px 1px #f4bc88}.screw:after{content:"";position:absolute;left:1px;right:1px;top:3px;height:1px;background:#75533d;transform:rotate(-30deg)}.tl{left:13px;top:15px}.tr{right:13px;top:15px}.bl{left:13px;bottom:15px}.br{right:13px;bottom:15px}.machine-sticker{background:#f5e9bc;position:absolute;left:30px;top:54px;width:123px;height:102px;padding:13px 8px;text-align:center;transform:rotate(-7deg);box-shadow:0 1px 2px #5f402b44;border:1px solid #9c824e;font-size:9px;letter-spacing:1.4px;line-height:1.2;color:#655a3f}.machine-sticker b{display:block;font-family:Space Grotesk,sans-serif;font-size:24px;letter-spacing:-.5px;margin:7px 0 9px}.machine-sticker span{font-size:6px;letter-spacing:.8px}.serial{position:absolute;bottom:21px;left:65px;font-size:6px;letter-spacing:1px;color:#6d4e39}.vent{position:absolute;bottom:27px;right:29px;display:flex;gap:4px}.vent i{height:19px;width:4px;background:#845a3c;border-radius:3px;box-shadow:1px 1px #f3b785}.machine-feet{position:absolute;bottom:0;left:30px;right:30px;display:flex;justify-content:space-between}.machine-feet i{background:#555d4c;width:40px;height:24px;border-radius:3px 3px 8px 8px;box-shadow:inset -6px -4px #363d32}.lid{position:absolute;left:-3px;right:124px;top:-11px;height:25px;border:2px solid #856141;border-radius:7px;background:#efb07c;z-index:5;transform-origin:3% center;transition:transform .6s cubic-bezier(.2,.8,.3,1);box-shadow:inset 0 5px #f7c393,inset 0 -5px #b77a4d}.lid.open{transform:rotate(-27deg) translateY(-2px)}.lid>span{position:absolute;width:30px;height:5px;background:#727b62;border-radius:2px;top:12px;left:22px}.lid>span+span{left:157px}.switch-area{position:absolute;left:calc(50% + 49px);top:285px;z-index:7;text-align:center;width:80px}.on-label,.off-label{display:block;font-family:Space Grotesk,sans-serif;font-size:9px;font-weight:700;letter-spacing:2px;color:#75553e}.on-label{margin-bottom:7px}.off-label{margin-top:7px}.on-label.lit{color:#e9f8cc;text-shadow:0 0 7px #f9ffd9}.switch{display:block;position:relative;border:2px solid #636a56;background:linear-gradient(110deg,#c4c6a9,#9ba48b);border-radius:8px;width:68px;height:106px;padding:15px;box-shadow:2px 3px 1px #8c623e77;margin:auto}.switch[aria-disabled=true]{cursor:wait}.switch-screws{position:absolute;inset:5px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.switch-screws i{width:5px;height:5px;background:#6e7861;border-radius:50%;border-bottom:1px solid #dde3c9}.switch-well{position:relative;display:block;height:65px;width:28px;border-radius:17px;background:#4d5747;box-shadow:inset 3px 3px 1px #333e32}.switch-lever{position:absolute;left:3px;top:31px;height:31px;width:20px;border-radius:6px;background:linear-gradient(90deg,#f3ede1,#bdbca4);box-shadow:1px 3px 2px #24302177;transition:top .15s,transform .15s;border:1px solid #838c75}.switch-lever:before{content:"";position:absolute;width:24px;height:17px;border-radius:6px;background:#faf6e6;left:-3px;top:13px;border:1px solid #90957d;box-shadow:inset 0 -4px #d5d4bd}.switch.on .switch-lever{top:2px;transform:rotate(180deg)}.creature{position:absolute;top:13px;left:89px;z-index:4;transform:translateY(0) scale(.7);transform-origin:bottom;opacity:0;transition:transform .65s cubic-bezier(.2,.8,.3,1),opacity .2s}.creature.out{opacity:1;transform:translateY(-112px) scale(1)}.robot-head{position:relative;width:76px;height:68px;background:#b4bf9d;border:2px solid #647c59;border-radius:17px 17px 7px 7px;box-shadow:inset -7px -5px #8fa17e;display:flex;gap:16px;align-items:center;justify-content:center}.robot-head>i{width:8px;height:12px;border-radius:4px;background:#364a32}.robot-head>span{position:absolute;width:15px;height:4px;background:#5f7650;left:28px;bottom:12px;border-radius:0 0 5px 5px}.antenna{position:absolute;left:36px;top:-17px;height:18px;width:3px;background:#7d8a69}.antenna:before{content:"";position:absolute;left:-4px;top:-6px;width:11px;height:11px;border-radius:50%;background:#e37c5b;border:1px solid #aa6046}.arm{position:absolute;width:120px;height:23px;background:#b0bc99;border:2px solid #69815d;border-radius:20px;top:57px;left:43px;transform-origin:7px center;transform:rotate(35deg);box-shadow:inset 0 -6px #8a9b76;transition:transform .4s}.hand{position:absolute;right:-16px;top:-5px;width:35px;height:33px;border-radius:10px;background:#b8c4a3;border:2px solid #69815d;box-shadow:inset 0 -5px #8fa17c}.hand i{position:absolute;width:7px;height:20px;background:#b8c4a3;border:1px solid #69815d;border-radius:5px;right:-4px;top:7px;transform:rotate(-24deg)}.hand i:nth-child(2){right:5px;top:9px}.hand i:nth-child(3){right:13px;top:9px}.phase-reaching .arm{transform:rotate(63deg)}.phase-returning .arm{transform:rotate(5deg)}.reaction-speedy .creature,.reaction-speedy .lid{transition-duration:.2s}.reaction-reluctant .creature,.reaction-reluctant .lid{transition-duration:.95s}.reaction-suspicious.phase-thinking .lid{transform:rotate(-7deg)}.reaction-inspector.phase-thinking .lid{transform:rotate(-13deg)}.reaction-inspector .robot-head:after{content:"";position:absolute;width:22px;height:22px;border:4px solid #cf9859;border-radius:50%;right:4px;top:15px}.reaction-dramatic.phase-reaching .robot-head{transform:rotate(-17deg)}.reaction-dramatic.phase-reaching .arm{transform:rotate(73deg)}.reaction-negotiator.phase-reaching .arm{transform:rotate(40deg)}.reaction-professional .robot-head{border-radius:8px}.reaction-professional .robot-head:before{content:"";position:absolute;top:-7px;width:91px;height:8px;background:#4e6650;border-radius:5px}.stage-caption{position:absolute;bottom:10px;left:9%;font-size:7px;letter-spacing:1.6px;color:#999c8a;transform:rotate(-2deg)}.doodle-star{position:absolute;right:11px;top:180px;color:#d79c3f;font-size:55px;transform:rotate(-15deg)}.dashboard{border-top:1px solid #dcded3;border-bottom:1px solid #dcded3;display:grid;grid-template-columns:27% 40% 33%;padding:30px 0 32px}.small-label{font-size:8px;letter-spacing:1.8px;font-weight:700;color:#888d7b;display:block;margin-bottom:13px}.counter strong{font-family:Space Grotesk,sans-serif;font-size:38px;font-weight:500;line-height:1}.counter-note{display:block;font-size:11px;color:#909580;margin-top:10px}.mood{padding-left:30px;border-left:1px solid #dcded3}.mood strong{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:500;display:flex;align-items:center;gap:10px;height:38px}.mood strong>span{font-size:30px;color:#85916d}.controls{display:flex;align-items:flex-end;flex-direction:column;justify-content:center;gap:16px}.reset{background:transparent;border:0;font-size:11px;color:#5c6652;padding:7px 0;border-bottom:1px solid #c5c9b9}.reset>span{margin-right:7px;font-size:18px}.calm-control{font-size:10px;color:#7c8571;display:flex;align-items:center;gap:6px;cursor:pointer}.calm-control input{accent-color:#697a59;width:13px;height:13px;margin:0}.personality{position:relative;padding:55px 0}.personality .eyebrow{color:#92987f;font-size:8px;letter-spacing:1.5px}h2{font-family:Space Grotesk,sans-serif;font-size:27px;font-weight:500;letter-spacing:-1px;margin:13px 0 9px}.personality p:not(.eyebrow){font-size:12px;color:#8b917e;line-height:1.6}.discovered{position:absolute;top:91px;right:0;font-size:10px;letter-spacing:.4px;color:#7a856c}.collection{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-top:30px}.character{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:119px;border:1px dashed #d6d9c9;border-radius:8px;background:#f5f4e9;color:#989e8b;padding:10px 3px}.character-icon{font-family:Space Grotesk,sans-serif;font-size:29px;height:43px;color:#a7b098}.character>span+span{font-size:9px;line-height:1.6}.character small{font-size:5px;letter-spacing:.6px;margin-top:6px}.discovered-card{background:#eeefdf;border-style:solid;color:#687755;border-color:#cdd5bc}.discovered-card .character-icon{color:#788e63}.current-card{border-color:#c88b64;background:#f6ecdb}.current-card .character-icon{color:#d38c5e}footer{border-top:1px solid #dcded3;display:flex;align-items:center;justify-content:space-between;height:100px;font-size:10px;color:#8f9682}footer a{color:#606d54}footer a:hover{color:#d5664a}.footer-mark{font-family:Space Grotesk,sans-serif;font-size:33px;letter-spacing:-2px;color:#a3ad90}.storage-note{font-size:10px;color:#7c8571}.calm *,.calm *:before,.calm *:after{transition:none!important;animation:none!important}.calm .creature.out{transform:translateY(-100px)}@media(min-width:1250px){.title-star{right:12%}.stage{transform:translate(5px)}}@media(max-width:1000px){.app{padding:0 30px}.playground{grid-template-columns:44% 56%;min-height:600px}h1{font-size:57px;letter-spacing:-3px}.title-star{font-size:35px;right:0;top:-16px}.machine{width:320px}.stage{transform:scale(.9);transform-origin:center}.switch-area{left:calc(50% + 29px)}.lid{right:110px}.description{font-size:13px}.collection{grid-template-columns:repeat(4,1fr)}.character{min-height:110px}.mood strong{font-size:15px}.controls{padding-left:15px}.reset{font-size:10px}.dashboard{grid-template-columns:25% 39% 36%}.speech{left:11%}.machine-sticker{left:23px}}@media(max-width:720px){.app{padding:0 23px}.masthead{height:88px}.brand{font-size:16px}.brand-mark{height:38px;width:38px;font-size:29px}.brand-sub{font-size:6px;letter-spacing:1.4px}.edition{font-size:7px;letter-spacing:1px}.playground{display:flex;flex-direction:column;min-height:0}.intro{width:100%;padding:42px 0 0}.eyebrow{font-size:8px;letter-spacing:1.3px}h1{font-size:62px;letter-spacing:-3.8px;margin:24px 0 19px}.title-star{right:14%;top:23px;font-size:44px}.description{font-size:14px;margin-bottom:8px}.instruction{margin:15px 0 20px;font-size:13px}.live-note{font-size:7px;position:relative;z-index:1}.stage{height:502px;width:100%;transform:scale(.95);margin-top:-25px}.stage-label{top:30px;left:17%;font-size:7px}.speech{top:62px;left:50%;transform:translate(-50%) rotate(-3deg);width:230px;min-height:98px}.machine{top:247px;width:310px}.switch-area{top:275px;left:calc(50% + 27px)}.lid{right:104px}.creature{left:75px}.stage-grid{inset:0 -20px}.stage-caption{bottom:0;left:5%;font-size:6px}.doodle-star{right:0;top:172px;font-size:42px}.dashboard{grid-template-columns:1fr 1.5fr;padding:25px 0;gap:23px 0;position:relative}.mood{padding-left:20px}.mood strong{font-size:14px}.mood strong>span{font-size:25px}.counter strong{font-size:35px}.counter-note{font-size:10px}.controls{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #dcded3;padding:18px 0 0}.reset{font-size:10px}.personality{padding:35px 0}.personality .eyebrow{font-size:7px}h2{font-size:24px}.personality p:not(.eyebrow){font-size:11px;max-width:250px}.discovered{top:135px;font-size:8px}.collection{gap:7px;margin-top:32px}.character{min-height:102px}.character-icon{height:36px;font-size:25px}.character>span+span{font-size:8px}.character small{font-size:4px;letter-spacing:.4px}footer{height:100px;flex-wrap:wrap;gap:8px;position:relative;padding:22px 35px 22px 0;justify-content:flex-start}footer>span:not(.footer-mark){display:block;width:100%;font-size:9px}.footer-mark{position:absolute;right:0;top:27px}.storage-note{font-size:9px}.controls .storage-note{position:absolute;bottom:-15px}}@media(max-width:370px){.app{padding:0 18px}h1{font-size:55px}.title-star{right:6%}.edition{display:none}.stage{transform:scale(.85);margin-left:-12px;width:calc(100% + 24px);margin-bottom:-35px}.mood strong{font-size:12px;gap:5px}.counter-note,.calm-control,.reset{font-size:9px}.character>span+span{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}