@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Nunito:wght@800;900;1000&display=swap";:root{color:#34392e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--green:#427854;--pink:#bc6874;background:#f7f6ee;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}body:before{content:"";pointer-events:none;opacity:.19;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23959280' opacity='.3' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:fixed;inset:0}.page{flex-direction:column;max-width:1600px;min-height:100svh;margin:auto;padding:0 54px;display:flex}.site-header{justify-content:space-between;align-items:center;height:102px;display:flex}.wordmark{letter-spacing:-2px;color:#363e2e;font-family:Nunito,Arial Rounded MT Bold,sans-serif;font-size:30px;font-weight:1000;text-decoration:none}.wordmark-slash{color:#aaa995;padding:0 3px;font-weight:800}.wordmark-dot{color:var(--green)}.sound-label{color:#797c6b;letter-spacing:1.7px;align-items:center;gap:9px;font-size:10px;font-weight:600;display:flex}.sound-dot{background:#7a9a63;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #7a9a6310}main{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:23px 0 27px;display:flex}.intro{text-align:center}.eyebrow{letter-spacing:2.4px;color:#898b76;margin:0 0 13px;font-size:10px;font-weight:600}h1{letter-spacing:-4px;margin:0;font-family:Nunito,Arial Rounded MT Bold,sans-serif;font-size:clamp(58px,7vw,80px);font-weight:1000;line-height:1.1}.title-yes{color:var(--green)}.title-no{color:var(--pink)}.title-slash{color:#c7c8b5;margin:0 12px;font-weight:800;display:inline-block;transform:rotate(7deg)}.title-period{color:#b4b69e}.subtitle{color:#838572;margin:13px 0 0;font-size:15px}.toy-stage{isolation:isolate;width:430px;max-width:100%;height:432px;margin-top:29px;position:relative}.keychain{transform-origin:50% 25%;width:178px;height:389px;position:absolute;top:18px;left:50%;transform:translate(-50%)rotate(-8deg)}.device{z-index:2;background:linear-gradient(95deg,#9c9022,#d0bb22 14%,#c9b723 95%);border-radius:76px 75px 64px 67px/100px 100px 69px 68px;width:178px;height:275px;padding-left:7px;position:relative;box-shadow:-3px 2px #aaa037,-7px 7px 12px #65551b26,10px 13px 23px #746a1b17}.device-face{background:linear-gradient(125deg,#f7e64e 3%,#efda31 55%,#e8cc28 100%);border:1px solid #ead842;border-radius:72px 73px 61px 62px/98px 99px 65px 65px;flex-direction:column;align-items:center;gap:22px;height:269px;padding-top:34px;display:flex;position:relative;box-shadow:inset 2px 2px 3px #fff5a8b3,inset -2px -3px 5px #baa32240}.device-face:after{content:"";border-radius:inherit;pointer-events:none;opacity:.11;background:repeating-linear-gradient(0deg,#0000 0 2px,#8d792f33 2px 3px);position:absolute;inset:2px}.device-brand{letter-spacing:2px;color:#958329;opacity:.65;font-size:7px;font-weight:700;position:absolute;top:14px}.answer-button{border:2px solid var(--button-edge);background:var(--button-base);width:87px;height:87px;box-shadow:-3px 4px 0 var(--button-edge), -4px 6px 7px #3a33123b, 1px -1px 2px #ffffab99;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;z-index:1;border-radius:50%;flex-shrink:0;padding:0;position:relative}.yes-button{--button-edge:#335e3e;--button-base:#548a60;--button-color:#377049;--button-light:#b7e5c5;--button-dark:#93cdaa}.no-button{--button-edge:#874048;--button-base:#bd6c77;--button-color:#b34f60;--button-light:#f4bfc8;--button-dark:#e8a1b1}.button-face{background:linear-gradient(135deg, var(--button-light), var(--button-dark));color:var(--button-color);text-shadow:0 1px #ffffff59;border:2px solid #ffffff3d;border-radius:50%;place-items:center;font-family:Nunito,Arial Rounded MT Bold,sans-serif;font-size:53px;font-weight:1000;line-height:1;transition:transform .12s,filter .12s;display:grid;position:absolute;inset:-1px -1px 4px 3px;box-shadow:inset 0 0 0 2px #ffffff16,inset 1px 2px 4px #ffffff4d,0 2px 1px #0000001c}.answer-button:hover .button-face{filter:brightness(1.04)}.answer-button:active .button-face,.answer-button.is-pressed .button-face{filter:brightness(.97);transform:translate(-2px,4px)}.answer-button:focus-visible{outline-offset:7px;outline:3px solid #3c4635}.speaker{gap:4px;display:flex;position:absolute;bottom:16px}.speaker i{background:#aa962b;border-radius:50%;width:3px;height:3px;box-shadow:0 1px #fff17c}.keyring{filter:drop-shadow(3px 5px 2px #34392e16);width:99px;height:124px;position:absolute;top:265px;left:46px}.ground-shadow{filter:blur(12px);opacity:.16;z-index:-1;background:#6f674c;border-radius:50%;width:146px;height:14px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.side-note{color:#8c9178;position:absolute;top:84px;left:6px;transform:rotate(-12deg)}.side-note span{font-family:Nunito,sans-serif;font-size:20px;font-style:italic;font-weight:800}.side-note svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:66px;height:48px;margin-top:0;margin-left:16px;display:block}.speech-bubble{color:var(--green);opacity:0;background:#e3eddc;border-radius:20px 20px 20px 4px;align-items:center;gap:10px;padding:13px 17px;transition:opacity .16s,transform .2s;display:flex;position:absolute;top:56px;left:calc(50% + 95px);transform:translate(-8px,8px)rotate(-7deg)scale(.85)}.speech-text{font-family:Nunito,sans-serif;font-size:23px;font-weight:1000}.is-speaking .speech-bubble{opacity:1;transform:translate(0)rotate(4deg)scale(1)}[data-answer=no] .speech-bubble{color:var(--pink);background:#f4e0e2;top:166px}.sound-waves{align-items:center;gap:3px;height:22px;display:flex}.sound-waves i{background:currentColor;border-radius:3px;width:3px;height:9px}.is-speaking .sound-waves i{animation:.55s ease-in-out infinite alternate wave}.sound-waves i:nth-child(2){height:19px;animation-delay:-.2s}.sound-waves i:nth-child(3){animation-delay:-.4s}@keyframes wave{to{transform:scaleY(.35)}}.instructions{text-align:center;margin-top:14px}.instruction-title{letter-spacing:-.3px;margin:0 0 7px;font-size:17px;font-weight:600}.instruction-detail{color:#8a8c79;margin:0;font-size:13px}.keyboard-hint{color:#979987;margin:21px 0 0;font-size:11px}kbd{color:#747962;background:#fafbf560;border:1px solid #dddfcf;border-bottom-width:2px;border-radius:5px;place-items:center;min-width:23px;height:24px;margin:0 3px;font:11px DM Sans,sans-serif;display:inline-grid}.audio-status{color:#777d69;max-width:310px;min-height:16px;margin:10px auto 0;font-size:11px}.audio-status:not(:empty){animation:.2s ease-out status-in}@keyframes status-in{0%{opacity:0}to{opacity:1}}footer{color:#969986;letter-spacing:1.4px;border-top:1px solid #e3e4d7;font-size:9px;font-weight:500}.footer-taglines{justify-content:space-between;align-items:center;gap:15px;min-height:66px;display:flex}.footer-disclaimer{color:#747962;letter-spacing:normal;text-align:center;max-width:720px;margin:0 auto;padding-bottom:24px;font-size:11px;font-weight:400;line-height:1.6}.footer-dots{gap:5px;display:flex}.footer-dots i{background:#9cb49a;border-radius:50%;width:6px;height:6px}.footer-dots i+i{background:#d5a1a6}@media (height>=940px){.toy-stage{margin-top:45px;margin-bottom:15px}}@media (width<=600px){.page{padding:0 24px}.site-header{height:78px}.wordmark{font-size:27px}.sound-label{letter-spacing:1px;font-size:8px}main{padding-top:22px;padding-bottom:15px}.eyebrow{letter-spacing:1.8px;font-size:8px}.subtitle{font-size:13px}.toy-stage{width:335px;height:390px;margin-top:24px}.keychain{transform-origin:50% 0;transform:translate(-50%)rotate(-8deg)scale(.9)}.side-note{top:70px;left:0}.side-note span{font-size:17px}.side-note svg{width:45px;margin-left:5px}.speech-bubble{gap:6px;padding:10px 12px;top:49px;left:calc(50% + 64px)}.speech-text{font-size:19px}[data-answer=no] .speech-bubble{top:151px}.instructions{margin-top:10px}footer{letter-spacing:.9px;font-size:7px}.footer-taglines{min-height:60px}}@media (width<=350px){.page{padding:0 16px}.side-note,.sound-waves{display:none}.speech-bubble{left:calc(50% + 58px)}.footer-dots{display:none}}@media (height<=790px) and (width>=601px){.site-header{height:76px}main{padding-top:6px}h1{font-size:64px}.toy-stage{height:354px;margin-top:20px}.keychain{transform-origin:50% 0;transform:translate(-50%)rotate(-8deg)scale(.83)}.instructions{margin-top:8px}}@media (hover:none){.keyboard-hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}