[data-tool="oui-ou-non"]{--yn-yellow: var(--outil-accent,#fcd34d);--yn-yellow-soft: var(--outil-surface,#fff8db);--yn-blue: var(--outil-action,#1f4f8f);--yn-blue-dark: var(--outil-fonce,var(--primary-dark,#173c6c));--yn-border: var(--outil-bord,#ead48a);--yn-text: var(--outil-texte,#1f2937);--yn-shadow: 0 12px 26px rgb(var(--outil-ombre-rgb,31 60 108) / 0.1);display: grid;gap: 1rem;color: var(--yn-text)}[data-tool="oui-ou-non"] *,[data-tool="oui-ou-non"] *::before,[data-tool="oui-ou-non"] *::after{box-sizing: border-box}[data-tool="oui-ou-non"] button{font: inherit;cursor: pointer}[data-tool="oui-ou-non"] button:disabled{cursor: not-allowed;opacity: 0.55}[data-tool="oui-ou-non"] button:disabled:hover{transform: none;box-shadow: none}.yes-no-intro,.yes-no-status{margin: 0;color: var(--yn-text);line-height: 1.55}.yes-no-card{border: 1px solid var(--yn-border);border-radius: 14px;background: #fff;box-shadow: var(--yn-shadow)}.yes-no-stage{display: grid;grid-template-rows: auto auto minmax(17rem,1fr) auto auto;gap: 1.35rem;justify-items: center;align-items: center;min-height: 34rem;padding: 1.1rem;text-align: center}.yes-no-stage h2,.yes-no-result-box h3{margin: 0;color: var(--yn-blue-dark);font-size: 1.08rem;font-weight: 900;line-height: 1.2}.yes-no-status{min-height: 1.55em;font-weight: 800}.yes-no-visual-wrap{width: min(21rem,78vw);aspect-ratio: 1 / 1;display: grid;place-items: center;perspective: 1000px}.yes-no-visual{position: relative;width: 100%;aspect-ratio: 1 / 1;border-radius: 18px;transform-style: preserve-3d;transition: transform 0.32s ease}.yes-no-visual.is-empty,.yes-no-visual.is-yes,.yes-no-visual.is-no{transform: rotateY(0deg)}.yes-no-visual.is-drawing{transition: none}.yes-no-visual.is-drawing[data-side="yes"]{animation: yes-no-flip-yes 0.96s cubic-bezier(0.22,0.72,0.2,1) both}.yes-no-visual.is-drawing[data-side="no"]{animation: yes-no-flip-no 0.96s cubic-bezier(0.22,0.72,0.2,1) both}.yes-no-face{position: absolute;inset: 0;display: grid;place-items: center;border-radius: 18px;backface-visibility: hidden;-webkit-backface-visibility: hidden;overflow: hidden;opacity: 0;transition: opacity 0.12s ease;box-shadow: inset 0 0 0 0.28rem rgb(255 255 255 / 0.26),0 18px 38px rgb(var(--outil-ombre-rgb,31 60 108) / 0.16)}.yes-no-visual.is-empty .yes-no-face-empty,.yes-no-visual.is-drawing .yes-no-face-empty{opacity: 1}.yes-no-visual.is-yes .yes-no-face-yes{opacity: 1}.yes-no-visual.is-no .yes-no-face-no{opacity: 1}.yes-no-face::before{content: "";position: absolute;inset: 0;z-index: 0;pointer-events: none}.yes-no-face-empty{transform: translateZ(1px);border: 0.45rem solid var(--yn-blue-dark);background: #fff;color: var(--yn-blue-dark)}.yes-no-face-empty::before{background: linear-gradient(90deg,rgb(252 211 77 / 0.18) 0 50%,rgb(23 60 108 / 0.08) 50% 100%)}.yes-no-face-yes{transform: translateZ(1px);border: 0.45rem solid var(--yn-blue-dark);background: var(--yn-yellow);color: var(--yn-blue-dark)}.yes-no-face-no{transform: translateZ(1px);border: 0.45rem solid var(--yn-blue-dark);background: var(--yn-blue-dark);color: #fff}.yes-no-question-mark,.yes-no-check,.yes-no-cross{position: relative;z-index: 1;display: block;fill: currentColor}.yes-no-question-mark{width: 34%;transform: translateY(-6%)}.yes-no-check{width: 56%}.yes-no-cross{width: 48%}.yes-no-result-box{display: grid;gap: 0.25rem;justify-items: center;min-height: 5.2rem;margin-top: 0.35rem}.yes-no-result-box h3{font-size: 1.02rem}.yes-no-result{margin: 0;min-height: 1.08em;color: var(--yn-blue-dark);font-size: clamp(2.1rem,5.5vw,3.4rem);font-weight: 900;line-height: 1}.yes-no-result.is-empty{color: var(--yn-text)}[data-tool="oui-ou-non"].is-drawing .yes-no-result-box{visibility: hidden}.yes-no-actions{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.85rem;margin-top: 0.25rem}.yes-no-main-btn,.yes-no-reset-btn{min-width: 9.4rem;min-height: 2.85rem;border-radius: 10px;padding: 0.75rem 1rem;font-weight: 900;line-height: 1}.yes-no-reset-btn{border: 2px solid var(--yn-blue);background: #fff;color: var(--yn-blue)}@keyframes yes-no-flip-yes{0%{transform: rotateY(0deg) rotateX(0deg) scale(1)}45%{transform: rotateY(900deg) rotateX(10deg) scale(1.05)}100%{transform: rotateY(1980deg) rotateX(0deg) scale(1)}}@keyframes yes-no-flip-no{0%{transform: rotateY(0deg) rotateX(0deg) scale(1)}45%{transform: rotateY(1080deg) rotateX(10deg) scale(1.05)}100%{transform: rotateY(2160deg) rotateX(0deg) scale(1)}}@media (max-width: 560px){.yes-no-stage{min-height: auto;padding: 0.85rem}.yes-no-visual-wrap{width: min(20rem,86vw)}.yes-no-actions{width: 100%}.yes-no-main-btn,.yes-no-reset-btn{width: 100%}}@media (prefers-reduced-motion: reduce){.yes-no-visual,.yes-no-visual.is-drawing{transition: none;animation: none}}