:root{--ink:#24221e;--paper:#f4efe4;--line:#24221e24;--muted:#777166}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:radial-gradient(circle at 15% 15%, #d7b26c2e, transparent 30rem), radial-gradient(circle at 90% 30%, #7d91b124, transparent 34rem), var(--paper);min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}main{min-height:100vh}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1120px,100% - 40px);margin:0 auto;padding:28px 0;display:flex}.brand{align-items:center;gap:12px;font-weight:700;display:flex}.brandMark{border:1px solid var(--ink);border-radius:12px;place-items:center;width:36px;height:36px;font-size:12px;display:grid}.status,.sectionTitle>span,.placeholder{color:var(--muted);font-size:13px}.hero{width:min(900px,100% - 40px);margin:0 auto;padding:96px 0 72px}.eyebrow{color:#8c6e34;letter-spacing:.12em;text-transform:uppercase;margin:0 0 16px;font-size:12px;font-weight:700}h1{letter-spacing:-.045em;max-width:820px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,7vw,76px);font-weight:400;line-height:.98}.intro{color:#5e5a52;max-width:640px;margin:30px 0 38px;font-size:18px;line-height:1.6}.capture{border:1px solid var(--line);color:var(--muted);background:#ffffffb8;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:14px 14px 14px 18px;display:grid;box-shadow:0 18px 60px #352d1f14}.mic{color:#b85445;font-size:11px}.capture button{background:var(--ink);color:#fff;border:0;border-radius:12px;padding:11px 16px}.capture input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:16px}.capture input::placeholder{color:var(--muted)}.compactHero{padding-bottom:64px}.textButton{color:var(--muted);background:0 0;border:0}.board{border-top:1px solid var(--line);width:min(1120px,100% - 40px);margin:0 auto;padding:48px 0 80px}.sectionTitle{justify-content:space-between;align-items:end;display:flex}h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:32px;font-weight:400}.cards{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px;display:grid}.card{border:1px solid #24221e1a;border-radius:18px;flex-direction:column;min-height:190px;padding:22px;display:flex;box-shadow:0 10px 30px #352d1f0a}.card.ochre{background:#e8d6a9}.card.blue{background:#cbd7df}.card.violet{background:#d8cfdf}.kind{letter-spacing:.1em;text-transform:uppercase;opacity:.58;font-size:11px;font-weight:700}.card p{margin:20px 0 auto;font-family:Georgia,Times New Roman,serif;font-size:24px;line-height:1.18}.placeholder{color:#24221e8c;margin-top:24px}.cardFooter{justify-content:space-between;align-items:end;gap:16px;display:flex}.completeButton{color:#24221ea6;background:0 0;border:0;border-bottom:1px solid #24221e59;font-size:12px}.card.green{background:#ceddca}.card.rose{background:#e4c9c2}.emptyState{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:18px;margin:26px 0 0;padding:48px}.loginPage{place-items:center;padding:32px;display:grid}.loginPanel{border:1px solid var(--line);background:#ffffff9e;border-radius:24px;width:min(520px,100%);padding:48px;box-shadow:0 24px 80px #352d1f14}.loginBrand{margin-bottom:72px}.loginPanel h1{font-size:clamp(44px,9vw,68px)}.loginForm{gap:18px;margin-top:40px;display:grid}.loginForm label{color:var(--muted);gap:8px;font-size:13px;display:grid}.loginForm input{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffffb8;border-radius:12px;outline:0;padding:13px 14px}.loginForm input:focus{border-color:#24221e8c}.loginForm button{background:var(--ink);color:#fff;border:0;border-radius:12px;margin-top:6px;padding:14px}.loginForm button:disabled{opacity:.55}.formError{color:#a24436;margin:0;font-size:13px}.legalPage{width:min(760px,100% - 40px);margin:0 auto;padding:96px 0}.legalPage h1{margin-bottom:40px}.legalPage p:not(.eyebrow){color:#5e5a52;font-size:17px;line-height:1.7}@media (max-width:760px){.topbar,.hero,.board{width:min(100% - 28px,900px)}.hero{padding:64px 0 52px}h1{font-size:clamp(42px,13vw,60px)}.capture{grid-template-columns:auto 1fr}.capture button{display:none}.cards{grid-template-columns:1fr}.card{min-height:160px}.loginPage{padding:14px}.loginPanel{padding:28px}.loginBrand{margin-bottom:52px}}