.confirmation-screen{animation:reveal .35s ease-out}
.confirmation-question{font-size:15px;font-weight:700;line-height:1.8;margin:24px 0}
.confirmation-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
.confirmation-art{margin:0;min-width:0}
.confirmation-art svg{display:block;width:100%;height:auto;aspect-ratio:4/3;border-radius:6px}
.confirmation-content{min-width:0}
.confirmation-selection{display:flex;align-items:center;gap:18px;margin:0 0 24px}
.confirmation-letter{display:grid;place-items:center;flex:0 0 88px;width:88px;height:88px;border-radius:50%;background:#f8d469;color:#352f20;font-size:44px;font-weight:900;animation:stamp .55s ease-out}
.confirmation-label{font-size:20px;font-weight:800;line-height:1.8;overflow-wrap:anywhere}
.confirmation-content h1{font-size:28px;color:#964459;line-height:1.6;margin:0 0 24px;overflow-wrap:anywhere}
.confirmation-actions{display:flex;flex-direction:column;gap:12px}
.final-answer{background:#963e55;box-shadow:0 4px 0 #693341;min-height:56px;font-size:19px}
.final-answer:hover{background:#7f3046}
.final-answer:active{transform:translateY(2px);box-shadow:0 2px 0 #693341}
.choose-again{min-height:48px}
.confirm-replay{font:inherit;font-size:14px;min-height:44px;margin-top:12px;padding:10px 0;color:#236d54;background:transparent;border:0;border-bottom:1px solid #749887;cursor:pointer}
.confirm-replay:disabled{opacity:.45;cursor:default}
.confirmation-content .voice-status{font-size:12px;line-height:1.7;color:#8c4651}
[data-voice-stage="letter"] .confirmation-letter{box-shadow:0 0 0 7px #f8d46955}
[data-voice-stage="choice"] .confirmation-label{text-decoration:underline;text-decoration-color:#dbb94c;text-underline-offset:6px}
[data-voice-stage="final"] #confirm-title{animation:final-answer-pulse 1s ease-in-out 2}
@keyframes final-answer-pulse{50%{opacity:.6}}
@media(max-width:700px){
 .confirmation-layout{grid-template-columns:1fr;gap:24px}
 .confirmation-art{max-width:220px;width:100%;margin:auto}
 .confirmation-question{font-size:14px;margin:20px 0}
 .confirmation-selection{gap:14px;margin-bottom:20px}
 .confirmation-letter{width:64px;height:64px;flex-basis:64px;font-size:34px}
 .confirmation-label{font-size:17px;line-height:1.75}
 .confirmation-content h1{font-size:25px;margin-bottom:20px}
 .final-answer{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.confirmation-screen,.confirmation-letter,[data-voice-stage="final"] #confirm-title{animation:none!important}.final-answer:active{transform:none}}
