:root{color-scheme:light;--ink:#20302b;--cream:#f7f3e8;--sage:#496b5b;--coral:#cf684d;--paper:#fffdf7}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 90% 0,#e4d8b9 0,transparent 34%),var(--cream);font-family:Georgia,Times New Roman,serif}main{width:min(850px,calc(100% - 28px));margin:24px auto 60px}header{display:flex;align-items:center;gap:14px;border-bottom:1px solid #b9b09c;padding:8px 0 18px}header h1,header p{margin:0}header p{font:12px system-ui;letter-spacing:.07em;text-transform:uppercase;margin-top:4px}.mark{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--coral);color:white;font-size:25px;font-weight:700}.phase{margin-left:auto;background:#dce6df;padding:7px 12px;border-radius:99px;font:600 12px system-ui;text-transform:uppercase;letter-spacing:.08em}.intro{padding:42px 4px 25px}.intro h2{font-size:clamp(36px,7vw,66px);line-height:.95;max-width:660px;margin:8px 0 18px;font-weight:500}.intro>p:last-child{max-width:600px;font-size:18px;line-height:1.5}.eyebrow{color:var(--coral);font:700 12px system-ui;text-transform:uppercase;letter-spacing:.14em}.chat{display:flex;flex-direction:column;gap:14px;padding:22px 0}.line{max-width:82%;padding:14px 18px;border-radius:18px;background:var(--paper);box-shadow:0 3px 18px #443e3020}.line.you{align-self:flex-end;background:var(--sage);color:white}.line small{font:700 10px system-ui;text-transform:uppercase;letter-spacing:.1em;opacity:.65}.line p{margin:6px 0 0;line-height:1.45}.proposals{border:2px solid var(--coral);padding:18px;border-radius:16px;background:#fff7ef}.proposals h3{margin-top:0}.proposals article{border-top:1px solid #e5c7b8;padding-top:12px;margin-top:12px}pre{white-space:pre-wrap;font-size:12px}button{border:0;border-radius:10px;padding:12px 18px;background:var(--coral);color:white;font-weight:700;cursor:pointer}button:disabled{opacity:.5}form{margin-top:24px}form label{display:block;font:700 12px system-ui;margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em}form>div{display:flex;gap:10px;align-items:stretch}textarea{flex:1 1;min-height:90px;border:1px solid #aaa18e;border-radius:14px;padding:14px;font:16px system-ui;background:var(--paper);resize:vertical}footer{margin-top:26px;padding-top:16px;border-top:1px solid #cfc5b0;font:12px system-ui;color:#59635e}@media(max-width:600px){main{margin-top:10px}.intro{padding-top:28px}.line{max-width:92%}form>div{flex-direction:column}.phase{display:none}}