:root{font-family:ui-rounded,SF Pro Rounded,Avenir Next,Helvetica Neue,Arial,sans-serif;color:var(--result-ink);background:var(--neutral);font-synthesis:none;text-rendering:optimizeLegibility;--choice-one: #f06573;--choice-one-deep: #d94b5d;--choice-one-glow: #ffb6a7;--choice-two: #3778d4;--choice-two-deep: #235cae;--choice-two-glow: #8bc7ff;--neutral: #252832;--neutral-soft: #333744;--neutral-raised: #454a59;--neutral-line: #686f80;--neutral-ink: #f4f1ea;--result-bg: #f4f1ea;--result-ink: #252832;--result-track: #ddd9d0;--pressed-shadow: #171921}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--neutral);overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#root{width:100%;height:100%}button{appearance:none;-webkit-appearance:none;border:0;padding:0;font:inherit;cursor:pointer;touch-action:manipulation}.app{position:relative;width:100%;height:100%;min-height:100vh;min-height:100dvh;overflow:hidden;isolation:isolate}.system-safe-zone{position:absolute;z-index:50;top:0;right:0;width:100px;height:50px;pointer-events:auto}.choice-stage{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--neutral);perspective:1100px}.choice{position:relative;min-width:0;min-height:48px;overflow:hidden;transform:translateZ(0);transition:transform .48s cubic-bezier(.68,0,.26,1),opacity .36s ease,filter .12s ease}.choice:after{content:"";position:absolute;inset:-8%;opacity:.16;background:radial-gradient(circle at 50% 44%,var(--choice-glow) 0%,transparent 64%);animation:breathe 3.2s ease-in-out infinite;pointer-events:none}.choice-one{--choice-glow: var(--choice-one-glow);background:linear-gradient(145deg,var(--choice-one) 0%,var(--choice-one-deep) 100%);transform-origin:left center}.choice-two{--choice-glow: var(--choice-two-glow);background:linear-gradient(215deg,var(--choice-two) 0%,var(--choice-two-deep) 100%);transform-origin:right center}.choice-two:after{animation-delay:-1.6s}.choice:active{filter:brightness(.86) saturate(1.08)}.choice:focus-visible,.pass-button:focus-visible,.reveal-button:focus-visible,.result-stage:focus-visible{outline:3px solid var(--neutral-ink);outline-offset:-6px}.choice-seam{position:absolute;z-index:4;top:0;bottom:0;left:50%;width:1px;transform:translate(-.5px);background:var(--neutral);opacity:.34;pointer-events:none}.choice-stage.is-closing .choice{pointer-events:none}.choice-stage.is-closing .choice-one{transform:perspective(1100px) rotateY(88deg);opacity:.08}.choice-stage.is-closing .choice-two{transform:perspective(1100px) rotateY(-88deg);opacity:.08}.choice-stage.is-closing .choice:after{animation-play-state:paused}.pass-stage{position:absolute;inset:0;background:var(--neutral)}.pass-button{position:absolute;inset:0;width:100%;height:100%;color:var(--neutral-ink);background:var(--neutral)}.pass-button:active .handoff-glyph{transform:translate(-50%,-50%) scale(.94)}.handoff-glyph{position:absolute;top:47%;left:50%;width:150px;height:144px;transform:translate(-50%,-50%);transition:transform .12s ease}.handoff-card{position:absolute;width:76px;height:112px;border:1px solid var(--neutral-line);border-radius:18px;background:var(--neutral-soft);box-shadow:0 12px 0 var(--pressed-shadow)}.handoff-card:before{content:"";position:absolute;top:12px;left:50%;width:22px;height:4px;border-radius:99px;background:var(--neutral-line);transform:translate(-50%)}.handoff-card-back{top:2px;left:6px;transform:rotate(-8deg)}.handoff-card-front{right:4px;bottom:2px;transform:rotate(7deg);background:var(--neutral-raised)}.handoff-arrow{position:absolute;z-index:2;top:59px;left:57px;width:40px;height:24px;border-right:7px solid var(--neutral-ink);border-bottom:7px solid var(--neutral-ink);border-radius:2px;transform:rotate(-45deg)}.reveal-button{position:absolute;z-index:4;left:50%;bottom:max(28px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;justify-content:center;gap:7px;width:64px;height:52px;border:1px solid var(--neutral-line);border-radius:18px;color:var(--neutral-ink);background:var(--neutral-soft);box-shadow:0 7px 0 var(--pressed-shadow);transform:translate(-50%);transition:transform .1s ease,box-shadow .1s ease}.reveal-button:active{box-shadow:0 2px 0 var(--pressed-shadow);transform:translate(-50%,5px)}.mini-bar{display:block;width:10px;border-radius:6px 6px 2px 2px}.mini-bar-one{height:17px;background:var(--choice-one)}.mini-bar-two{height:28px;background:var(--choice-two)}.result-stage{position:absolute;inset:0;display:block;width:100%;height:100%;color:var(--result-ink);background:var(--result-bg);transition:filter .12s ease}.result-stage:active{filter:brightness(.94)}.result-stage:focus-visible{outline-color:var(--result-ink)}.result-bars{position:absolute;inset:max(74px,env(safe-area-inset-top)) 30px max(108px,calc(env(safe-area-inset-bottom) + 84px));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}.result-column{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;align-items:stretch}.result-count{display:block;font-size:clamp(52px,18vw,90px);font-weight:800;line-height:1.08;letter-spacing:-.06em;text-align:center}.result-track{position:relative;display:block;min-height:0;overflow:hidden;border-radius:30px;background:var(--result-track)}.result-fill{--bar-share: 0%;position:absolute;right:0;bottom:0;left:0;display:block;height:var(--bar-share);border-radius:30px 30px 0 0;transition:height .42s cubic-bezier(.2,.8,.2,1)}.result-fill-one{background:linear-gradient(180deg,var(--choice-one) 0%,var(--choice-one-deep) 100%)}.result-fill-two{background:linear-gradient(180deg,var(--choice-two) 0%,var(--choice-two-deep) 100%)}.reset-glyph{position:absolute;right:50%;bottom:max(30px,env(safe-area-inset-bottom));width:56px;height:56px;border:1px solid var(--result-track);border-radius:50%;background:var(--result-bg);box-shadow:0 7px 0 var(--result-track);transform:translate(50%)}.reset-glyph:before{content:"";position:absolute;top:15px;left:15px;width:22px;height:22px;border:4px solid var(--result-ink);border-right-color:transparent;border-radius:50%;transform:rotate(25deg)}.reset-glyph:after{content:"";position:absolute;top:10px;right:13px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid var(--result-ink);transform:rotate(20deg)}@keyframes breathe{0%,to{opacity:.12;transform:scale(.98)}50%{opacity:.34;transform:scale(1.04)}}@media(prefers-color-scheme:dark){:root{--choice-one: #f47c88;--choice-one-deep: #c84155;--choice-one-glow: #ffd0c4;--choice-two: #5a95e8;--choice-two-deep: #2a61ad;--choice-two-glow: #acd9ff;--neutral: #1d2028;--neutral-soft: #2b2f3a;--neutral-raised: #3d4250;--neutral-line: #636a7a;--neutral-ink: #f4f1ea;--result-bg: #22252d;--result-ink: #f4f1ea;--result-track: #3b3f49;--pressed-shadow: #101219}}@media(max-height:540px)and (min-width:568px)and (min-aspect-ratio:3 / 2){.handoff-glyph{top:50%;transform:translate(-50%,-50%) scale(.78)}.result-bars{inset:32px 92px 78px;gap:28px}.result-column{grid-template-columns:72px minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:center}.result-count{font-size:48px;line-height:1.08}.reset-glyph{bottom:14px;width:48px;height:48px}.reset-glyph:before{top:13px;left:13px;width:18px;height:18px}.reset-glyph:after{top:9px;right:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.choice-stage.is-closing .choice-one,.choice-stage.is-closing .choice-two{transform:none;opacity:0}}