:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--bg:#fff;--bg-subtle:#f5f6f8;--bg-hover:#eef0f4;--bg-focus:#e3ebff;--bg-selected:#fff4d6;--text:#1d2025;--text-muted:#646b78;--border:#dde1e7;--accent:#2f5bd3;--accent-text:#fff;--danger:#c4302b;--warning-bg:#fff6e0;--success:#1f8a4c;--radius:6px;--gap:12px;--sidebar-width:220px;--list-width:420px;--shadow:0 8px 30px #0000002e}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#16181d;--bg-subtle:#1d2027;--bg-hover:#262a33;--bg-focus:#263457;--bg-selected:#3b3420;--text:#e6e8ec;--text-muted:#9aa1ad;--border:#2e333d;--accent:#7b9cff;--accent-text:#0e1220;--danger:#ff7a73;--warning-bg:#3a321c;--success:#5cd08f}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font:14px/1.45 var(--font);background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);padding:4px 10px}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.danger{color:var(--danger)}button:disabled{opacity:.5;cursor:default}input,select,textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:5px 8px}a{color:var(--accent)}.muted{color:var(--text-muted)}.error{color:var(--danger)}.mono{font-family:var(--font-mono);font-size:12px}kbd{font-family:var(--font-mono);border:1px solid var(--border);background:var(--bg-subtle);border-bottom-width:2px;border-radius:4px;padding:0 5px;font-size:12px}.shell{grid-template-columns:var(--sidebar-width) 1fr;height:100%;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--bg-subtle);padding:var(--gap);flex-direction:column;gap:2px;display:flex;overflow-y:auto}.sidebar .brand{margin:0 0 var(--gap);font-size:16px;font-weight:700}.nav-item{border-radius:var(--radius);color:var(--text);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:5px 8px;text-decoration:none;display:flex}.nav-item:hover{background:var(--bg-hover)}.nav-item.active{background:var(--bg-focus);font-weight:600}.nav-section{margin-top:var(--gap);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:0 8px;font-size:12px}.main{flex-direction:column;min-width:0;height:100%;display:flex}.toolbar{padding:8px var(--gap);border-bottom:1px solid var(--border);align-items:center;gap:8px;min-height:46px;display:flex}.toolbar .grow{flex:1}.split{grid-template-columns:var(--list-width) 1fr;flex:1;min-height:0;display:grid}.pane{min-height:0;overflow-y:auto}.pane+.pane{border-left:1px solid var(--border)}.page{padding:var(--gap) calc(var(--gap) * 2);flex:1;overflow-y:auto}.mobile-only{display:none}@media (width<=760px){.shell{grid-template-columns:1fr}.sidebar{display:none}.shell.nav-open .sidebar{z-index:20;box-shadow:var(--shadow);display:flex;position:fixed;inset:0 30% 0 0}.split{grid-template-columns:1fr}.split.thread-open .list-pane,.split:not(.thread-open) .thread-pane{display:none}.mobile-only{display:inline-block}}.thread-row{padding:8px var(--gap);border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:18px 1fr auto;gap:4px 8px;display:grid}.thread-row:hover{background:var(--bg-hover)}.thread-row.focused{background:var(--bg-focus);box-shadow:inset 3px 0 0 var(--accent)}.thread-row.selected{background:var(--bg-selected)}.thread-row.unread .who,.thread-row.unread .subject{font-weight:700}.thread-row .who,.thread-row .subject,.thread-row .snippet{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.thread-row .date{color:var(--text-muted);white-space:nowrap;font-size:12px}.thread-row .line2{grid-column:2/4;gap:6px;min-width:0;display:flex}.thread-row .snippet{color:var(--text-muted)}.badge{border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;background:var(--bg);border-radius:10px;padding:0 7px;font-size:11px;display:inline-block}.badge.warn{border-color:var(--danger);color:var(--danger)}.empty{padding:calc(var(--gap) * 3);text-align:center;color:var(--text-muted)}.thread-view{padding:var(--gap) calc(var(--gap) * 1.5)}.thread-view h2{margin:4px 0 var(--gap);font-size:18px}.message{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--gap);background:var(--bg)}.message-head{padding:8px var(--gap);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.message-head .from{font-weight:600}.message-head .meta{color:var(--text-muted);font-size:12px}.message-head .actions{flex-wrap:wrap;gap:4px;margin-left:auto;display:flex}.message-body{padding:var(--gap)}.message-body pre.text{white-space:pre-wrap;word-wrap:break-word;font:inherit;margin:0}.message-body iframe{border-radius:var(--radius);background:#fff;border:0;width:100%;min-height:80px}.banner{background:var(--warning-bg);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;padding:6px 10px;display:flex}.attachments{padding:0 var(--gap) var(--gap);flex-wrap:wrap;gap:8px;display:flex}.attachment{border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:8px;max-width:260px;padding:6px 10px;display:flex}.attachment img{max-width:120px;max-height:80px;display:block}.overlay{z-index:50;background:#00000059;justify-content:center;align-items:flex-start;padding-top:10vh;display:flex;position:fixed;inset:0}.dialog{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);width:min(560px,94vw);max-height:80vh;padding:var(--gap);border-radius:10px;overflow-y:auto}.palette input{width:100%;margin-bottom:8px;padding:8px 10px;font-size:16px}.palette-item{border-radius:var(--radius);cursor:pointer;justify-content:space-between;padding:6px 10px;display:flex}.palette-item.active{background:var(--bg-focus)}.cheatsheet table{border-collapse:collapse;width:100%}.cheatsheet td{padding:3px 6px}.toast{background:var(--text);color:var(--bg);border-radius:var(--radius);z-index:60;box-shadow:var(--shadow);align-items:center;gap:12px;padding:8px 14px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast button{color:inherit;background:0 0;border-color:currentColor}.composer{padding:var(--gap);flex-direction:column;gap:8px;max-width:900px;display:flex}.composer .field{grid-template-columns:70px 1fr;align-items:center;gap:8px;display:grid}.composer .editor{border:1px solid var(--border);border-radius:var(--radius);min-height:260px}.composer .editor .cm-editor{min-height:260px}.composer .preview{border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap);min-height:260px}.composer textarea{resize:vertical;min-height:260px}.composer .quote{border-left:3px solid var(--border);color:var(--text-muted);padding-left:10px}.chips{border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:4px;padding:3px;display:flex;position:relative}.chips input{border:0;flex:1;min-width:140px}.chip{background:var(--bg-subtle);border:1px solid var(--border);border-radius:12px;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.suggestions{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:10;position:absolute;top:100%;left:0;right:0}.suggestions div{cursor:pointer;padding:4px 8px}.suggestions div.active,.suggestions div:hover{background:var(--bg-focus)}.dropzone{border:2px dashed var(--accent)}table.grid{border-collapse:collapse;width:100%}table.grid th,table.grid td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:6px 8px}table.grid th button{background:0 0;border:0;padding:0;font-weight:600}table.grid tr.focused td{background:var(--bg-focus)}.section{margin-bottom:calc(var(--gap) * 2)}.section h3{margin:0 0 8px}.form-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.auth-screen{max-width:380px;padding:0 var(--gap);gap:var(--gap);flex-direction:column;margin:15vh auto;display:flex}mark{background:var(--bg-selected);color:inherit}