:root{--bg:#f6f4ef;--card:#fff;--text:#1f2328;--dim:#6b6f76;--line:#e4e0d8;--accent:#2f6f5e;--accent-text:#fff;--danger:#b3261e;--ok:#2f6f5e;--shadow:0 1px 2px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.04);color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg:#15171a;--card:#1f2226;--text:#e8e6e1;--dim:#9a9ea5;--line:#2e3237;--accent:#6fbfa6;--accent-text:#0f1a16;--danger:#f2a49e;--ok:#6fbfa6;--shadow:none;color-scheme:dark}}*{box-sizing:border-box}html{scroll-padding-bottom:96px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;-webkit-text-size-adjust:100%}main{max-width:640px;margin:0 auto;padding:32px 16px 64px}h1{font-size:28px;line-height:1.2;margin:0 0 12px}h2{font-size:18px;margin:32px 0 12px}a{color:var(--accent)}button,input,textarea{font:inherit;color:inherit}input,textarea{width:100%;padding:10px 12px;background:var(--card);border:1px solid var(--line);border-radius:8px}textarea{resize:vertical;min-height:64px}a:focus-visible,button:focus-visible,input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}label{display:block;font-size:14px;color:var(--dim);margin:12px 0 4px}.button{display:inline-block;padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:var(--card);cursor:pointer;text-decoration:none;color:var(--text)}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.button:disabled{opacity:.5;cursor:not-allowed}.error{color:var(--danger)}.dim{color:var(--dim)}