*{box-sizing:border-box}body{margin:0;background:#f6f7f3;color:#213c33;font:16px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #83b49e;outline-offset:3px}button{border:0;border-radius:10px;padding:12px 20px}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e6dd}.shell{max-width:1200px;padding:0 40px;margin:auto}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#183e30;font-size:22px;font-weight:700;letter-spacing:-.7px}.mark{background:#24533f;color:#e6f2ce;border-radius:11px;width:36px;height:36px;display:grid;place-items:center;font-size:27px}.product{font-size:14px;font-weight:400;letter-spacing:0;border-left:1px solid #cad3c9;padding-left:16px;margin-left:4px;color:#69756c}.quiet{background:transparent;color:#526359}.intro{padding:42px 0 25px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px;color:#6c8071;margin:0 0 10px}h1{font-size:40px;line-height:1.16;font-weight:600;letter-spacing:-1.7px;margin:0 0 12px}.muted{color:#708075;font-size:15px}.intro .muted{margin:0}.columns{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:36px}.compose{background:#fff;border:1px solid #e0e7dc;border-radius:20px;padding:26px 30px;box-shadow:0 5px 28px #263b2010}.sender{display:flex;align-items:center;gap:12px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid #edf0e9}.avatar{width:42px;height:42px;display:grid;place-items:center;background:#edf2e4;border-radius:50%;font-size:13px;color:#4b6e3d}.sender strong{font-size:14px}.sender p{margin:1px 0 0;color:#738175;font-size:12px}.dot{height:7px;width:7px;margin-left:auto;border-radius:50%;background:#c48842}.dot.ready{background:#559359}label{display:block;color:#3f5548;font-size:13px;font-weight:600;margin:0 0 20px}.optional{font-weight:400;color:#8a968c;font-size:12px;margin-left:6px}input,textarea{display:block;width:100%;border:1px solid #dce3d8;border-radius:9px;background:#fdfefb;padding:13px 14px;margin-top:7px;color:#253f33;outline:none;font-size:15px;font-weight:400}input:focus,textarea:focus{border-color:#708d64;box-shadow:0 0 0 3px #d4e6c64d}input::placeholder,textarea::placeholder{color:#9aa498}textarea{resize:vertical;min-height:160px;line-height:1.6}.primary{background:#234e3a;color:white;font-weight:500;font-size:14px;padding:13px 24px}.primary:hover{background:#1b402e}.sendbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:4px}.sendbar>span{font-size:12px;color:#899687}aside{padding:6px 0}h2{display:flex;justify-content:space-between;font-size:15px;font-weight:600;margin:0 0 22px}h2>span{background:#e9eee3;border-radius:5px;font-size:12px;padding:2px 7px}.empty{border:1px dashed #d6dfcf;border-radius:14px;text-align:center;padding:38px 15px;color:#8a9685;font-size:14px}.empty>span{font-size:30px;color:#819575}.aside-note{font-size:12px;color:#8b9687;line-height:1.7;margin:20px 4px}.history{padding:0;list-style:none;max-height:540px;overflow:auto;margin:0}.history li{padding:18px 0;border-bottom:1px solid #e1e7dc;overflow-wrap:anywhere}.history li:first-child{padding-top:0}.mail-meta{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:10px;color:#85917f}.history strong{font-size:14px;font-weight:500}.history p{font-size:12px;color:#82907b;margin:4px 0 0}.history small{color:#98743b}.status{border-radius:4px;padding:3px 5px;background:#e9eee1;color:#718263}.status.accepted{background:#e4efdd;color:#47713f}.status.failed,.status.unknown{background:#f7e8db;color:#9a6535}.error{background:#fff2e9;color:#95513c;font-size:13px;padding:12px;border-radius:8px}.receipt{margin-top:18px;padding:14px;border-radius:9px;background:#eff5e8;font-size:14px}.receipt p{margin:4px 0;font-size:13px}.receipt small{color:#6e8065}.login{max-width:390px;margin:75px auto}.login h1{font-size:43px}.login .muted{margin:20px 0 30px;line-height:1.7}.login form{margin-top:25px}.login .primary{width:100%;margin-top:6px}footer{font-size:11px;color:#9ba593;padding:34px 0 24px}main{min-height:calc(100vh - 180px)}@media(max-width:760px){.shell{padding:0 20px}header{height:74px}.brand{font-size:19px;gap:8px}.product{font-size:12px;padding-left:9px}.mark{width:30px;height:30px;font-size:24px}.columns{grid-template-columns:1fr;gap:30px}.intro{padding:30px 0 20px}h1{font-size:32px}.compose{padding:20px}.login{margin:55px auto}.login h1{font-size:36px}.sendbar>span{font-size:11px}.primary{padding:12px 20px}}