:root{--bg:#fff;--bg-soft:#f4f3f8;--bg-hover:#ece9f5;--bg-selected:#e3dbf7;--fg:#1d1d1f;--muted:#6b6b76;--line:#e2e0ea;--accent:#5b2ac2;--accent-fg:#fff;--warn:#b3261e;--warn-bg:#fdecea;--star:#d18b00;--swipe-star:#b06d00;--swipe-delete:#c8102e;--shadow:0 8px 30px #0000002e;--sidebar:250px;--list:400px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#17161c;--bg-soft:#201f27;--bg-hover:#2a2833;--bg-selected:#3a3054;--fg:#ececf1;--muted:#a09fae;--line:#2f2d38;--accent:#a98bf0;--accent-fg:#17161c;--warn:#ff8a80;--warn-bg:#3b1d1b;--star:#f2b33d}}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;font:16px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#app{height:100%}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{opacity:.5;cursor:default}input,select{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:8px;min-width:0;padding:8px 10px}ul{margin:0;padding:0;list-style:none}.muted{color:var(--muted)}.small{font-size:.85rem}.warn-text{color:var(--warn)}.spacer{flex:1}.app{grid-template-columns:var(--sidebar) var(--list) 1fr;grid-template-areas:"sidebar list message";height:100%;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--bg-soft);padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);grid-area:sidebar;overflow:hidden}.pane{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.list-pane{border-right:1px solid var(--line);grid-area:list;position:relative}.message-pane{grid-area:message}.icon-button.menu{display:none}.scrim{z-index:20;background:#00000059;position:fixed;inset:0}@media (max-width:1100px){.app{grid-template-columns:var(--list) 1fr;grid-template-areas:"list message"}.sidebar{z-index:30;width:min(85vw,300px);box-shadow:var(--shadow);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.drawer-open .sidebar{transform:none}.icon-button.menu{display:inline-flex}}@media (max-width:760px){.app{grid-template-columns:1fr;grid-template-areas:"main"}.list-pane,.message-pane{border:0;grid-area:main}.app.has-message .list-pane,.app:not(.has-message) .message-pane{display:none}}@media (min-width:761px){.reader-toolbar .back{visibility:hidden}}.toolbar{z-index:5;min-height:52px;padding:calc(env(safe-area-inset-top) + 4px) 8px 4px;border-bottom:1px solid var(--line);background:var(--bg);align-items:center;gap:4px;display:flex;position:sticky;top:0}.toolbar .title{white-space:nowrap;text-overflow:ellipsis;margin:0 0 0 6px;font-size:1.15rem;overflow:hidden}.icon-button{border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.icon-button:hover,.icon-button.active{background:var(--bg-hover)}.icon-button.active{color:var(--accent)}.text-button{color:var(--accent);border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-weight:500;display:inline-flex}.text-button:hover{background:var(--bg-hover)}.primary{background:var(--accent);color:var(--accent-fg);border-radius:10px;padding:10px 22px;font-weight:600}.chip{border:1px solid var(--line);border-radius:999px;align-items:center;gap:4px;padding:4px 12px;font-size:.9rem;display:inline-flex}.chip:hover{background:var(--bg-hover)}.folders{flex-direction:column;height:100%;display:flex}.folders-head{text-overflow:ellipsis;white-space:nowrap;padding:18px 16px 10px;overflow:hidden}.folders>ul{overscroll-behavior:contain;flex:1;padding:0 8px;overflow-y:auto}.folder{border-radius:8px;align-items:center;display:flex}.folder-open{min-width:0;padding:9px 10px 9px calc(10px + var(--depth,0) * 24px);text-align:left;flex:1;align-items:center;gap:10px;display:flex}.twisty{width:40px;color:var(--muted);align-self:stretch;place-items:center;display:grid}.twisty svg{transition:transform .15s}.twisty[aria-expanded=true] svg{transform:rotate(90deg)}.folder:hover{background:var(--bg-hover)}.folder.selected{background:var(--bg-selected);font-weight:600}.folder-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.count{color:var(--accent);font-size:.85rem;font-weight:600}.folders-extra{border-top:1px solid var(--line);padding:6px 8px}.folders-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);justify-items:start;gap:4px;font-size:.85rem;display:grid}.folders-foot .text-button{padding:4px 0}.list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom);flex:1;overflow:hidden auto}.pull{color:var(--muted);justify-content:center;align-items:flex-end;transition:height .15s;display:flex;overflow:hidden}.pull span{margin-bottom:10px;transition:transform .2s,color .2s;display:flex}.pull span.ready{color:var(--accent);transform:rotate(180deg)}.pull.spinning span{animation:.9s linear infinite spin}.list-total{color:var(--muted);border-bottom:1px solid var(--line);padding:8px 16px;font-size:.85rem}.row{border-bottom:1px solid var(--line);text-align:left;grid-template-columns:minmax(0,1fr);gap:2px;width:100%;padding:10px 16px 11px 22px;display:grid;position:relative}.row:hover{background:var(--bg-soft)}.row.selected{background:var(--bg-selected)}.row.unread:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:17px;left:8px}.row-top{align-items:baseline;gap:8px;display:flex}.row-from{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.row.unread .row-from,.row.unread .row-subject{font-weight:650}.row-date{color:var(--muted);flex:none;font-size:.8rem}.row-subject{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:.95rem;display:flex;overflow:hidden}.row-subject-text{text-overflow:ellipsis;overflow:hidden}.row-subject .clip,.row-subject .flag{color:var(--muted);flex:none;display:inline-flex}.row-subject .flag,.icon-button.starred{color:var(--star)}.row-snippet{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;display:-webkit-box;overflow:hidden}.row.deleted{opacity:.7}.row-meta{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.tag{background:var(--bg-hover);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:.75rem;display:inline-block}.row-meta .tag{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.swipe{touch-action:pan-y pinch-zoom;position:relative;overflow:hidden}.swipe.folding{transition:height .18s}.swipe-content{background:var(--bg);transition:transform .18s;position:relative}.swipe-action{width:var(--reveal,0px);color:#fff;align-items:center;font-size:.8rem;font-weight:650;transition:width .18s;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.swipe.dragging .swipe-content,.swipe.dragging .swipe-action{transition:none}.swipe-action>span{flex-direction:column;flex:none;align-items:center;gap:4px;width:88px;transition:transform .15s;display:flex}.swipe-star{background:var(--swipe-star);justify-content:flex-end;left:0}.swipe-delete{background:var(--swipe-delete);justify-content:flex-start;right:0}.swipe[data-side=star] .swipe-delete,.swipe[data-side=delete] .swipe-star{visibility:hidden}.swipe.armed .swipe-action>span{transform:scale(1.2)}.toolbar.select-bar{grid-template-columns:minmax(max-content,1fr) minmax(0,max-content) minmax(max-content,1fr);display:grid}.select-bar .title{text-align:center;margin:0}.select-bar .select-cancel{color:var(--fg);justify-self:end}.select-bar .text-button:first-child{justify-self:start}.row.choosing{padding-left:56px}.row.choosing:before{left:42px}.tick{border:2px solid var(--muted);border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;margin-top:-11px;display:flex;position:absolute;top:50%;left:14px}.tick.on{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}.tick.unavailable{opacity:.35}.list.choosing{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.bulk-bar{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:6;background:var(--fg);max-width:480px;color:var(--bg);box-shadow:var(--shadow);border-radius:22px;grid-template-columns:repeat(4,1fr);margin:0 auto;padding:6px;display:grid;position:absolute}.bulk-bar button{border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:.8rem;display:flex}.bulk-bar button:not(:disabled):hover{background:#80808040}.move-sheet .move-options{margin:4px 0}.move-sheet .move-options .chip{border-radius:999px;padding:6px 12px}.app.choosing .notice{bottom:calc(96px + env(safe-area-inset-bottom))}.tag.current{background:var(--bg-selected);color:var(--fg)}.tag.warn{background:var(--warn-bg);color:var(--warn)}.empty{color:var(--muted);text-align:center;padding:32px 24px}.sentinel{justify-content:center;min-height:48px;padding:16px;display:flex}.spinner{border:2.5px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.search{z-index:5;background:var(--bg);border-bottom:1px solid var(--line);padding:calc(env(safe-area-inset-top) + 4px) 8px 6px;position:sticky;top:0}.search-row{align-items:center;gap:4px;min-height:44px;display:flex}.search-row input{background:var(--bg-soft);border-radius:10px;flex:1}.filters{grid-template-columns:1fr 1fr;gap:10px;padding:10px 6px 6px;display:grid}.filters label{color:var(--muted);gap:4px;font-size:.8rem;display:grid}.filters label.check{color:var(--fg);align-items:center;gap:8px;font-size:.9rem;display:flex}.filter-actions{grid-column:1/-1;justify-content:space-between;display:flex}.reader{overscroll-behavior:contain;padding-bottom:calc(24px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.reader-toolbar .icon-button{flex:0 auto;min-width:32px}.reader-head{border-bottom:1px solid var(--line);gap:3px;padding:14px 16px 10px;display:grid}.reader-head h1{overflow-wrap:anywhere;margin:0 0 6px;font-size:1.25rem}.reader-from{overflow-wrap:anywhere}.delivery{max-width:100%;color:var(--muted);text-align:left;overflow-wrap:anywhere;flex-wrap:wrap;justify-self:start;align-items:center;gap:4px 6px;margin-top:2px;font-size:.85rem;display:inline-flex}.delivery strong{color:var(--fg);font-weight:600}.delivery-end{align-items:center;gap:6px;display:inline-flex}.delivery-toggle{transition:transform .15s;display:inline-flex}.delivery[aria-expanded=true] .delivery-toggle{transform:rotate(90deg)}.delivery-path{background:var(--bg-soft);border-radius:10px;gap:2px;margin:4px 0 2px;padding:10px 12px;font-size:.85rem;list-style:none;display:grid}.delivery-path li{overflow-wrap:anywhere;display:grid}.delivery-path li+li:before{content:"↓ forwarded to";color:var(--muted);margin:2px 0}.delivery-address{font-weight:600}.delivery-search{text-align:left;overflow-wrap:anywhere;justify-self:start;max-width:100%;padding:4px 0;font-size:.85rem}.reader-tags{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.move-picker{border-bottom:1px solid var(--line);background:var(--bg-soft);padding:10px 16px;font-size:.9rem}.move-options{flex-wrap:wrap;gap:6px;max-height:40vh;margin-top:8px;display:flex;overflow-y:auto}.thread{border-bottom:1px solid var(--line);background:var(--bg-soft)}.attachments{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:10px 16px;display:flex}.attachment{border:1px solid var(--line);border-radius:10px;align-items:center;gap:6px;max-width:100%;padding:6px 10px;font-size:.9rem;display:inline-flex;position:relative;overflow:hidden}.attachment .small-spinner{flex:none;margin:1px}.attachment .small{font-variant-numeric:tabular-nums}.attachment-progress{background:var(--accent);height:3px;transition:width .2s linear;position:absolute;bottom:0;left:0}.attachment:hover{background:var(--bg-hover)}.attachment-name{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.banner{background:var(--bg-soft);border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:4px 8px 4px 16px;font-size:.9rem;display:flex}.message-frame{background:#fff;border:0;width:100%;display:block}.plain{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;margin:0;padding:14px 16px;font-size:.95rem}.placeholder{color:var(--line);flex:1;justify-content:center;align-items:center;display:flex}.viewer{z-index:50;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.viewer img{object-fit:contain;max-width:100%;max-height:100%}.viewer-close{top:calc(env(safe-area-inset-top) + 8px);color:#fff;position:absolute;right:8px}.pdf-viewer{z-index:50;background:var(--bg-soft);flex-direction:column;display:flex;position:fixed;inset:0}.pdf-viewer .title{flex:1;min-width:0;font-size:1rem}.pdf-scroll{overscroll-behavior:contain;touch-action:pan-x pan-y;padding:12px 12px calc(12px + env(safe-area-inset-bottom));flex:1;overflow:auto}.pdf-pages{--zoom:1;width:calc(min(100%, 900px) * var(--zoom));flex-direction:column;gap:12px;margin:0 auto;display:flex}.pdf-page{background:#fff;justify-content:center;align-items:center;display:flex;box-shadow:0 1px 4px #00000040}.pdf-page img{width:100%;height:auto;display:block}.pdf-message{text-align:center;color:var(--muted);margin:40px 16px}.compose{overscroll-behavior:contain;padding-bottom:calc(24px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.send-button{align-items:center;gap:6px;margin-left:4px;padding:8px 14px;display:inline-flex}.spinner.on-accent{border-width:2px;border-color:#ffffff59;border-top-color:var(--accent-fg);width:16px;height:16px}.compose-field{border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:46px;padding:0 8px 0 16px;display:flex}.compose-field>span{width:4.2rem;color:var(--muted);flex:none;font-size:.9rem}.compose-field input{background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:10px 0}.compose-field .text-button{padding:6px 8px;font-size:.85rem}.compose-address{position:relative}.suggestions{z-index:4;background:var(--bg);border:1px solid var(--line);max-height:45vh;box-shadow:var(--shadow);border-radius:10px;padding:4px 0;position:absolute;top:calc(100% - 4px);left:8px;right:8px;overflow-y:auto}.suggestions li{cursor:pointer;flex-direction:column;padding:8px 12px;display:flex}.suggestions li.active{background:var(--bg-hover)}@media (hover:hover){.suggestions li:hover{background:var(--bg-hover)}}.suggestion-name,.suggestion-addr{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compose-body{resize:none;width:100%;min-height:40vh;color:inherit;font:inherit;background:0 0;border:0;outline:none;padding:14px 16px;line-height:1.45;display:block;overflow:hidden}.chip-remove{width:22px;height:22px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;margin-left:2px;display:inline-flex}.chip-remove:hover{background:var(--bg-hover);color:var(--fg)}.banner.problem{background:var(--warn-bg);color:var(--warn)}.banner>span{flex:1;padding:6px 0}.row.off{opacity:.6}.row-subject.wrap{white-space:normal;display:block}.empty .primary{margin-top:4px}.rule-fields .compose-field>span{width:5.6rem}.rule-toggle{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:10px;min-height:46px;padding:0 16px;display:flex}.rule-toggle input{width:20px;height:20px;accent-color:var(--accent);margin:0}.hint{color:var(--muted);margin:0;padding:10px 16px;font-size:.85rem}.section-head{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:18px 16px 6px;font-size:.85rem;font-weight:600;display:flex}.spinner.small-spinner{border-width:2px;width:14px;height:14px}.kept{color:var(--muted);display:inline-flex}.folder.unavailable .folder-open{opacity:.45}.offline-banner{background:var(--bg-selected);color:var(--fg)}.offline-settings{flex-direction:column;flex:1;min-height:0;display:flex}.settings-body{overscroll-behavior:contain;padding:4px 16px calc(24px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.settings-body>p{margin:12px 0}.storage{background:var(--bg-soft);border-radius:10px;gap:4px;padding:10px 12px;font-size:.9rem;display:grid}.storage .text-button{padding:2px 4px}.offline-folder{padding:2px 0 2px calc(var(--depth,0) * 22px);border-bottom:1px solid var(--line)}.offline-folder .check{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}.offline-folder .check input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin:0}.offline-folder .folder-name+.muted{flex:none}.offline-folder-detail{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;padding:0 0 8px 30px;display:flex}.offline-folder-detail .check{gap:8px;min-height:32px}.offline-folder-detail .check input{width:18px;height:18px}.settings-heading{margin:20px 0 4px;font-size:.95rem}.device-actions{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:4px;display:flex}.storage .device-actions .text-button{padding:8px 10px}.device-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.device-list li>div{overflow-wrap:anywhere;min-width:0}.outbox-list li{justify-content:flex-start;align-items:flex-start}.outbox-list li>svg{color:var(--muted);flex:none;margin-top:2px}.outbox-entry{flex:1}.outbox-subject{font-weight:600}.outbox-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;display:flex}.outbox-actions .text-button{padding:6px 8px}.draft-open{text-align:left;border-radius:8px;min-width:0}.draft-open>span{overflow-wrap:anywhere;display:block}.draft-preview{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.outbox-list li.selected{background:var(--bg-selected);margin:0 -16px;padding-left:16px;padding-right:16px}.sheet{background:var(--bg);width:min(92vw,380px);max-width:none;color:var(--fg);box-shadow:var(--shadow);border:0;border-radius:14px;padding:0}.sheet::backdrop{background:#00000059}.sheet-body{gap:8px;padding:18px 16px 10px;display:grid}.sheet h3{margin:0;font-size:1.05rem}.sheet p{margin:0 0 6px}.sheet-body button{border-radius:10px;justify-content:center;padding:12px}.sheet-danger{color:var(--warn);font-weight:500}.sheet-danger:hover{background:var(--warn-bg)}@media (max-width:760px){.sheet{margin:auto auto calc(12px + env(safe-area-inset-bottom))}}.notice{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));background:var(--fg);max-width:min(90vw,480px);color:var(--bg);box-shadow:var(--shadow);z-index:60;border-radius:10px;padding:10px 16px;font-size:.9rem;position:fixed;transform:translate(-50%)}.notice.undoable{align-items:center;width:max-content;display:flex}.notice-action{text-transform:uppercase;letter-spacing:.04em;margin:-8px -6px -8px 14px;padding:8px 6px;font-weight:700}.notice.error{background:var(--warn);color:#fff}.update-bar{z-index:70;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:var(--accent);color:var(--accent-fg);font-weight:600;position:fixed;bottom:0;left:0;right:0}.signin{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100%;padding:24px;display:flex}.signin h1{margin:8px 0 0}.signin p{max-width:28rem;margin:0 0 8px}