.answer-card{border-radius:var(--radius-xl,26px);background:var(--surface-stage);box-shadow:var(--shadow-float);position:relative;overflow:hidden}.answer-card-stack{flex-direction:column;min-height:460px;display:flex}.answer-half{flex:auto;flex-basis:var(--half-basis,50%);transition:flex-basis var(--duration-reveal,.62s) var(--ease-spring,cubic-bezier(.34, 1.4, .64, 1)), filter .16s ease-out;min-width:0;min-height:0;font:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;padding:3.25rem 1.5rem 1.25rem;display:flex;position:relative;overflow:hidden}.answer-half--a{background:var(--pattern-dots) 0 0 / 18px 18px, var(--gradient-option-a);color:var(--on-color)}.answer-half--b{background:var(--gradient-option-b);color:var(--surface-card);padding:1.25rem 1.5rem 3rem}.answer-half:disabled{cursor:default}@media (hover:hover) and (pointer:fine){.answer-half:hover:not(:disabled){filter:brightness(1.06)}.answer-half:hover:not(:disabled) .answer-half-inner{transform:translateY(-3px)}}.answer-half:active:not(:disabled) .answer-half-inner{transform:scale(.985)}.answer-half:focus-visible{outline:3px solid var(--surface-card);outline-offset:-6px}.answer-half-img{object-fit:cover;opacity:.45;z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.answer-half-inner{z-index:2;flex-direction:column;align-items:center;gap:12px;max-width:94%;transition:transform .16s ease-out;display:flex;position:relative}.answer-half-percent{font-family:var(--font-fredoka), system-ui, sans-serif;font-variant-numeric:tabular-nums;font-size:max(2.6rem,min(8vw,4rem));font-weight:700;line-height:1;animation:.4s both es-rise}.answer-half-text{font-family:var(--font-fredoka), system-ui, sans-serif;text-wrap:balance;font-size:max(1.35rem,min(4.4vw,2rem));font-weight:700;line-height:1.1}.answer-half-pick{border-radius:var(--radius-full,999px);font-family:var(--font-nunito), system-ui, sans-serif;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:5px;padding:6px 15px;font-size:.75rem;font-weight:800;animation:.3s both es-rise;display:inline-flex}.answer-half--a .answer-half-pick{background:var(--on-color);color:var(--pickle-600)}.answer-half--b .answer-half-pick{background:var(--surface-card);color:var(--berry-700)}.answer-card-prompt{z-index:10;text-align:center;pointer-events:none;font-family:var(--font-fredoka), system-ui, sans-serif;color:var(--on-color);text-shadow:0 1px 12px #00000073;font-size:max(1rem,min(1.8vw,1.35rem));font-style:italic;font-weight:600;position:absolute;top:22px;left:0;right:0}.answer-card-or{z-index:11;background:var(--surface-card);width:66px;height:66px;color:var(--ink);box-shadow:var(--shadow-overlay);font-family:var(--font-fredoka), system-ui, sans-serif;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (min-width:640px){.answer-card-stack{flex-direction:row;min-height:420px}.answer-half,.answer-half--b{padding:4.375rem 1.625rem 1.875rem}}