:root{color-scheme:light;font-family:system-ui,"Microsoft YaHei",sans-serif;color:#283526;background:#fff6df}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 90% 0,#e7f1d6,transparent 60%),#fff6df}main{max-width:960px;margin:auto;padding:clamp(24px,5vw,72px)}.eyebrow{font-size:11px;letter-spacing:3px;color:#748259}h1{font-size:clamp(44px,8vw,78px);letter-spacing:.06em;margin:16px 0}p{line-height:1.8}.lead{font-size:18px;color:#67715b}.choices{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:36px 0 20px}section{padding:25px;border:1px solid #ccd0b5;border-radius:18px;background:#fffdf4e0}h2{font-size:21px;margin:0 0 12px}section p{font-size:14px;color:#6f7860}button{border:0;border-radius:9px;padding:13px 20px;background:#304730;color:white;font:600 15px system-ui;cursor:pointer}button:hover{background:#4c6640}button:disabled{opacity:.6;cursor:wait}label{display:block;font-size:13px;margin-bottom:6px}input{width:100%;border:1px solid #c4ccb0;border-radius:8px;background:white;padding:12px;font:16px monospace;text-transform:uppercase;letter-spacing:3px;margin-bottom:12px}aside{border-top:1px solid #ccd0b5;padding-top:18px;color:#7c826f;font-size:12px;line-height:1.8}#status{min-height:26px;color:#8e4328}button:focus-visible,input:focus-visible{outline:3px solid #9dba59;outline-offset:3px}@media(max-width:620px){.choices{grid-template-columns:1fr}main{padding:25px}}
