:root{color-scheme:light dark;--bg:#f5f3ed;--ink:#222b26;--muted:#535f57;--line:#78877c;--accent:#285e45;--surface:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.55 system-ui,sans-serif}main{max-width:36rem;margin:0 auto;padding:3rem 1.5rem}h1{font-size:1.75rem;line-height:1.2;margin:.5rem 0 1rem}.eyebrow{font-size:.75rem;letter-spacing:.12em;font-weight:700;color:var(--accent)}p{margin:1rem 0}#status{border-left:.25rem solid var(--accent);padding:1rem;background:var(--surface)}button,textarea{font:inherit;border:1px solid var(--line);border-radius:.25rem}button{background:var(--accent);color:#fff;padding:.65rem 1rem;cursor:pointer}button:disabled{opacity:.6;cursor:wait}label{display:block;margin:2rem 0 .5rem;font-weight:600}textarea{width:100%;padding:.75rem;background:var(--surface);color:var(--ink);resize:vertical}.hint{font-size:.875rem;color:var(--muted)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(prefers-color-scheme:dark){:root{--bg:#18211c;--ink:#ecf0ea;--muted:#bdc9bf;--line:#85968b;--accent:#87cba3;--surface:#26332b}button{color:#18211c}}