.ynb-stage{justify-items:center;gap:18px;width:100%;display:grid}.ynb-question{width:min(100%,460px)}.ynb-question input{border:1px solid color-mix(in srgb, currentColor 22%, transparent);background:color-mix(in srgb, currentColor 7%, transparent);width:100%;color:inherit;font:inherit;text-align:center;border-radius:999px;padding:12px 18px;font-size:1.05rem}.ynb-question input::placeholder{color:color-mix(in srgb, currentColor 55%, transparent)}.ynb-button{--ynb-color:#5c5f66;aspect-ratio:1;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--ynb-color) 55%, #fff), var(--ynb-color) 62%, color-mix(in srgb, var(--ynb-color) 70%, #000));width:min(68vw,260px);box-shadow:0 14px 0 color-mix(in srgb, var(--ynb-color) 55%, #000), 0 24px 40px #00000059;color:#fff;cursor:pointer;touch-action:manipulation;border:0;border-radius:50%;place-items:center;padding:0;transition:transform 90ms,box-shadow 90ms,background .2s;display:grid}.ynb-button[data-answer=yes]{--ynb-color:#2f9e44}.ynb-button[data-answer=no]{--ynb-color:#e03131}.ynb-button[data-answer=maybe]{--ynb-color:#f08c00}.ynb-button:active{box-shadow:0 4px 0 color-mix(in srgb, var(--ynb-color) 55%, #000), 0 10px 20px #0000004d;transform:translateY(10px)}.ynb-button:focus-visible{outline:4px solid color-mix(in srgb, var(--ynb-color) 60%, #fff);outline-offset:6px}.ynb-face{max-width:80%;font-family:var(--font-display), var(--font-ui), sans-serif;overflow-wrap:anywhere;text-shadow:0 2px 8px #0000004d;font-size:clamp(2rem,9vw,3.4rem);line-height:1;animation:.32s cubic-bezier(.2,.9,.3,1.4) both ynb-pop}.ynb-hint{opacity:.7;margin:0;font-size:.9rem}.ynb-tally{gap:10px;margin:0 0 12px;display:flex}.ynb-tally div{background:color-mix(in srgb, currentColor 7%, transparent);text-align:center;border-radius:12px;min-width:72px;padding:8px 12px;display:grid}.ynb-tally dt{opacity:.75;font-size:.8rem}.ynb-tally dd{margin:0;font-size:1.4rem;font-weight:800}.ynb-tally [data-answer=yes] dd{color:#2f9e44}.ynb-tally [data-answer=no] dd{color:#e03131}.ynb-tally [data-answer=maybe] dd{color:#f08c00}@keyframes ynb-pop{0%{opacity:0;transform:scale(.4)}}@media (prefers-reduced-motion:reduce){.ynb-face{animation:none}.ynb-button{transition:none}}