*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--white: #ffffff;--off-white: #f7f7f5;--surface: #f2f1ee;--border: #e8e6e1;--border-strong: #d4d1ca;--text: #1a1917;--text-2: #6b6760;--text-3: #a09d98;--accent-soft: #f0efe9;--amber: #c47a2b;--amber-bg: #fdf6ec;--green: #2d6a4f;--green-bg: #eef6f2;--red: #c0392b;--red-bg: #fdf0ee;--blue: #3b5bdb;--blue-bg: #eef2fb}html{font-size:16px}body{font-family:DM Sans,sans-serif;background:var(--off-white);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}a{color:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}@media (max-width: 639px){.letter-row{grid-template-columns:34px 1fr auto!important;grid-template-rows:auto auto;padding:12px 14px!important;gap:0 10px!important}.letter-row-subject{grid-column:2 / -1}.compose-form{padding:18px 16px 80px!important}.letter-body{padding:20px 16px!important}.people-grid{padding:14px 14px 80px!important}}