:root{color-scheme:light;--ink:#18312d;--muted:#667b76;--paper:#f7f3e8;--line:#d8d2c2;--accent:#d97042}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Georgia,serif}header{height:72px;padding:0 max(24px,calc((100% - 1040px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-family:system-ui,sans-serif}header span{color:var(--muted);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.brand{color:inherit;text-decoration:none;font-weight:700}main{max-width:1040px;margin:auto;padding:72px 24px}.intro{max-width:760px}.eyebrow{font:600 12px/1 system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}h1{font-size:clamp(40px,7vw,76px);line-height:1.02;margin:18px 0 24px;letter-spacing:-.04em}.intro>p:last-child{max-width:640px;color:var(--muted);font-size:19px}.notebook{margin:56px 0 36px;padding:28px;border:1px solid var(--line);background:#fffdf7;display:grid;grid-template-columns:1fr 1fr;gap:22px;box-shadow:8px 8px 0 #e6dfce}label{display:grid;gap:8px;font:600 13px/1.2 system-ui,sans-serif}.wide{grid-column:1/-1}input,textarea{width:100%;border:0;border-bottom:1px solid var(--line);padding:12px 2px;background:transparent;color:var(--ink);font:17px/1.5 Georgia,serif;outline:none}textarea{border:1px solid var(--line);padding:12px;resize:vertical}input:focus,textarea:focus{border-color:var(--accent)}.actions{grid-column:1/-1;display:flex;align-items:center;gap:12px}button{border:1px solid var(--ink);background:var(--ink);color:white;padding:11px 18px;font-weight:700;cursor:pointer}.quiet{background:transparent;color:var(--ink)}#status{color:var(--muted);font:13px system-ui,sans-serif}.tips{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tips article{border-top:2px solid var(--ink);padding-top:14px}.tips p{color:var(--muted);margin:.5em 0}footer{max-width:1040px;margin:auto;padding:24px;border-top:1px solid var(--line);color:var(--muted);font:13px system-ui,sans-serif}@media(max-width:650px){main{padding-top:44px}.notebook{grid-template-columns:1fr}.wide{grid-column:auto}.actions{grid-column:auto;flex-wrap:wrap}.tips{grid-template-columns:1fr}}