*{box-sizing:border-box}body{margin:0;background:#edf2f7;color:#10283f;font:16px/1.55 system-ui,sans-serif}main{max-width:760px;margin:auto;padding:30px 20px 55px}header,.heading,.buttons{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.brand{font-size:25px;font-weight:800}.tag{font-size:12px;letter-spacing:.12em;font-weight:700;color:#345c75}h1{font-size:clamp(30px,5vw,42px);line-height:1.15;margin:35px 0 12px;max-width:600px}h2{font-size:20px;margin:0 0 14px}.intro{color:#465c70}.offline{border-left:4px solid #38738c;padding:12px 16px;background:#ddebf2;margin:25px 0}section{background:#fff;border:1px solid #d3dee8;border-radius:14px;padding:24px;margin:16px 0}#status{background:#edf2f7;padding:14px;border-radius:7px;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0}button,input,select{font:inherit;border-radius:7px;padding:12px 16px}button{border:1px solid #176b8f;background:#176b8f;color:white;font-weight:650;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:white;color:#176080;border-color:#b8cad7}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f3ae36;outline-offset:3px}.buttons{justify-content:flex-start}label{display:block;font-weight:650;margin:16px 0 6px}input,select{width:100%;border:1px solid #9eb2c1;background:white;color:#10283f}#send,#inbox{margin-top:14px}.hint,footer{font-size:14px;color:#526677}#count{margin-top:5px}.small{font-size:14px;padding:6px 10px}ol{list-style:none;padding:0}li{white-space:pre-wrap;overflow-wrap:anywhere;border-bottom:1px solid #dce5ed;padding:12px 0}footer{margin-top:28px}@media(max-width:430px){section{padding:18px}main{padding:22px 14px}button{width:100%}.small{width:auto}}