:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
body { margin: 0; min-height: 100dvh; display: grid; grid-template-rows: 1fr auto; }
main { display: grid; place-items: center; padding: 2rem; }
.status { text-align: center; max-width: 720px; }
.answer { font-size: clamp(4rem, 18vw, 12rem); margin: 0; line-height: 1; }
.answer.yes { color: hsl(140 60% 40%); }
.answer.no  { color: hsl(0 60% 50%); }
.answer.pending { color: hsl(40 40% 50%); }
.caption { font-size: 1rem; opacity: 0.7; margin: 0.5rem 0 1.5rem; }
#frame { width: min(640px, 100%); border-radius: 8px; }
footer { padding: 1rem; text-align: center; font-size: 0.85rem; opacity: 0.7; }
footer a { color: inherit; }