:root{--bg:#fbf7f2;--ink:#1e1b18;--muted:#5a554e;--line:#e8e2d8;--card:#fff;--accent:#2f6b5e;--accent-soft:#eef3f0;--sand:#f3efe8;--bar:#dad3c7}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent)}a:hover{color:#1f4a41}button,input,textarea{font-family:inherit;font-size:16px}button{cursor:pointer}.wrap{max-width:430px;margin:0 auto;padding:20px 16px 56px;display:flex;flex-direction:column;gap:20px}.brand{font-family:Fraunces,Georgia,serif;font-style:italic;font-size:20px;font-weight:500;color:var(--accent)}.muted{color:var(--muted)}.card{display:flex;flex-direction:column;gap:12px;padding:18px;background:var(--card);border:1px solid var(--line);border-radius:18px}.eyebrow{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.q{margin:0;font-family:Fraunces,Georgia,serif;font-weight:500;font-size:30px;line-height:1.15;letter-spacing:-.01em}.btn{min-height:44px;padding:0 18px;border-radius:22px;border:0;background:var(--accent);color:#fff;font-size:15px;font-weight:600}.btn:disabled{opacity:.5;cursor:default}.btn-ghost{min-height:44px;padding:0 14px;border-radius:22px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:15px}.field{width:100%;padding:12px 14px;border:1px solid var(--bar);border-radius:12px;background:#fff;color:var(--ink)}textarea.field{resize:vertical;min-height:140px;line-height:1.5}.followup{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--accent-soft);border-radius:12px}.followup .eyebrow{color:var(--accent);font-size:11px}.avatar{width:36px;height:36px;border-radius:50%;color:#fff;display:flex;justify-content:center;font-weight:600;flex-shrink:0}.avatar,.chip{align-items:center;font-size:15px}.chip{display:inline-flex;gap:6px;min-height:34px;padding:0 12px;border-radius:17px;color:var(--ink);border:1px solid var(--line);background:var(--bg)}.chip.mine{border-color:var(--accent);background:var(--accent-soft)}.pre{margin:0;font-size:16px;line-height:1.5;white-space:pre-line}.rec{width:72px;height:72px;border-radius:50%;border:0;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center}.rec.on{background:#b5542d}.notice{font-size:14px;color:var(--muted);line-height:1.5}