:root{color-scheme:light dark;--bg:#f6f3ec;--paper:#fffdf8;--ink:#28372e;--muted:#667368;--line:#d7ddd2;--sage:#3d6652}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 system-ui,sans-serif}header,main,footer{max-width:850px;margin:auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}a{color:var(--sage);text-underline-offset:4px}.brand{font:30px Georgia,serif;text-decoration:none;color:var(--ink)}nav{display:flex;gap:18px;flex-wrap:wrap}h1{font:clamp(36px,6vw,54px)/1.15 Georgia,serif;margin:28px 0 16px}h2{font:27px Georgia,serif;margin-top:36px}.intro{font-size:20px;color:var(--muted)}.note{border-left:3px solid var(--sage);padding:12px 20px;background:var(--paper)}label{display:block;margin-top:20px;font-weight:600}input,select,textarea,button{font:inherit;border:1px solid var(--line);border-radius:10px;padding:12px;width:100%;background:var(--paper);color:var(--ink)}button{background:var(--sage);color:white;margin-top:22px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}textarea{min-height:160px}footer{font-size:14px;color:var(--muted);border-top:1px solid var(--line)}.trap{position:absolute;left:-9999px}li{margin:.4em 0}:focus-visible{outline:3px solid #b98740;outline-offset:3px}@media(prefers-color-scheme:dark){:root{--bg:#19231e;--paper:#222e27;--ink:#eae8df;--muted:#b0beb3;--line:#3a4b3f;--sage:#9fbea7}button{background:#416b54;color:white}}@media(max-width:550px){header{align-items:flex-start;flex-direction:column}header,main,footer{padding:22px}}