:root{--bg:#f6f7f9;--card:#ffffff;--ink:#1a1d21;--muted:#6b7280;--line:#d9dce1;--accent:#2f5c8f;--accent-ink:#ffffff;--ok:#1c7c4a;--err:#b42318}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.wrap{max-width:640px;margin:0 auto;padding:24px 16px 64px}h1{font-size:22px;margin:8px 0 4px}.sub{color:var(--muted);margin:0 0 20px;font-size:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px}label{display:block;font-size:13px;font-weight:600;margin:14px 0 4px}.hint{font-weight:400;color:var(--muted)}input,select,textarea{width:100%;padding:10px 12px;font-size:16px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}textarea{min-height:60px;resize:vertical}.row{display:flex;gap:12px}.row>*{flex:1 1}button{width:100%;margin-top:22px;padding:13px;font-size:16px;font-weight:700;color:var(--accent-ink);background:var(--accent);border:0;border-radius:8px;cursor:pointer}button:disabled{opacity:.55;cursor:default}.msg{margin-top:16px;padding:12px 14px;border-radius:8px;font-size:14px}.msg.ok{background:#e7f4ec;color:var(--ok);border:1px solid #b7e0c6}.msg.err{background:#fdeceb;color:var(--err);border:1px solid #f3c2bd;white-space:pre-wrap}.section{margin-top:22px;padding-top:14px;border-top:1px solid var(--line)}.section h2{font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 4px}.nav{display:flex;gap:16px;margin-bottom:8px;font-size:14px}.nav a{color:var(--accent);text-decoration:none}.nav a:hover{text-decoration:underline}.list{list-style:none;margin:0;padding:0}.list li{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;background:var(--card)}.list .lirow,.list a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;color:var(--ink)}.list a:hover{background:#fafbfc}.list .who{font-weight:600}.list .meta{color:var(--muted);font-size:13px}.pill{font-size:12px;padding:2px 8px;border-radius:999px;background:#eef2f7;color:var(--accent);white-space:nowrap}.pill.sent{background:#e7f4ec;color:var(--ok)}.cta{display:block;text-align:center;padding:13px;font-weight:700;color:var(--accent-ink);background:var(--accent);border-radius:8px;text-decoration:none;margin:8px 0}.linkrow{display:flex;gap:12px;margin:16px 0 24px}.linkrow a{flex:1 1;text-align:center;padding:11px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--accent);background:var(--card);font-size:14px}.empty{color:var(--muted);text-align:center;padding:28px 12px}.btn-sm{width:auto;margin:0;padding:7px 12px;font-size:13px;font-weight:600}.btnrow{display:flex;gap:12px;margin-top:22px}.btnrow button{margin-top:0}button.secondary{background:#fff;color:var(--accent);border:1px solid var(--accent)}.preview{margin-top:16px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.preview object{display:block}