.duo-card{--p:0;--q:0;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.duo-card[data-flipped]{touch-action:pan-y}.duo-flip{display:grid;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.duo-card[data-flipped] .duo-flip{transform:rotateY(180deg)}.duo-flip>.duo-side{grid-area:1/1;min-height:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.duo-flip>.duo-back{transform:rotateY(180deg)}.duo-vs{perspective:900px}.duo-face-a{transform-origin:100% 50%;transform:translateX(calc(var(--p) * 9px)) rotateY(calc(13deg - var(--p) * 10deg))}.duo-face-b{transform-origin:0 50%;transform:translateX(calc(var(--p) * -9px)) rotateY(calc(-13deg + var(--p) * 10deg))}.duo-face{background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 9%,var(--color-surface)) 0,var(--color-surface) 62%)}.duo-hinge{transform:scale(calc(1 + max(var(--p), var(--q)) * .12))}.duo-hinge .ca{transform:translateX(calc(var(--p) * 3.4px))}.duo-hinge .cb{transform:translateX(calc(var(--p) * -3.4px))}.duo-stamp{pointer-events:none;border:3px solid;background:color-mix(in srgb,var(--color-surface) 82%,transparent)}.duo-stamp-up{color:var(--color-yes);transform:rotate(-12deg) scale(calc(.8 + var(--p) * .2));opacity:clamp(0,calc(var(--p) * 1.5),1)}.duo-stamp-down{color:var(--color-no);transform:rotate(12deg) scale(calc(.8 - var(--p) * .2));opacity:clamp(0,calc(var(--p) * -1.5),1)}.duo-stamp-skip{color:var(--color-muted);border-style:dashed;transform:translateX(-50%) rotate(-3deg);opacity:clamp(0,calc(var(--q) * 1.5),1)}.duo-card[data-top]{box-shadow:var(--shadow-lift),0 0 0 calc(max(var(--p), var(--p) * -1) * 3px) color-mix(in srgb,var(--color-yes-fill) calc(max(var(--p), 0) * 100%),var(--color-no-fill))}.duo-stage:after,.duo-stage:before{content:"";position:absolute;inset:8% -6%;border-radius:50%;filter:blur(40px);pointer-events:none}.duo-stage:before{background:radial-gradient(closest-side,color-mix(in srgb,var(--color-yes-fill) 32%,transparent),transparent);opacity:clamp(0,var(--p,0),1);transform:translateX(14%)}.duo-stage:after{background:radial-gradient(closest-side,color-mix(in srgb,var(--color-no-fill) 28%,transparent),transparent);opacity:clamp(0,calc(var(--p, 0) * -1),1);transform:translateX(-14%)}.duo-act{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.duo-act-up{transform:scale(calc(1 + clamp(0, var(--p, 0), 1) * .16))}.duo-act-down{transform:scale(calc(1 + clamp(0, calc(var(--p, 0) * -1), 1) * .16))}.duo-act-skip{transform:scale(calc(1 + var(--q, 0) * .16))}.duo-disc{transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,filter .2s}.duo-act:active .duo-disc{transform:scale(.9)}.duo-act:hover .duo-disc{filter:brightness(1.07)}.duo-act-up .duo-disc{box-shadow:0 10px 24px -8px var(--color-yes-fill),0 0 0 calc(5px + clamp(0, var(--p, 0), 1) * 5px) var(--color-yes-soft)}.duo-act-down .duo-disc{box-shadow:0 10px 24px -8px var(--color-no-fill),0 0 0 calc(5px + clamp(0, calc(var(--p, 0) * -1), 1) * 5px) var(--color-no-soft)}.duo-act-skip .duo-disc{box-shadow:var(--shadow-card),0 0 0 calc(var(--q, 0) * 6px) var(--color-tint)}.duo-bar{position:relative;height:12px;border-radius:9999px;background:var(--color-no-fill)}.duo-bar>i{position:absolute;inset:0 auto 0 0;border-radius:9999px 0 0 9999px;background:var(--color-yes-fill);box-shadow:2px 0 0 var(--color-surface);transition:width .5s cubic-bezier(.2,.8,.2,1)}.duo-bar[data-full]>i{border-radius:9999px;box-shadow:none}.duo-bar-wait{background-color:var(--c-hatch-bg);background-image:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--c-hatch-line) 40%,transparent) 0 1px,transparent 1px 6px)}.duo-bar-calc>i,.duo-bar-wait>i{border-radius:9999px;background:var(--color-ink-soft);box-shadow:none}.duo-bar-calc{height:6px;background:var(--color-tint)}.duo-hatch{background-color:var(--c-hatch-bg);background-image:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--c-hatch-line) 35%,transparent) 0 1px,transparent 1px 6px)}.duo-toast-bar{transform-origin:left;animation:duo-shrink 5s linear forwards}@keyframes duo-shrink{to{transform:scaleX(0)}}.duo-pop{animation:duo-pop .55s cubic-bezier(.34,1.56,.64,1)}@keyframes duo-pop{0%{transform:scale(.9) rotate(-1.5deg);opacity:0}to{transform:none;opacity:1}}.duo-in{animation:duo-in .35s cubic-bezier(.2,.8,.2,1)}@keyframes duo-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.duo-hand{animation:duo-hand 2.2s ease-in-out both}@keyframes duo-hand{0%{opacity:0;transform:translateX(0)}12%{opacity:.92}35%{transform:translateX(46px)}65%{transform:translateX(-46px)}85%{opacity:.92;transform:translateX(0)}to{opacity:0}}@media (prefers-reduced-motion:reduce){.duo-act,.duo-face-a,.duo-face-b,.duo-hinge,.duo-hinge .ca,.duo-hinge .cb{transform:none}.duo-flip{transition:none}.duo-hand{display:none}}