:root { color-scheme: light; font-family: system-ui, "Noto Sans TC", sans-serif; color: #17352f; background: #f4faf8; }
body { margin: 0; }
.shell { width: min(720px, calc(100% - 32px)); margin: 32px auto; background: white; border: 1px solid #cde2dc; border-radius: 18px; padding: 24px; box-sizing: border-box; box-shadow: 0 12px 36px rgb(23 53 47 / 8%); }
h1 { margin-top: 0; }
.candidate { color: #566d67; }
#messages { min-height: 160px; padding: 16px; background: #f7fbfa; border-radius: 12px; }
.answer { white-space: pre-wrap; line-height: 1.65; }
label { display: block; margin: 18px 0 8px; color: #566d67; }
textarea { width: 100%; box-sizing: border-box; padding: 12px; border: 1px solid #9ebdb5; border-radius: 10px; font: inherit; }
button { margin-top: 10px; min-height: 44px; padding: 0 20px; border: 0; border-radius: 10px; color: white; background: #176b57; font: inherit; cursor: pointer; }
footer { margin-top: 24px; padding-top: 16px; border-top: 1px solid #d9e9e5; color: #425d56; }
@media (max-width: 480px) { .shell { width: 100%; margin: 0; min-height: 100vh; border: 0; border-radius: 0; padding: 18px; } }