.stage{position:relative;min-height:100%;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.stage--white{background:var(--white)}.stage--peach{background-color:var(--peach-bottom);background-image:url(/art/beige-background.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.stage__band{position:absolute;left:0;width:100%;background-size:100% 100%;background-repeat:no-repeat;pointer-events:none;z-index:0}.stage__band--top{top:0;aspect-ratio:1024 / 464;background-image:url(/art/border-top.webp)}.stage__band--bottom{bottom:0;aspect-ratio:1024 / 259;background-image:url(/art/border-bottom.webp)}.stage--peach .stage__band--bottom{background-image:url(/art/border-bottom-white.webp)}.stage__inner{position:relative;z-index:1;flex:1;width:100%;max-width:var(--stage-max);margin:0 auto;padding-top:clamp(1rem,3vh,2.25rem);padding-bottom:clamp(1.25rem,5.5cqw,3.5rem);padding-inline:0;display:flex;flex-direction:column;container-type:inline-size}.btn{border:none;background:none;padding:0;cursor:pointer;touch-action:manipulation;transition:transform .12s ease,opacity .12s ease}.btn--art{display:grid;place-items:center;width:31cqw;min-width:7.5rem;min-height:var(--touch-min);margin-inline:auto}.btn--wide{width:41.5cqw}.btn__art{width:100%;height:auto}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:focus-visible{outline:3px solid var(--navy);outline-offset:4px;border-radius:var(--radius-pill)}.btn--quiet{font-family:var(--font-body);font-weight:500;font-size:var(--text-eyebrow);color:var(--navy);padding:.5em 1em;min-height:var(--touch-min)}.btn--quiet:hover:not(:disabled){text-decoration:underline}@media(prefers-reduced-motion:reduce){.btn:hover:not(:disabled),.btn:active:not(:disabled){transform:none}}.wordmark{display:flex;flex-direction:column;align-items:center;gap:0;margin:0;font-family:var(--font-display);font-weight:700;line-height:.92;text-align:center;font-size:var(--wordmark-size, 8cqw)}.wordmark__line{display:block;-webkit-text-stroke:.16em var(--wordmark-outline);paint-order:stroke fill;filter:drop-shadow(0 .02em .01em rgb(0 0 0 / .12))}.wordmark__line:nth-child(1){transform:rotate(-1.6deg)}.wordmark__line:nth-child(2){transform:rotate(.9deg)}.wordmark__line:nth-child(3){transform:rotate(-1deg)}.wordmark__line--orange{color:#ed8b22}.wordmark__line--navy{color:var(--navy)}.wordmark--cream{--wordmark-outline: var(--peach-bottom)}.wordmark--white{--wordmark-outline: var(--white)}@supports not (paint-order: stroke){.wordmark__line{-webkit-text-stroke:0;text-shadow:.06em 0 0 var(--wordmark-outline),-.06em 0 0 var(--wordmark-outline),0 .06em 0 var(--wordmark-outline),0 -.06em 0 var(--wordmark-outline),.04em .04em 0 var(--wordmark-outline),-.04em .04em 0 var(--wordmark-outline),.04em -.04em 0 var(--wordmark-outline),-.04em -.04em 0 var(--wordmark-outline)}}.home{flex:1;display:flex;flex-direction:column;align-items:center;gap:clamp(.75rem,2cqw,1.5rem);text-align:center;padding-top:7.5cqw}.home__wordmark{--wordmark-size: min(11.5cqw, 5vh);margin:0 auto}.home__hero{width:auto;height:auto;max-width:73.7cqw;max-height:44vh;flex:0 1 auto;min-height:0;object-fit:contain}.home__action{margin-top:auto;padding-top:clamp(.5rem,2cqw,1.5rem)}@media(max-height:560px)and (orientation:landscape){.home__hero{display:none}}.stars{border:none;padding:0;margin:0;min-inline-size:0;align-self:stretch;width:100%}.stars__pill{display:flex;align-items:center;justify-content:center;gap:clamp(.2rem,2.5cqw,1rem);width:68cqw;aspect-ratio:2192 / 547;margin-inline:auto;background:url(/art/rating-pill.png) center / contain no-repeat;container-type:inline-size}.stars__item{display:flex}.stars__label{display:block;cursor:pointer;min-width:var(--touch-min);min-height:var(--touch-min);display:grid;place-items:center;border-radius:8px;touch-action:manipulation;transition:transform .12s ease}.stars__star{width:12.5cqw;min-width:1.75rem;height:auto}@supports not (container-type: inline-size){.stars__star{width:clamp(1.75rem,5.2vw,2.75rem)}}.stars__label:hover{transform:scale(1.08)}.stars__input:checked+.stars__label{transform:scale(1.04)}.stars__input:focus-visible+.stars__label{outline:3px solid var(--star);outline-offset:2px}@media(prefers-reduced-motion:reduce){.stars__label,.stars__input:checked+.stars__label{transform:none}}.question{flex:1;display:flex;flex-direction:column;align-items:center;gap:clamp(.75rem,2cqw,1.5rem);text-align:center;padding-top:6.2cqw}.question__badge{width:9.6cqw;height:auto;margin-bottom:-2.6cqw;position:relative;z-index:1}.question__bubble{position:relative;align-self:stretch;width:84cqw;margin-inline:auto;aspect-ratio:817 / 483;container-type:inline-size}.question__bubble-art{position:absolute;inset:0;width:100%;height:100%}.question__text{position:relative;margin:0;font-family:var(--font-display);font-weight:500;font-size:5.9cqw;line-height:1.25;text-wrap:balance;position:absolute;left:9%;right:9%;top:28%;height:52%;display:flex;align-items:center;justify-content:center;width:auto}@supports not (container-type: inline-size){.question__text{font-size:clamp(1.1rem,3.4vw,2rem)}}.question__controls{display:flex;flex-direction:column;align-items:center;gap:clamp(.75rem,2vw,1.25rem)}.question__back{min-height:var(--touch-min);display:flex;align-items:center}.question__wordmark{--wordmark-size: min(7.6cqw, 3.4vh);margin:auto auto 0;padding-top:1rem}@media(max-height:620px){.question__wordmark{display:none}}.result{flex:1;display:flex;flex-direction:column;align-items:center;gap:clamp(.5rem,1.5cqw,1.25rem);text-align:center;padding-top:min(14.2cqw,5vh)}.result__title{width:auto;height:auto;max-width:min(68cqw,32rem);max-height:16vh}.result__body{display:flex;flex-direction:row;align-items:center;justify-content:center;flex:0 1 auto;gap:clamp(.5rem,2cqw,1.5rem);width:100%;min-height:0}.result__mascot{width:auto;height:auto;max-width:41cqw;max-height:40vh;flex:0 1 auto;align-self:center}.bubbles{flex:0 1 auto;align-self:center;min-width:0}.bubbles__art{width:auto;height:auto;max-width:41.3cqw;max-height:40vh}.result__action{margin-top:auto;padding-top:.5rem}.social{flex:1;display:flex;flex-direction:column;align-items:center;gap:clamp(.75rem,2cqw,1.5rem);text-align:center;padding-top:9.4cqw}.social__logo{width:52cqw;height:auto}.social__headline{font-family:var(--font-display);font-weight:700;font-size:5.6cqw;line-height:1.1;text-wrap:balance;color:var(--navy);max-width:18ch;margin:0}.social__lede{font-size:2.5cqw;max-width:44ch}.social__lede strong{color:var(--navy);font-weight:700}.social__qr{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--navy);text-decoration:none;border-radius:12px;padding:.5rem;min-height:0}.social__qr-image{width:34cqw;height:auto;min-height:0;image-rendering:pixelated}.social__qr-caption{font-family:var(--font-display);font-weight:700;font-size:3.6cqw;line-height:1.2;text-wrap:balance;max-width:18ch}.social__qr:hover .social__qr-caption{text-decoration:underline}.social__action{margin-top:auto;padding-top:clamp(.5rem,2cqw,1.5rem)}.screen{flex:1;display:flex;flex-direction:column;min-height:0;outline:none;animation:screen-in .26s ease both}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.screen{animation:none}}:root{--navy: #223469;--peach-top: #fee9d5;--peach-bottom: #fee4cb;--star: #ffdd04;--white: #ffffff;--ink: #000000;--strength: #f2b51d;--watch-out: #d98198;--strength-text: var(--navy);--watch-out-text: var(--navy);--font-display: "Chaloops", "Trebuchet MS", system-ui, sans-serif;--font-body: "Poppins", system-ui, -apple-system, sans-serif;--text-eyebrow: clamp(.875rem, 1.6vw, 1.25rem);--text-body: clamp(1rem, 1.9vw, 1.375rem);--text-question: clamp(1.375rem, 3.6vw, 2.5rem);--text-tagline: clamp(1.125rem, 2.6vw, 1.75rem);--text-archetype: clamp(2.5rem, 7.5vw, 5rem);--text-button: clamp(1.125rem, 2.4vw, 1.625rem);--space-xs: .5rem;--space-sm: .75rem;--space-md: 1.25rem;--space-lg: 2rem;--space-xl: 3rem;--radius-pill: 999px;--radius-bubble: 2rem;--stage-max: min(100%, 75vh);--touch-min: 44px}@font-face{font-family:Chaloops;src:url(/fonts/Chaloops-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Chaloops;src:url(/fonts/Chaloops-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);font-size:var(--text-body);line-height:1.5;color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}button{font:inherit;color:inherit;cursor:pointer}img{max-width:100%;display:block}picture{display:contents}:focus-visible{outline:3px solid var(--navy);outline-offset:3px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}