:root{--bg: #0f1115;--bg-raised: #161a21;--bg-hover: #1d222b;--border: #262c36;--text: #e6e9ee;--text-dim: #98a2b3;--accent: #5b8def;--accent-text: #ffffff;--danger: #f2666a;--warn-bg: #3a2a12;--warn-border: #7a5a20;--radius: 8px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, monospace}@media(prefers-color-scheme:light){:root{--bg: #f6f7f9;--bg-raised: #ffffff;--bg-hover: #eef1f5;--border: #dfe3e8;--text: #1a1d23;--text-dim: #667085;--warn-bg: #fdf3e0;--warn-border: #e5c07b}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}.boot{display:grid;place-items:center;height:100%;color:var(--text-dim)}.boot--error{color:var(--danger);padding:24px;text-align:center}.auth{display:grid;place-items:center;height:100%;padding:24px}.auth__card{width:100%;max-width:380px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:14px}.auth__title{margin:0;font-size:20px;letter-spacing:-.01em}.auth__domain{margin:-10px 0 6px;color:var(--text-dim);font-size:13px}.totp{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.totp__qr{border-radius:6px;background:#fff;padding:8px;align-self:center}.totp__secret{margin:0;font-size:12px;color:var(--text-dim);word-break:break-all}.totp__secret code{font-family:var(--mono)}.field{display:flex;flex-direction:column;gap:5px}.field>span{font-size:12px;color:var(--text-dim)}.field--grow{flex:1}.field input,.field textarea{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:9px 11px;outline:none;width:100%;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--accent)}.button{background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;padding:8px 14px;cursor:pointer;white-space:nowrap}.button:hover:not(:disabled){background:var(--bg-hover)}.button:disabled{opacity:.55;cursor:default}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.button--primary:hover:not(:disabled){filter:brightness(1.08)}.toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim)}.hint{margin:0;font-size:12px;color:var(--text-dim)}.error{margin:0;color:var(--danger);font-size:13px}.empty{color:var(--text-dim);padding:24px}.banner{margin:0 0 12px;padding:10px 12px;border-radius:6px;font-size:13px}.banner--warn{background:var(--warn-bg);border:1px solid var(--warn-border)}.app{display:grid;grid-template-columns:200px minmax(280px,380px) 1fr;height:100%}.sidebar{background:var(--bg-raised);border-right:1px solid var(--border);padding:18px 14px;display:flex;flex-direction:column;gap:14px}.sidebar__brand{display:flex;flex-direction:column;gap:2px}.sidebar__title{font-weight:600;letter-spacing:-.01em}.sidebar__addr{font-size:12px;color:var(--text-dim);word-break:break-all}.sidebar__picker{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:5px 8px;font-size:12px;max-width:100%}.sidebar__nav{display:flex;flex-direction:column;gap:2px}.sidebar__link{background:none;border:none;text-align:left;padding:7px 10px;border-radius:6px;cursor:pointer;color:var(--text-dim)}.sidebar__link:hover{background:var(--bg-hover)}.sidebar__link.is-active{background:var(--bg-hover);color:var(--text);font-weight:600}.sidebar__signout{margin-top:auto}.list{border-right:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column}.list__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg)}.list__head h1{margin:0;font-size:15px}.list__items{list-style:none;margin:0;padding:0}.list__more{margin:12px 16px 24px}.row{width:100%;display:grid;grid-template-columns:1fr auto;grid-template-areas:"from date" "subject clip" "snippet snippet";gap:2px 10px;text-align:left;background:none;border:none;border-bottom:1px solid var(--border);padding:11px 16px;cursor:pointer}.row:hover{background:var(--bg-hover)}.row.is-selected{background:var(--bg-hover);box-shadow:inset 3px 0 0 var(--accent)}.row__from{grid-area:from;font-size:13px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__subject{grid-area:subject;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__snippet{grid-area:snippet;font-size:12px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__date{grid-area:date;font-size:12px;color:var(--text-dim)}.row__clip{grid-area:clip;font-size:12px;color:var(--text-dim)}.row.is-unread .row__from,.row.is-unread .row__subject{color:var(--text);font-weight:600}.pane{overflow-y:auto}.reader{padding:20px 24px 48px;display:flex;flex-direction:column;gap:14px}.reader__head{display:flex;flex-direction:column;gap:6px}.reader__subject{margin:0;font-size:18px;letter-spacing:-.01em}.reader__meta{display:flex;gap:12px;justify-content:space-between;font-size:13px;color:var(--text-dim);flex-wrap:wrap}.reader__meta--dim{font-size:12px}.reader__from{color:var(--text)}.reader__actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}.reader__text{white-space:pre-wrap;word-break:break-word;margin:0;font-family:var(--font)}.reader__html{width:100%;min-height:60vh;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.attachments{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chip{background:var(--bg-raised);border:1px solid var(--border);border-radius:999px;padding:5px 12px;font-size:12px;cursor:pointer}.chip:hover{background:var(--bg-hover)}.chip__size{color:var(--text-dim);margin-left:6px}.modal{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;padding:24px}.modal__card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:20px;width:min(680px,100%);max-height:90vh;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.modal__head{display:flex;align-items:center;justify-content:space-between}.modal__head h2{margin:0;font-size:16px}.modal__actions{display:flex;justify-content:flex-end}@media(max-width:900px){.app{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}.sidebar{flex-direction:row;align-items:center;flex-wrap:wrap}.sidebar__nav{flex-direction:row}.sidebar__signout{margin-top:0}.list{max-height:40vh}}