:root{--bg:#f7f7f5;--surface:#fff;--surface-2:#efefec;--border:#e2e2de;--text:#1d1e20;--text-2:#5d6066;--accent:#1f5f5b;--accent-weak:#e3efed;--warn:#9a5b00;--danger:#a3261c;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--size-2:13px;--size:14px;--size-heading:20px;--radius:8px;--radius-pill:999px;--shadow:0 8px 24px #0000002e;--row:44px;--sidebar:240px;--topbar:56px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#141517;--surface:#1c1d20;--surface-2:#25272b;--border:#2f3136;--text:#e9e9e7;--text-2:#a3a6ad;--accent:#5fb3ab;--accent-weak:#1f3533;--warn:#e3a948;--danger:#ef7a6f}}@media (width<=719px){:root{--size:16px;--row:64px}}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font:400 var(--size) / 1.45 var(--font);margin:0}#app{min-height:100%}h1,h2,h3{margin:0 0 12px;font-weight:600}h1,h2{font-size:var(--size-heading)}h3{font-size:var(--size)}p{margin:0 0 12px}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}.mono,code,pre{font-family:var(--mono)}.icon{flex:none;width:20px;height:20px}.button,.compose-button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:36px;color:var(--text);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.button:hover{background:var(--surface-2)}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--surface);font-weight:600}.button.danger{color:var(--danger)}.button:disabled,.compose-button:disabled{opacity:.55;cursor:default}.link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.icon-button{border-radius:var(--radius);width:40px;height:40px;color:var(--text-2);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.icon-button:hover{background:var(--surface-2)}input,textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;min-height:40px;color:var(--text);font:inherit;padding:8px 12px}input[type=checkbox]{width:auto;min-height:0}textarea{resize:vertical}.field{gap:4px;display:grid}.field-label{font-weight:600}.field-hint{color:var(--text-2);font-size:var(--size-2)}.check{align-items:center;gap:8px;display:flex}.stack{gap:12px;display:grid}.row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.error{color:var(--danger)}.ok{color:var(--accent)}.file-button{position:relative}.file-button:focus-within{outline:2px solid var(--accent);outline-offset:2px}.badge{border-radius:var(--radius-pill);font-size:var(--size-2);white-space:nowrap;padding:0 8px;display:inline-block}.badge.warn{border:1px solid var(--warn);color:var(--warn)}.chip{border-radius:var(--radius-pill);background:var(--accent-weak);font-size:var(--size-2);padding:2px 10px;display:inline-block}.banner{border-bottom:1px solid var(--border);background:var(--surface);color:var(--text-2);margin:0;padding:8px 16px}.banner.warn{color:var(--warn)}.banner.error{color:var(--danger)}.splash,.task{min-height:100vh;padding:max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));place-items:center;display:grid}.splash{color:var(--text-2);text-align:center;align-content:center;gap:12px}.task-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(460px,100%);padding:32px}.task-mark{color:var(--accent);align-items:center;gap:8px;margin-bottom:24px;font-weight:600;display:flex}.public-key{border-radius:var(--radius);background:var(--surface-2);max-height:240px;font-size:var(--size-2);white-space:pre-wrap;word-break:break-all;padding:12px;overflow:auto}.scanner{gap:8px;margin-bottom:12px;display:grid}.scanner video{border-radius:var(--radius);background:#000;width:100%}.sheet-screen{gap:24px;max-width:820px;margin:0 auto;padding:24px 16px;display:grid}.sheet{border:1px solid var(--border);border-radius:var(--radius);color:#000;background:#fff;padding:32px}.sheet-facts{grid-template-columns:max-content 1fr;gap:4px 16px;display:grid}.sheet-facts dt{font-weight:600}.sheet-facts dd{margin:0}.sheet-codes{flex-wrap:wrap;gap:24px;margin:24px 0;display:flex}.sheet-codes figure{text-align:center;margin:0}.qr{shape-rendering:crispedges;width:300px;max-width:100%;height:300px;display:block}.sheet-key{white-space:pre-wrap;word-break:break-all;margin:0;font-size:9px;line-height:1.2}@media print{.no-print{display:none!important}html,body{background:#fff}.sheet-screen{padding:0}.sheet{border:0;padding:0}.sheet-codes figure{break-inside:avoid}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;border-radius:var(--radius);background:var(--accent);color:var(--surface);padding:8px 16px;font-weight:600;position:absolute;top:-48px;left:8px}.skip-link:focus{top:8px}select{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:40px;color:var(--text);font:inherit;padding:8px 12px}kbd{border:1px solid var(--border);background:var(--surface-2);font-family:var(--mono);font-size:var(--size-2);border-radius:4px;padding:1px 6px;display:inline-block}mark{background:var(--accent-weak);color:inherit;border-radius:2px;font-weight:600}.shell{grid-template-columns:var(--sidebar) minmax(0, 1fr);grid-template-rows:var(--topbar) minmax(0, 1fr);height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);grid-template-areas:"top top""side main";display:grid}@media (width>=720px) and (width<=1199px){.shell.collapsed{grid-template-columns:0 minmax(0,1fr)}.shell.collapsed .sidebar{visibility:hidden}}.topbar{border-bottom:1px solid var(--border);background:var(--surface);grid-area:top;align-items:center;gap:12px;min-width:0;padding:0 12px;display:flex}.menu-button{display:none}.brand{width:calc(var(--sidebar) - 24px);color:var(--accent);flex:none;align-items:center;gap:8px;font-weight:600;text-decoration:none;display:flex}.search{border-radius:var(--radius);background:var(--surface-2);min-width:0;max-width:720px;color:var(--text-2);flex:1;align-items:center;gap:8px;margin:0;padding:0 12px;display:flex}.search input{background:0 0;border:0;min-width:0;padding-left:0}.sync-indicator{color:var(--text-2);font-size:var(--size-2);white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.sync-indicator.offline{color:var(--warn)}.account-menu{margin-left:auto;position:relative}.account-menu summary{border-radius:var(--radius-pill);background:var(--accent-weak);width:32px;height:32px;color:var(--accent);cursor:pointer;place-items:center;font-weight:600;list-style:none;display:grid}.account-menu summary::-webkit-details-marker{display:none}.menu{z-index:30;border-radius:var(--radius);background:var(--surface);min-width:220px;box-shadow:var(--shadow);padding:8px 0;display:grid;position:absolute;top:40px;right:0}.menu button{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:8px 16px}.menu button:hover{background:var(--surface-2)}.menu-user{color:var(--text-2);font-size:var(--size-2);margin:0;padding:4px 16px 8px}.sidebar{background:var(--bg);grid-area:side;padding:12px 8px;overflow-y:auto}.sidebar ul{margin:0 0 12px;padding:0;list-style:none}.compose-button{border-radius:var(--radius-pill);background:var(--accent-weak);min-height:48px;color:var(--accent);margin:0 0 12px 4px;font-weight:600}.folder{border-radius:var(--radius-pill);min-height:36px;color:var(--text);align-items:center;gap:12px;padding:0 12px;text-decoration:none;display:flex}.folder:hover{background:var(--surface-2)}.folder.active{background:var(--accent-weak);color:var(--accent);font-weight:600}.folder-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.count{font-size:var(--size-2);font-weight:600}.main{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;grid-area:main;min-width:0;min-height:0;display:flex;overflow:hidden}.main:focus{outline:none}.panes{flex:1;grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.list-pane,.thread-pane,.settings{min-height:0;padding-bottom:env(safe-area-inset-bottom);overflow-y:auto}.pane-head{z-index:2;border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:56px;padding:8px 16px;display:flex;position:sticky;top:0}.pane-title{font-size:var(--size-heading);margin:0}.settings>.pane-title{padding:16px}.pane-note,.coverage{color:var(--text-2);font-size:var(--size-2);margin:0;padding:8px 16px}.empty{color:var(--text-2);padding:32px 16px}.empty .button{margin-top:4px}.bulk{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-left:auto;display:flex}.select-all{place-items:center;width:40px;height:40px;display:grid}.bulk-count{color:var(--text-2);font-size:var(--size-2)}.actions{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.icon-button.small{width:32px;height:32px}.move-to{border-radius:var(--radius);width:40px;height:40px;color:var(--text-2);place-items:center;display:inline-grid;position:relative}.move-to:hover{background:var(--surface-2)}.move-to:focus-within{outline:2px solid var(--accent);outline-offset:2px}.move-to select{opacity:0;cursor:pointer;width:100%;min-height:0;padding:0;position:absolute;inset:0}.rows{margin:0;padding:0;list-style:none}.row-item{border-bottom:1px solid var(--border);background:var(--accent-weak);position:relative;overflow:hidden}.row-content{min-height:var(--row);background:var(--surface);touch-action:pan-y;align-items:center;display:flex;position:relative}.row-item.swipe-archive,.row-item.swipe-read{background:var(--accent-weak)}.swipe-hint{color:var(--accent);position:absolute;top:50%;transform:translateY(-50%)}.swipe-hint.left{right:24px}.swipe-hint.right{left:24px}.row-check{opacity:0;flex:none;place-items:center;width:36px;height:36px;margin-left:4px;display:grid}.row-item:hover .row-check,.row-item.selecting .row-check,.row-check:focus-within{opacity:1}.row-star{width:32px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.row-star.on,.star.on{color:var(--warn)}.row-button{min-width:0;min-height:var(--row);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;gap:2px;padding:4px 16px 4px 4px;display:grid}.row-content>.icon-button{margin-right:8px}.row-item:hover .row-content,.row-item.open .row-content{background:var(--surface-2)}.row-item.selected .row-content{background:var(--accent-weak)}.row-item.unread .row-content{box-shadow:inset 3px 0 0 var(--accent)}.row-item.cursor .row-content{box-shadow:inset 0 0 0 2px var(--text-2)}.row-item.unread.cursor .row-content{box-shadow:inset 3px 0 0 var(--accent), inset 0 0 0 2px var(--text-2)}.row-item :focus-visible{outline-offset:-2px}.row-line{align-items:baseline;gap:8px;min-width:0;display:flex}.sender{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.thread-count,.snippet,time{color:var(--text-2)}time{font-size:var(--size-2);flex:none}.subject{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;max-width:55%;overflow:hidden}.row-badge{flex:0 auto;align-items:center;gap:2px;min-width:0;padding:0 6px;display:flex;overflow:hidden}.row-badge .icon{flex:none;width:14px;height:14px}.row-badge-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.snippet{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.unread .sender,.unread .subject{font-weight:600}.row-item.pending{background:var(--surface);color:var(--text-2);padding:12px 16px}.row-more{color:var(--text-2);text-align:center;padding:16px}.badge.info{border:1px solid var(--border);color:var(--text-2)}.badge.error{border:1px solid var(--danger);color:var(--danger)}button.badge{font:inherit;font-size:var(--size-2);cursor:pointer;background:0 0;align-items:center;gap:4px;display:inline-flex}button.badge .icon{width:14px;height:14px}.thread-pane{border-left:1px solid var(--border);padding:0 24px 24px}.thread-head{z-index:2;border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:8px;min-height:56px;margin:0 -24px;padding:8px 16px;display:flex;position:sticky;top:0}.back-button{display:none}.thread-subject{overflow-wrap:anywhere;margin:16px 0}.thread-subject:focus{outline:none}.cards{gap:8px;margin:0;padding:0;list-style:none;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:12px 16px 16px}.card.collapsed{padding:0}.card-line{border-radius:var(--radius);width:100%;min-height:44px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:baseline;gap:12px;padding:10px 16px;display:flex}.card-line:hover{background:var(--surface-2)}.card-line .card-from{text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:40%;overflow:hidden}.card-from.unread{font-weight:600}.card-snippet{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;display:flex}.card-who{min-width:0;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:0;display:flex}.card-head .card-from{font-weight:600}.card-address{color:var(--text-2);font-size:var(--size-2);overflow-wrap:anywhere}.card-meta{align-items:center;gap:4px;display:flex}.card-recipients{color:var(--text-2);font-size:var(--size-2);grid-template-columns:max-content 1fr;gap:0 8px;margin:4px 0 8px;display:grid}.card-recipients dd{overflow-wrap:anywhere;margin:0}.safety{justify-items:start;gap:4px;margin:0 0 8px;display:grid}.safety-detail{max-width:60ch;color:var(--warn);font-size:var(--size-2)}.safety-reason{color:var(--text-2)}.card-body{margin-top:8px}.message-text{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.message-frame{background:#fff;border:0;border-radius:4px;width:100%;min-height:48px;display:block}.remote-bar{border-radius:var(--radius);background:var(--surface-2);color:var(--text-2);font-size:var(--size-2);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px;padding:6px 12px;display:flex}.attachments{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.attachment{border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:8px;max-width:100%;padding:4px 4px 4px 8px;display:flex}.attachment-icon{background:var(--surface-2);width:40px;height:40px;color:var(--text-2);border-radius:4px;place-items:center;display:grid}.attachment-preview{object-fit:cover;border-radius:4px;width:40px;height:40px}.attachment-name{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.attachment-size{color:var(--text-2);font-size:var(--size-2);white-space:nowrap}.reply-bar{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.compose{z-index:40;border-radius:var(--radius) var(--radius) 0 0;background:var(--surface);width:560px;max-width:calc(100vw - 32px);height:600px;max-height:calc(100vh - 72px);box-shadow:var(--shadow);flex-direction:column;display:flex;position:fixed;bottom:0;right:16px}.compose.maximised{border-radius:var(--radius);width:auto;max-width:none;height:auto;max-height:none;inset:5vh 5vw}.compose-head{border-radius:var(--radius) var(--radius) 0 0;background:var(--surface-2);align-items:center;gap:4px;padding:4px 8px 4px 16px;display:flex}.compose-head h2{font-size:var(--size);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.compose-form{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.compose-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:8px;padding:0 16px;display:flex}.compose-row>input,.compose-row>select{background:0 0;border:0;border-radius:0;flex:1;min-height:40px;padding:8px 0}.compose-label{min-width:52px;color:var(--text-2);flex:none;padding:10px 0}.cc-toggle{font-size:var(--size-2);flex:none;padding:10px 0}.address-field{flex-wrap:wrap;flex:1;align-items:flex-start;gap:0 8px;min-width:0;display:flex;position:relative}.chips{flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-width:0;padding:4px 0;display:flex}.chips input{background:0 0;border:0;flex:1;width:auto;min-width:120px;min-height:32px;padding:4px 0}.chip.address,.chip.file{align-items:center;gap:4px;max-width:100%;padding:2px 4px 2px 10px;display:inline-flex}.chip.file .icon{width:16px;height:16px}.chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.chip-size{color:var(--text-2)}.chip-remove{border-radius:var(--radius-pill);width:22px;height:22px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.chip-remove:hover{background:var(--surface-2)}.suggestions{z-index:5;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);margin:0;padding:4px 0;list-style:none;position:absolute;top:100%;left:60px;right:0}.suggestions li{cursor:pointer;flex-wrap:wrap;gap:0 8px;padding:6px 12px;display:flex}.suggestions li.active,.suggestions li:hover{background:var(--surface-2)}.suggestion-email{color:var(--text-2);font-size:var(--size-2)}.field-error{width:100%;color:var(--danger);font-size:var(--size-2);margin:0 0 6px}.compose-form>.field-error,.compose-form>.field-hint{margin:6px 16px}.compose-body{resize:none;border:0;border-radius:0;flex:1;min-height:180px;padding:12px 16px}.compose-attachments{flex-wrap:wrap;gap:8px;margin:0;padding:8px 16px;list-style:none;display:flex}.compose-footer{border-top:1px solid var(--border);background:var(--surface);align-items:center;gap:8px;padding:8px 16px;display:flex;position:sticky;bottom:0}.spacer{flex:1}.fab{display:none}.outbox-list{margin:0;padding:0;list-style:none}.outbox-item{border-bottom:1px solid var(--border);gap:6px;padding:12px 16px;display:grid}.outbox-main{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.outbox-subject{font-weight:600}.outbox-to{color:var(--text-2);overflow-wrap:anywhere;flex:1}.outbox-state{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.outbox-error,.refused{color:var(--text-2);font-size:var(--size-2);margin:0}.refused{padding-left:16px}.link.danger{color:var(--danger)}.settings{padding-bottom:calc(32px + env(safe-area-inset-bottom))}.settings>section{max-width:640px;padding:0 16px 16px}.settings h2{font-size:var(--size)}.settings .field{max-width:320px;margin-bottom:12px}.toast-region{left:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;position:fixed}.toast{border-radius:var(--radius);background:var(--text);max-width:min(560px,100vw - 32px);color:var(--bg);box-shadow:var(--shadow);align-items:center;gap:12px;padding:8px 8px 8px 16px;display:flex}.toast.error{box-shadow:inset 4px 0 0 var(--danger), var(--shadow)}.toast-action{border-radius:var(--radius);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 8px;font-weight:600;text-decoration:underline}.toast .icon-button{color:inherit}dialog.modal{border-radius:var(--radius);background:var(--surface);width:min(440px,100vw - 32px);color:var(--text);box-shadow:var(--shadow);border:0;padding:0}dialog.modal.wide{width:min(560px,100vw - 32px)}dialog.modal::backdrop{background:#0006}.modal-body{padding:24px}.row.end{justify-content:flex-end;margin:16px 0 0}.button.danger-fill{border-color:var(--danger);background:var(--danger);color:var(--surface);font-weight:600}.shortcuts{border-collapse:collapse;width:100%}.shortcuts th,.shortcuts td{border-bottom:1px solid var(--border);text-align:left;padding:6px 0}.shortcuts th{width:45%;font-weight:400}.scrim{display:none}@media (width<=1199px){.menu-button{display:inline-grid}.brand{width:auto}.shell.reading .list-pane{display:none}.thread-pane{border-left:0}.back-button{display:inline-grid}}@media (width>=1200px){.shell.reading .panes{grid-template-columns:minmax(360px,2fr) minmax(0,3fr)}}@media (hover:none){.row-check{display:none}.row-item.selecting .row-check{display:grid}}@media (width<=719px){.shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"top""main"}.topbar{gap:8px;padding:0 8px}.brand span,.sync-indicator{display:none}.sidebar{z-index:50;width:min(300px,85vw);padding-top:max(12px, env(safe-area-inset-top));padding-bottom:max(12px, env(safe-area-inset-bottom));padding-left:max(8px, env(safe-area-inset-left));visibility:hidden;box-shadow:var(--shadow);transition:transform .2s,visibility .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{visibility:visible;transform:none}.scrim{z-index:45;background:#00000059;border:0;display:block;position:fixed;inset:0}.main{border-left:0}.pane-head{padding:8px 12px}.row-button{padding:8px 12px 8px 4px}.row-line{gap:6px}.thread-pane{padding:0 12px calc(16px + env(safe-area-inset-bottom))}.list-pane,.settings{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.thread-head{margin:0 -12px;padding:4px 8px}.card{padding:12px}.compose,.compose.maximised{width:auto;max-width:none;height:auto;max-height:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border-radius:0;inset:0}.compose-head{border-radius:0}.compose-max{display:none}.fab{right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));z-index:20;border-radius:var(--radius-pill);background:var(--accent);width:56px;height:56px;color:var(--surface);box-shadow:var(--shadow);cursor:pointer;border:0;place-items:center;display:grid;position:fixed}.toast-region{left:8px;right:8px;bottom:calc(88px + env(safe-area-inset-bottom))}.toast{max-width:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}