:root{--bg:#f5f6f8;--card:#fff;--text:#16181d;--muted:#5d6470;--border:#dde1e7;--accent:#0b62d6;--accent-text:#fff;--danger:#b42318;--ok:#157f3b;--warn:#9a6200;--mark:#ffe58a;--focus:#0b62d6;--radius:10px;font-family:system-ui,-apple-system,Segoe UI,Tahoma,Noto Sans Arabic,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--card:#181b21;--text:#e8eaee;--muted:#a2a9b4;--border:#2b3039;--accent:#5aa2ff;--accent-text:#0b1220;--danger:#ff7b6e;--ok:#53d18a;--warn:#f0b44c;--mark:#6b5600;--focus:#8cc0ff}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{font-size:15px;line-height:1.55}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{max-width:860px;margin:0 auto;padding:0 12px 40px}header.top{z-index:5;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border);padding:10px 0;position:sticky;top:0}.toprow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.brand{margin-inline-end:auto;font-weight:700}.chip{border:1px solid var(--border);background:var(--card);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;display:inline-flex}.dot{background:var(--danger);border-radius:50%;width:9px;height:9px}.dot.on{background:var(--ok)}.bars{direction:ltr;align-items:flex-end;gap:2px;height:12px;display:inline-flex}.bars i{background:var(--border);border-radius:1px;width:3px}.bars i.f{background:var(--text)}.tabs{gap:6px;margin-top:10px;display:flex}.tab{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:8px;padding:6px 14px}.tab[aria-selected=true]{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.btn{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:8px;min-height:34px;padding:6px 12px}.btn.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.btn.danger{color:var(--danger)}.btn:disabled{opacity:.55;cursor:default}.btn.small{min-height:28px;padding:2px 10px;font-size:13px}.field{flex-direction:column;gap:4px;display:flex}.field label{color:var(--muted);font-size:13px}.input{border:1px solid var(--border);background:var(--card);border-radius:8px;width:100%;padding:8px 10px}textarea.input{resize:vertical;min-height:110px}.searchbar{align-items:center;gap:8px;margin:12px 0;display:flex}.filter{font-size:13px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;padding:10px 12px}.msg-head{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.sender{cursor:pointer;color:var(--text);direction:ltr;unicode-bidi:isolate;background:0 0;border:none;padding:0;font-weight:650}.sender:hover{text-decoration:underline}.time{direction:ltr;unicode-bidi:isolate;margin-inline-start:auto}.body{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0;font-size:16px}.body.raw{color:var(--muted);font-family:ui-monospace,monospace;font-size:12px}mark{background:var(--mark);color:inherit;border-radius:2px}.actions{flex-wrap:wrap;gap:6px;display:flex}.badge{border:1px solid var(--border);border-radius:6px;padding:0 6px;font-size:12px}.badge.warn{color:var(--warn);border-color:currentColor}.badge.err{color:var(--danger);border-color:currentColor}.badge.ok{color:var(--ok);border-color:currentColor}.state{text-align:center;color:var(--muted);padding:24px 8px}.error{color:var(--danger)}.sentinel{height:1px}.login{max-width:360px;margin:12vh auto}.login form{flex-direction:column;gap:12px;display:flex}.compose{flex-direction:column;gap:10px;display:flex}.counter{color:var(--muted);font-size:13px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ltr{direction:ltr;unicode-bidi:isolate}dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--text);width:calc(100% - 24px);max-width:420px}dialog::backdrop{background:#00000073}.toast{bottom:16px;background:var(--text);width:fit-content;color:var(--bg);z-index:20;border-radius:8px;margin:auto;padding:6px 14px;position:fixed;inset-inline:0}