:root{font-family:Arial,sans-serif;color:#ecf2f8;background:#101d2c;font-size:15px}*{box-sizing:border-box}body{margin:0;max-width:520px;margin-inline:auto}header{padding:12px;background:#17354a;border-bottom:3px solid #5ce0c6;display:flex;justify-content:space-between;align-items:center}header b{letter-spacing:2px;font-size:20px}header span{font-size:10px;letter-spacing:1px}main{padding:10px}h1{font-size:19px;line-height:1.35;margin:12px 0}p{line-height:1.45}label{display:block;margin-bottom:6px}input,button{font:inherit}input{width:100%;padding:10px;background:#fff;color:#102030;border:2px solid #5ce0c6;border-radius:5px;margin-bottom:10px}button{background:#1f4058;border:1px solid #66859a;color:#fff;padding:9px;border-radius:5px;cursor:pointer}form button{width:100%;background:#5ce0c6;color:#102030;font-weight:bold}.toolbar{display:flex;justify-content:space-between;gap:6px}.message{width:100%;text-align:left;display:block;margin:6px 0;line-height:1.3}.message b,.message small{display:block}.message small{color:#b5cbd9;margin-top:4px}.message.selected,button:focus-visible{outline:2px solid #5ce0c6;background:#2a5167}.unread{border-left:4px solid #5ce0c6}.hint,footer,#date{font-size:12px;color:#adc1d1}footer{padding:10px;border-top:1px solid #314b60}pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}#sender{overflow-wrap:anywhere;color:#5ce0c6}#error{color:#ffbaa8}[hidden]{display:none!important}