.slot-text{white-space:pre;display:inline-flex}.char-slot{vertical-align:bottom;flex:none;justify-content:center;line-height:1.3;display:inline-flex;position:relative;overflow:visible clip}.char-slot.is-resizing{overflow-x:clip}.char-sizer{visibility:hidden;white-space:pre}.char-face{white-space:pre;will-change:transform;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}:root{color:#14324a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff7d5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button{font:inherit}.app-shell{isolation:isolate;background:radial-gradient(circle at 16% 12%,#fffffff0 0 10%,#0000 28%),linear-gradient(#96d9ff 0%,#dff7ff 42%,#ffe996 42%,#ffdc7a 100%);place-items:center;width:100vw;min-height:100vh;padding:clamp(18px,3vw,34px);display:grid;position:relative;overflow:hidden}.scene{z-index:-1;position:absolute;inset:0;overflow:hidden}.sun{background:#ffe76a;border-radius:50%;width:172px;height:172px;animation:3.8s ease-in-out infinite sunPulse;position:absolute;top:42px;left:48px;box-shadow:0 0 0 18px #ffe76a38,0 0 80px #ffc92b80}.cloud{filter:drop-shadow(0 12px 20px #21829e24);background:#ffffffb8;border-radius:999px;height:52px;animation:22s linear infinite drift;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud:before{width:78px;height:78px;top:-30px;left:28px}.cloud:after{width:62px;height:62px;top:-22px;right:26px}.cloud-a{width:220px;top:92px;right:14%}.cloud-b{width:170px;animation-delay:-9s;top:172px;left:26%}.awning{border:6px solid #14324a;border-radius:8px 8px 18px 18px;grid-template-columns:repeat(5,1fr);width:min(38vw,460px);height:104px;display:grid;position:absolute;top:10vh;right:4vw;overflow:hidden;transform:rotate(-2deg);box-shadow:0 24px #14324a24}.awning span:nth-child(odd){background:#ffd83d}.awning span:nth-child(2n){background:#fff}.stand{background:linear-gradient(90deg,#14324a14 1px,#0000 1px) 0 0/42px 100%,#f4a84b;border:6px solid #14324a;border-radius:8px;width:min(36vw,430px);height:310px;position:absolute;top:calc(10vh + 116px);right:5vw;box-shadow:0 26px #14324a1f}.sign{color:#14324a;text-align:center;letter-spacing:0;background:#fff8d7;border:5px solid #14324a;border-radius:8px;padding:16px;font-size:clamp(21px,2.5vw,32px);font-weight:950;position:absolute;top:34px;left:28px;right:28px}.countertop{background:#18b9aa;border-block:6px solid #14324a;height:44px;position:absolute;top:158px;left:0;right:0}.pitcher,.cup,.jar{background:#fff9d5d1;border:5px solid #14324a;position:absolute;bottom:30px}.pitcher{border-radius:8px 16px 18px 18px;width:72px;height:96px;left:34px}.pitcher:after{content:"";background:#ffd83d;border-radius:6px;height:42px;position:absolute;bottom:10px;left:12px;right:12px}.cup{border-radius:4px 4px 14px 14px;width:48px;height:62px}.cup-a{left:136px}.cup-b{left:196px;transform:rotate(4deg)}.jar{color:#f25b4b;border-radius:8px 8px 18px 18px;place-items:center;width:76px;height:84px;display:grid;right:42px}.chalk{color:#14324a57;font-family:Comic Sans MS,Marker Felt,cursive;font-weight:800;position:absolute;transform:rotate(-7deg)}.chalk-one{font-size:42px;bottom:9vh;left:8vw}.chalk-two{font-size:34px;bottom:7vh;right:14vw;transform:rotate(5deg)}.floating-lemon{background:#ffd83d;border:3px solid #14324a47;border-radius:50%;width:28px;height:22px;animation:5s ease-in-out infinite floatLemon;position:absolute}.floating-lemon:after{content:"";background:#61a92f;border-radius:10px 2px;width:10px;height:7px;position:absolute;top:-5px;right:-4px}.lemon-0{animation-delay:-.5s;top:18%;left:18%}.lemon-1{animation-delay:-1.4s;top:11%;left:42%}.lemon-2{animation-delay:-2.1s;top:57%;left:7%}.lemon-3{animation-delay:-3.3s;top:62%;left:74%}.lemon-4{animation-delay:-1.1s;top:74%;left:54%}.lemon-5{animation-delay:-2.8s;top:30%;left:88%}.lemon-6{animation-delay:-3.8s;top:82%;left:24%}.lemon-7{animation-delay:-4.8s;top:22%;left:62%}.lemon-8{animation-delay:-2.6s;top:48%;left:36%}.lemon-9{animation-delay:-.9s;top:80%;left:91%}.quiz-stage{flex-direction:column;align-items:flex-start;gap:20px;width:min(100%,1040px);min-height:min(74vh,700px);display:flex}.topbar{justify-content:space-between;align-items:center;width:min(720px,92vw);padding:10px;display:flex}.brand-lockup{color:#14324a;text-shadow:0 2px #ffffff80;align-items:center;gap:12px;font-size:clamp(20px,2.2vw,30px);font-weight:950;display:inline-flex}.lemon-mark{background:#ffd83d;border:4px solid #14324a;border-radius:50%;place-items:center;width:46px;height:42px;font-size:26px;font-weight:950;display:grid;transform:rotate(-12deg)}.top-actions{gap:10px;display:flex}.icon-button{color:#14324a;cursor:pointer;background:#ffffffd1;border:4px solid #14324a;border-radius:8px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 6px #14324a}.game-button{grid-auto-flow:column;gap:8px;width:auto;min-width:112px;padding:0 14px;font-size:18px;font-weight:950}.icon-button:active,.primary-button:active,.answer-button:active{transform:translateY(5px);box-shadow:0 1px #14324a}.quiz-card,.result-card{background:#fffdeb;border:6px solid #14324a;border-radius:8px;width:min(720px,92vw);position:relative;box-shadow:14px 14px #14324a38}.quiz-card{padding:clamp(20px,3vw,34px);animation:.45s cubic-bezier(.2,.9,.2,1) cardIn}.progress-track{gap:12px;margin-bottom:20px;display:flex}.progress-lemon{background:#fff;border:3px solid #14324a;border-radius:999px;width:56px;height:18px;transform:skew(-16deg)}.progress-lemon.active{background:#ffd83d;animation:.42s both lemonPop}.question-row{grid-template-columns:1fr 132px;align-items:start;gap:18px;display:grid}.question-row.wide-question{grid-template-columns:1fr 92px;gap:10px}.question-row.wide-question .mascot{opacity:.84;width:86px;height:96px;margin-top:20px}.counter{color:#4c6b80;margin:0 0 8px;font-size:18px;font-weight:900}.family-line{color:#0e8f85;margin:0 0 8px;font-size:clamp(15px,1.7vw,20px);font-weight:950}h1{color:#14324a;letter-spacing:0;margin:0;font-size:clamp(38px,5vw,64px);line-height:.95}.motion-heading{max-width:100%;min-height:1.9em}.motion-line{width:100%;display:block}.motion-heading.long-question{min-height:2.1em;font-size:clamp(34px,4.15vw,50px);line-height:1.03}.motion-heading.result-heading{min-height:2.05em;font-size:clamp(32px,4.5vw,58px)}.motion-heading .slot-text,.answer-label .slot-text{max-width:100%}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:30px;display:grid}.answer-button{background:var(--answer-bg,#fff);color:#14324a;cursor:pointer;text-align:left;border:5px solid #14324a;border-radius:8px;align-items:center;gap:16px;min-width:0;min-height:112px;padding:18px;font-size:clamp(20px,2vw,28px);font-weight:950;transition:transform .18s,box-shadow .18s,background .18s;display:flex;box-shadow:0 8px #14324a}.answer-label{min-width:0;max-width:100%;overflow:hidden}.answer-label .slot-text{font-size:clamp(17px,1.55vw,22px)}.answer-button:first-child .answer-icon{color:#2477ff;background:#d9e8ff}.answer-button:nth-child(2) .answer-icon{color:#f25b4b;background:#ffdfe2}.answer-button:nth-child(3) .answer-icon{color:#d78200;background:#fff0c3}.answer-button:nth-child(4) .answer-icon{color:#579429;background:#dbf3cf}.answer-button:first-child{--answer-bg:linear-gradient(135deg, #fff4a8, #fff 72%)}.answer-button:nth-child(2){--answer-bg:linear-gradient(135deg, #d9f2a1, #fff 72%)}.answer-button:nth-child(3){--answer-bg:linear-gradient(135deg, #ff8a75, #fff 74%)}.answer-button:nth-child(4){--answer-bg:linear-gradient(135deg, #53d1c9, #fff 74%)}.answer-button:hover:not(:disabled),.answer-button:focus-visible{transform:translateY(-4px)rotate(-1deg);box-shadow:0 12px #14324a}.answer-button.selected{background:#ffe76a;animation:.5s both selectedBounce}.answer-button:disabled{cursor:default}.answer-icon{border:4px solid #14324a;border-radius:8px;flex:none;place-items:center;width:64px;height:64px;display:grid}.mascot{width:124px;height:134px;position:relative}.mascot-body{background:#ffd83d;border:5px solid #14324a;border-radius:52% 48% 50% 50%;animation:1.8s ease-in-out infinite wiggle;position:absolute;inset:22px 12px 20px;transform:rotate(-10deg)}.mascot.jump .mascot-body{animation:.45s mascotJump}.mascot-leaf{z-index:2;background:#70b23a;border:4px solid #14324a;border-radius:26px 4px;width:36px;height:20px;position:absolute;top:10px;right:22px;transform:rotate(28deg)}.eye{background:#14324a;border-radius:50%;width:10px;height:14px;position:absolute;top:34px}.eye.left{left:28px}.eye.right{right:28px}.smile{border-bottom:5px solid #14324a;border-radius:50%;height:22px;position:absolute;top:58px;left:36px;right:36px}.mascot-shadow{background:#14324a2e;border-radius:50%;height:18px;animation:1.8s ease-in-out infinite shadowPulse;position:absolute;bottom:6px;left:20px;right:20px}.result-wrap{outline:none;justify-content:flex-start;width:100%;display:flex;position:relative}.result-card{text-align:center;z-index:2;justify-items:center;gap:16px;width:min(680px,92vw);min-height:560px;padding:clamp(28px,4vw,46px);animation:.66s cubic-bezier(.18,.89,.26,1.26) resultIn;display:grid;overflow:hidden}.party-icon{color:#14324a;background:#ffe76a;border:5px solid #14324a;border-radius:8px;place-items:center;width:76px;height:76px;animation:1s ease-in-out infinite partyPulse;display:grid}.result-emblem{width:132px;height:132px;color:var(--match);background:#fff;border:6px solid #14324a;border-radius:50%;place-items:center;display:grid;box-shadow:0 8px #14324a}.result-card p:not(.counter){color:#25475c;max-width:540px;margin:0;font-size:clamp(20px,2.5vw,28px);font-weight:800;line-height:1.25}.result-card .family-line{color:#0e8f85;margin:-4px 0 0;font-size:clamp(17px,2vw,22px)}.result-card strong{color:#14324a;max-width:560px;font-size:clamp(18px,2vw,24px);line-height:1.25}.primary-button{background:var(--match);color:#fff;cursor:pointer;border:5px solid #14324a;border-radius:8px;min-height:68px;margin-top:8px;padding:0 24px;font-size:clamp(18px,2vw,24px);font-weight:950;box-shadow:0 8px #14324a}.confetti{pointer-events:none;z-index:3;position:absolute;inset:-20vh -10vw;overflow:hidden}.confetti i{width:14px;height:24px;animation:confettiFall 1.9s ease-out var(--delay) both;background:#ffd83d;border:3px solid #14324a59;border-radius:3px;position:absolute;top:0;left:50%}.confetti i:nth-child(4n+1){background:#18b9aa}.confetti i:nth-child(4n+2){background:#f25b4b}.confetti i:nth-child(4n+3){background:#fff}@keyframes sunPulse{50%{transform:scale(1.04)}}@keyframes drift{0%{transform:translate(28px)}to{transform:translate(-34px)}}@keyframes floatLemon{50%{transform:translateY(-18px)rotate(14deg)}}@keyframes cardIn{0%{opacity:0;transform:translateY(28px)rotate(-1deg)scale(.98)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes lemonPop{50%{transform:skew(-16deg)scale(1.18)}}@keyframes selectedBounce{50%{transform:translateY(-9px)rotate(1deg)scale(1.02)}}@keyframes wiggle{50%{transform:rotate(7deg)translateY(-5px)}}@keyframes mascotJump{50%{transform:rotate(3deg)translateY(-24px)scale(1.06)}}@keyframes shadowPulse{50%{opacity:.12;transform:scaleX(.74)}}@keyframes resultIn{0%{opacity:0;transform:translateY(36px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes partyPulse{50%{transform:rotate(-7deg)scale(1.08)}}@keyframes confettiFall{0%{opacity:0;transform:translateY(-20px)rotate(0)}12%{opacity:1}to{opacity:0;transform:translate3d(var(--x), 92vh, 0) rotate(var(--spin))}}@media (width<=760px){body{overflow:auto}.app-shell{place-items:start center;min-height:100svh;padding:14px}.stand,.awning{opacity:.36;right:-120px}.quiz-stage{align-items:stretch;width:100%;min-height:auto}.topbar{flex-wrap:wrap;gap:8px;padding:4px 2px}.top-actions{justify-content:flex-end;width:100%}.brand-lockup{font-size:20px}.lemon-mark{width:40px;height:36px;font-size:22px}.icon-button{width:50px;height:50px}.game-button{min-width:112px;font-size:16px}.question-row,.question-row.wide-question{grid-template-columns:1fr}.mascot{opacity:.9;width:92px;height:102px;position:absolute;top:68px;right:16px}.answer-grid{grid-template-columns:1fr;gap:12px}.answer-button{min-height:84px}.motion-heading.long-question{font-size:clamp(32px,10vw,43px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.lemonade-game{color:#14324a;background:#fff8ce;border:5px solid #14324a;border-radius:8px;width:min(100%,980px);margin:0 auto;padding:clamp(14px,3vw,22px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-shadow:0 18px #14324a29}.lemonade-game button{color:#14324a;min-height:44px;font:inherit;cursor:pointer;touch-action:manipulation;border:4px solid #14324a;border-radius:7px;font-weight:900;transform:translateY(-3px);box-shadow:0 5px #14324a}.lemonade-game button:active{transform:translateY(0);box-shadow:0 2px #14324a}.lemonade-game button:disabled{cursor:not-allowed;opacity:.52}.lemonade-game__topbar,.lemonade-game__controls{justify-content:space-between;align-items:center;gap:12px;display:flex}.lemonade-game__top-actions{align-items:center;gap:10px;display:flex}.lemonade-game__topbar h2{letter-spacing:0;margin:2px 0 0;font-size:clamp(28px,5vw,52px);line-height:.95}.lemonade-game__eyebrow{color:#f25b4b;text-transform:uppercase;margin:0;font-size:13px;font-weight:950}.lemonade-game__ghost{white-space:nowrap;background:#fff;padding:0 16px}.lemonade-game__hud{grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 12px;display:grid}.lemonade-game__hud span{text-align:center;background:#fff;border:4px solid #14324a;min-width:0;padding:10px 8px;font-size:clamp(12px,2.4vw,16px);font-weight:950}.lemonade-game__hud .is-active{background:#ffd83d}.lemonade-game__screen{touch-action:none;background:#91dcff;border:5px solid #14324a;border-radius:7px;overflow:hidden}.lemonade-game__screen.can-jump{cursor:pointer}.lemonade-game__screen canvas{aspect-ratio:15/7;width:100%;height:auto;image-rendering:pixelated;display:block}.lemonade-game__controls{flex-wrap:wrap;margin-top:16px}.lemonade-game__primary{background:#ffd83d;min-width:118px;padding:0 22px}.lemonade-game__hint{color:#14324a;background:#18b9aa;border:4px solid #14324a;border-radius:7px;flex:auto;place-items:center;min-height:44px;padding:0 18px;font-weight:950;display:grid}.lemonade-game__controls span{text-align:right;min-width:98px;font-weight:950}@media (width<=640px){.lemonade-game{border-width:4px;padding:12px}.lemonade-game__topbar{align-items:flex-start}.lemonade-game__top-actions{flex-direction:column;align-items:stretch}.lemonade-game__ghost{min-width:72px}.lemonade-game__controls{grid-template-columns:1fr;display:grid}.lemonade-game__controls span{text-align:center}}