:root{--bg:#fafaf8;--card:#fff;--ink:#1a1a1a;--muted:#6b7280;--yes-500:#4cc05d;--yes-600:#3daa4d;--no-500:#e14d4d;--no-600:#c73c3c;--ring:#d0d5dd;--ring-strong:#98a2b3;--radius:12px;--shadow:0 2px 8px rgba(0,0,0,.06)}.answer-btn{background:#fff;color:var(--ink);border:1px solid var(--ring);box-shadow:var(--shadow);will-change:transform,box-shadow,background}.answer-btn:active{transform:scale(.96)}.answer-btn:focus-visible{outline:2px solid var(--ring-strong);outline-offset:2px}.answer-yes-selected{background:linear-gradient(180deg,var(--yes-500),var(--yes-600));box-shadow:0 0 0 0 rgba(76,192,93,0),0 8px 20px rgba(76,192,93,.25)}.answer-no-selected,.answer-yes-selected{color:#fff;border-color:transparent;animation:pulseShadow .8s ease-out}.answer-no-selected{background:linear-gradient(180deg,var(--no-500),var(--no-600));box-shadow:0 8px 20px rgba(225,77,77,.25)}@keyframes pulseShadow{0%{box-shadow:0 0 0 transparent}50%{box-shadow:0 0 12px rgba(0,0,0,.12)}to{box-shadow:0 8px 20px rgba(0,0,0,.1)}}.answer-btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}