:root{--bg:#fff;--ink:#0a0a0a;--ink-soft:#2b2b2b;--muted:#6b6b6b;--line-soft:#e6e6e6;--radius:0px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--warn:#b91c1c}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.5;text-transform:lowercase;height:100%;overflow:hidden}main.app{display:flex;flex-direction:column;height:100vh;height:100dvh}a{color:inherit;text-decoration:none}a:hover{color:var(--ink)}h1,h2,h3{font-weight:400;letter-spacing:-.02em;margin:0}p{margin:0;color:var(--ink-soft)}button{font:inherit;background:var(--bg);color:var(--ink);border:1px solid var(--ink);padding:.5rem .9rem;cursor:pointer;text-transform:lowercase;border-radius:var(--radius)}button:hover{background:var(--ink);color:var(--bg)}button:disabled{opacity:.4;cursor:not-allowed}button:disabled:hover{background:var(--bg);color:var(--ink)}button.ghost{border-color:var(--line-soft)}input,select,textarea{font:inherit;background:var(--bg);color:var(--ink);border:1px solid var(--line-soft);padding:.55rem .7rem;width:100%;border-radius:var(--radius);text-transform:none}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ink)}.eyebrow{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.04em;color:var(--muted)}.nav{display:flex;justify-content:space-between;padding:1rem clamp(1.25rem,4vw,3rem);border-bottom:1px solid var(--line-soft);flex-shrink:0}.brand,.nav{align-items:center}.brand{display:inline-flex;gap:.625rem;font-family:var(--font-mono);font-size:.875rem}.brand-mark{width:22px;height:22px;display:inline-block}.empty{margin:8vh auto;max-width:460px;padding:0 1rem;display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.empty h1{font-size:1.6rem}.empty p{color:var(--muted);font-size:.9rem}.empty .danger{color:var(--warn);font-family:var(--font-mono);font-size:.75rem;border:1px solid var(--warn);padding:.55rem .75rem}.toolbar-row{display:flex;justify-content:space-between;align-items:center;padding:1rem clamp(1.25rem,3vw,2rem) .5rem;flex-wrap:wrap;gap:.5rem}.api-error,.toolbar-row{flex-shrink:0}.toolbar{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.account-pill{font-family:var(--font-mono);font-size:.6875rem;color:var(--muted);border:1px solid var(--line-soft);padding:.4rem .6rem}.account-pill-btn{cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;background:var(--bg);text-transform:lowercase}.account-pill-btn:hover{background:var(--bg);border-color:var(--ink);color:var(--ink)}.account-pill-caret{color:var(--muted);font-size:.7rem}.account-menu{position:relative;display:inline-flex}.account-pop{position:absolute;left:0;top:calc(100% + .3rem);z-index:30;background:var(--bg);border:1px solid var(--ink);min-width:18rem;box-shadow:0 4px 0 rgba(0,0,0,.04)}.account-pop,.account-pop-section{display:flex;flex-direction:column}.account-pop-section{border-bottom:1px solid var(--line-soft)}.account-item{background:transparent;border:0;padding:.55rem .85rem;text-align:left;font-family:var(--font-mono);font-size:.74rem;color:var(--ink);cursor:pointer;text-transform:none;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--line-soft)}.account-item:last-child{border-bottom:0}.account-item:hover{background:#f5f5f5;color:var(--ink)}.account-item.active,.account-item.active:hover{background:var(--ink);color:var(--bg)}.account-item-dot{color:inherit;opacity:.85}.account-item-email{flex:1 1;word-break:break-all}.account-item-add{font-family:var(--font-mono);font-size:.72rem;color:var(--muted);text-decoration:none;letter-spacing:.04em}.account-item-add:hover{color:var(--ink);background:#f5f5f5}.account-pill .loading-more{color:var(--ink);margin-left:.05rem;opacity:.7;animation:pulse-more 1.6s ease-in-out infinite}@keyframes pulse-more{0%,to{opacity:.45}50%{opacity:1}}.feedback{font-family:var(--font-mono);font-size:.6875rem;color:var(--muted)}.feedback.error{color:var(--warn)}.layout{display:grid;grid-template-columns:minmax(280px,360px) 1fr;grid-gap:1.25rem;gap:1.25rem;padding:.5rem clamp(1.25rem,3vw,2rem) 1rem;flex:1 1;min-height:0;overflow:hidden}.layout>.pane{display:flex;flex-direction:column;min-height:0;overflow-x:hidden}@media (max-width:900px){.layout{grid-template-columns:1fr}}.compose-btn{flex-shrink:0;width:100%;margin-bottom:.6rem;padding:.65rem .8rem;background:var(--ink);color:var(--bg);border:1px solid var(--ink);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;cursor:pointer;text-align:left;display:inline-flex;align-items:center;gap:.5rem}.compose-btn:hover{opacity:.92}.compose-btn span[aria-hidden]{font-size:1.05rem;line-height:1}.compose-form{display:flex;flex-direction:column;gap:.7rem}.compose-head{display:flex;align-items:center;justify-content:space-between}.compose-head h2{font-size:1.05rem;text-transform:none}.compose-close{padding:.3rem .55rem;font-size:1rem;line-height:1}.compose-fields{display:flex;flex-direction:column;gap:.4rem}.compose-fields label{display:flex;align-items:stretch;border:1px solid var(--line-soft)}.compose-fields label>span{font-family:var(--font-mono);font-size:.7rem;color:var(--muted);text-transform:lowercase;letter-spacing:.04em;padding:.55rem .7rem;background:#f5f5f5;border-right:1px solid var(--line-soft);min-width:4.5rem;display:inline-flex;align-items:center}.compose-fields input,.compose-fields textarea{border:0;flex:1 1;padding:.55rem .7rem;font-family:var(--font-mono);font-size:.85rem}.compose-fields textarea{resize:vertical;min-height:10rem;line-height:1.55}.compose-attachments{display:flex;flex-direction:column;gap:.5rem;padding:.4rem 0}.attach-btn{align-self:flex-start;font-family:var(--font-mono);font-size:.78rem;padding:.35rem .65rem}.attachment-chips{display:flex;flex-wrap:wrap;gap:.4rem}.attachment-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .55rem;border:1px solid var(--line-soft);background:#f5f5f5;font-family:var(--font-mono);font-size:.75rem;color:var(--ink);max-width:22rem}.attachment-chip .attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:14rem}.attachment-chip .attachment-size{color:var(--muted);font-size:.7rem}.attachment-remove{background:transparent;border:0;padding:0 .15rem;color:var(--muted);font-size:.95rem;line-height:1;cursor:pointer}.attachment-remove:hover{color:var(--ink);background:transparent}.msg-headers{display:flex;flex-direction:column;gap:.18rem;padding:.4rem 0;font-family:var(--font-mono);font-size:.72rem;text-transform:none}.msg-headers>div{display:grid;grid-template-columns:4.2rem 1fr;grid-gap:.7rem;gap:.7rem}.msg-header-key{color:var(--muted);text-transform:lowercase;letter-spacing:.04em}.msg-headers>div>span:last-child{color:var(--ink-soft);word-break:break-word}.search-box{flex-shrink:0;margin-bottom:.5rem;position:relative}.search-box input{width:100%;padding-left:1.9rem;font-size:.85rem}.search-box:before{content:"⌕";left:.6rem;font-size:.95rem;pointer-events:none}.search-box:before,.search-clear{position:absolute;top:50%;transform:translateY(-50%);color:var(--muted)}.search-clear{right:.45rem;background:transparent;border:0;cursor:pointer;font-family:var(--font-mono);font-size:.7rem;padding:.2rem .4rem}.search-clear:hover{color:var(--ink);background:transparent}.folder-tabs{display:flex;gap:.4rem;margin-bottom:.5rem;flex-shrink:0}.folder-tab{font-family:var(--font-mono);font-size:.6875rem;border:1px solid var(--line-soft);padding:.35rem .65rem;cursor:pointer;background:var(--bg);color:var(--muted)}.folder-tab.active{border-color:var(--ink);background:var(--ink);color:var(--bg)}.msg-list{display:flex;flex-direction:column;gap:.4rem;overflow-y:auto;flex:1 1;min-height:0;padding-right:.25rem}.msg{border:1px solid var(--line-soft);padding:.65rem .8rem;cursor:pointer;text-transform:none;display:flex;flex-direction:column;gap:.2rem}.msg.active,.msg:hover{border-color:var(--ink)}.msg.active{background:var(--ink)}.msg.active,.msg.active .from,.msg.active .snippet,.msg.active .subject{color:var(--bg)}.msg.unread .from{font-weight:500;color:var(--ink)}.msg.active.unread .from{color:var(--bg)}.msg .from{font-size:.8125rem;color:var(--ink-soft)}.msg .subject{font-size:.875rem;color:var(--ink)}.msg .snippet{font-size:.75rem;color:var(--muted);line-height:1.45}.msg .date{font-family:var(--font-mono);font-size:.6875rem;color:var(--muted);text-transform:lowercase}.viewer{border:1px solid var(--line-soft);padding:1.1rem 1.2rem;display:flex;flex-direction:column;gap:.8rem;overflow-y:auto;flex:1 1;min-height:0}.viewer h2{font-size:1.1rem;text-transform:none}.viewer .from{font-family:var(--font-mono);font-size:.6875rem;color:var(--muted);text-transform:lowercase}.viewer .body{white-space:pre-wrap;font-family:var(--font-mono);font-size:.8125rem;color:var(--ink-soft);line-height:1.55;text-transform:none;padding:.7rem .85rem;overflow-y:auto}.viewer .body,.viewer .body-html{border:1px solid var(--line-soft);flex:1 1 auto}.viewer .body-html{min-height:18rem;width:100%;background:var(--bg)}.viewer .body-view-toggle{display:inline-flex;gap:.3rem;margin-left:auto}.viewer .attachments{border:1px solid var(--line-soft);padding:.6rem .8rem}.viewer .attachments-label{font-family:var(--font-mono);font-size:.6875rem;color:var(--muted);margin-bottom:.4rem;text-transform:lowercase}.viewer .attachments ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.viewer .attachments li a{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;padding:.4rem .55rem;border:1px solid var(--line-soft);text-transform:none;font-size:.8rem}.viewer .attachments li a:hover{border-color:var(--ink)}.viewer .attachments .att-name{color:var(--ink)}.viewer .attachments .att-meta{font-family:var(--font-mono);font-size:.7rem;color:var(--muted)}.ai-output{border:1px solid var(--line-soft);padding:.85rem 1rem;text-transform:none}.ai-output.draft-editor{display:flex;flex-direction:column;gap:.6rem}.ai-output.draft-editor .draft-fields{display:flex;flex-direction:column;gap:.5rem}.ai-output.draft-editor .draft-fields label{display:flex;align-items:stretch;gap:0;border:1px solid var(--line-soft)}.ai-output.draft-editor .draft-fields label>span{font-family:var(--font-mono);font-size:.7rem;color:var(--muted);text-transform:lowercase;letter-spacing:.04em;padding:.55rem .7rem;background:#f5f5f5;border-right:1px solid var(--line-soft);min-width:4.5rem;display:inline-flex;align-items:center}.ai-output.draft-editor .draft-fields input,.ai-output.draft-editor .draft-fields textarea{border:0;flex:1 1;padding:.55rem .7rem;font-family:var(--font-mono);font-size:.85rem}.ai-output.draft-editor .draft-fields textarea{resize:vertical;min-height:8rem;line-height:1.55}.schedule-picker{margin-top:.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem .7rem;border:1px solid var(--line-soft);background:#fafafa}.schedule-picker label{display:inline-flex;align-items:center;gap:.4rem}.schedule-picker label>span{font-family:var(--font-mono);font-size:.7rem;color:var(--muted);text-transform:lowercase}.schedule-picker input[type=datetime-local]{width:auto;padding:.4rem .55rem;font-family:var(--font-mono);font-size:.78rem}.settings-menu{position:relative;display:inline-flex}.settings-gear{padding:.4rem .55rem;font-size:.95rem;line-height:1}.settings-pop{position:absolute;right:0;top:calc(100% + .3rem);z-index:20;background:var(--bg);border:1px solid var(--ink);min-width:11rem;display:flex;flex-direction:column;box-shadow:0 4px 0 rgba(0,0,0,.04)}.settings-item{background:transparent;border:0;border-bottom:1px solid var(--line-soft);padding:.55rem .8rem;text-align:left;font-family:var(--font-mono);font-size:.72rem;color:var(--ink);cursor:pointer;text-transform:lowercase}.settings-item:last-child{border-bottom:0}.settings-item:hover{background:var(--ink);color:var(--bg)}.ai-toggle{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;padding:.4rem .7rem;border:1px solid var(--ink);background:var(--bg);color:var(--ink)}.ai-toggle.active,.ai-toggle:hover{background:var(--ink);color:var(--bg)}.ai-drawer{position:fixed;right:0;top:7.5rem;bottom:0;width:min(24rem,92vw);background:var(--bg);border-left:1px solid var(--ink);border-top:1px solid var(--line-soft);display:flex;flex-direction:column;z-index:40;transform:translateX(100%);transition:transform .22s ease;box-shadow:-12px 0 30px rgba(0,0,0,.06)}@media (max-width:640px){.ai-drawer{top:9rem}}.ai-drawer.open{transform:translateX(0)}.ai-drawer-head{display:flex;align-items:center;gap:.5rem;padding:.9rem 1rem;border-bottom:1px solid var(--line-soft);flex-shrink:0}.ai-drawer-title{flex:1 1;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;color:var(--ink)}.ai-drawer-clear{padding:.35rem .6rem;font-size:.7rem}.ai-drawer-close{padding:.35rem .55rem;font-size:1rem;line-height:1}.ai-drawer-history{flex:1 1;min-height:0;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.85rem}.ai-drawer-empty{color:var(--muted);font-size:.85rem;line-height:1.55}.ai-drawer-empty p{color:var(--muted);margin-bottom:.55rem}.ai-drawer-empty .eyebrow{color:var(--muted)}.ai-msg{display:flex;flex-direction:column;gap:.25rem}.ai-msg-role{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.18em;text-transform:lowercase;color:var(--muted)}.ai-msg-content{font-size:.88rem;line-height:1.55;white-space:pre-wrap;text-transform:none;padding:.6rem .75rem;border:1px solid var(--line-soft);background:var(--bg)}.ai-msg-user .ai-msg-content{background:var(--ink);color:var(--bg);border-color:var(--ink)}.ai-msg-thinking{color:var(--muted);font-style:italic}.ai-drawer-form{display:flex;align-items:flex-end;gap:.5rem;padding:.75rem 1rem .9rem;border-top:1px solid var(--line-soft);flex-shrink:0}.ai-drawer-form textarea{flex:1 1;font-family:var(--font-sans);font-size:.88rem;resize:none;line-height:1.45;border:1px solid var(--line-soft)}.ai-drawer-form button{flex-shrink:0;padding:.55rem .85rem;font-family:var(--font-mono);font-size:.72rem}.ai-output .label{font-family:var(--font-mono);font-size:.6875rem;color:var(--muted);margin-bottom:.45rem;text-transform:lowercase}.ai-output p{color:var(--ink-soft);font-size:.9rem;line-height:1.55}.ai-output ul{margin:.4rem 0 0 1rem;padding:0;color:var(--ink-soft);font-size:.85rem}.ai-output ul li{margin-bottom:.3rem}.ai-output .subject{font-family:var(--font-mono);font-size:.75rem;color:var(--ink);margin-bottom:.5rem}.ai-output pre{font-size:.8125rem;white-space:pre-wrap;color:var(--ink-soft);margin:0}.ai-output pre,.pill{font-family:var(--font-mono)}.pill{font-size:.6875rem;padding:.2rem .5rem;border:1px solid var(--line-soft);color:var(--ink);display:inline-block;text-transform:lowercase}.pill.high{border-color:var(--warn);color:var(--warn)}.pill.medium{color:var(--ink)}.pill.low{color:var(--muted)}