:root{--bg:#fff;--fg:#1a1a1a;--muted:#777;--line:#ddd;--accent:#2456c9;--danger:#b3261e;--warn-bg:#fff6d6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#161616;--fg:#e6e6e6;--muted:#8c8c8c;--line:#333;--accent:#7da2ff;--danger:#ff8a80;--warn-bg:#3a3212}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:15px/1.5 system-ui,sans-serif}header{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;padding:10px 16px;display:flex}header nav{flex:1;gap:12px;display:flex}header .who{color:var(--muted)}main{min-width:0;padding:16px}main.narrow{max-width:420px;margin:0 auto}h1{font-size:22px}h2{margin:0 0 12px;font-size:18px}form{flex-direction:column;gap:12px;display:flex}form.inline{flex-flow:wrap;align-items:end;margin-bottom:16px}label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}input,textarea,button{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:7px 10px}textarea{resize:vertical}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button.link{color:var(--accent);background:0 0;border:0;padding:0}button.link.active{color:var(--fg);font-weight:600}button.link.danger{color:var(--danger)}.suffix{color:var(--fg);align-items:center;gap:6px;display:flex}.suffix input{flex:1;min-width:0}.error{color:var(--danger);margin:0}.ok{color:var(--accent);margin:0}.muted{color:var(--muted)}.warn{background:var(--warn-bg);border-radius:4px;margin:0;padding:8px 10px;font-size:13px}.mail{display:flex}.mail aside{border-right:1px solid var(--line);flex-shrink:0;width:180px;padding:16px}.mail aside ul{flex-direction:column;gap:6px;margin:16px 0 0;padding:0;list-style:none;display:flex}.mail main{flex:1}.toolbar{align-items:center;gap:16px;margin-bottom:12px;display:flex}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:6px 8px}th{color:var(--muted);font-size:13px;font-weight:400}.messages{table-layout:fixed}.messages tr{cursor:pointer}.messages tr:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.messages tr.unseen{font-weight:600}.messages td{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.messages .from{width:28%}.messages .date{width:180px;color:var(--muted);text-align:right;font-weight:400}article dl{grid-template-columns:max-content 1fr;gap:2px 12px;margin:0 0 16px;font-size:13px;display:grid}article dt{color:var(--muted)}article dd{overflow-wrap:anywhere;margin:0}.body{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.attachments{margin-top:16px;padding-left:18px}a{color:var(--accent)}@media (width<=640px){.mail{flex-direction:column}.mail aside{border-right:0;border-bottom:1px solid var(--line);width:auto}.mail aside ul{flex-flow:wrap;gap:12px}.messages .from{width:35%}.messages .date{white-space:normal;width:104px}}