@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-latin-700-normal-Bxkt5Cjx.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-700-normal-Bth3BMcD.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff)format("woff")}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2352565b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--font:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-mono:"IBM Plex Mono", Consolas, ui-monospace, monospace;--font-size-data:11.5px;--bg:#fff;--bg-app:#f7f7f6;--bg-subtle:#f7f7f6;--bg-hover:#f4f4f3;--bg-focus:#f0f0ef;--bg-selected:#fff4d1;--surface:#fff;--surface-raised:#fff;--overlay:#17181a66;--text:#17181a;--text-muted:#52565b;--text-faint:#9a9da2;--border:#ebebea;--border-strong:#dcdcda;--focus-edge:#17181a;--accent:#17181a;--accent-hover:#3a3c40;--accent-text:#fff;--accent-soft:#f0f0ef;--accent-soft-text:#17181a;--focus-ring:0 0 0 2px #17181a4d;--danger:#b42318;--danger-soft:#fdecea;--warning-bg:#fff4da;--warning-text:#6b4a00;--ok:#2a6b45;--ok-soft:#e6f2ea;--paper:#fff;--paper-text:#1d2025;--avatar-bg:#eeeeec;--avatar-0:#e6ebf2;--avatar-0-text:#3d5170;--avatar-1:#e3eee6;--avatar-1-text:#3b6148;--avatar-2:#f1ead9;--avatar-2-text:#6e5a2e;--avatar-3:#ebe6f3;--avatar-3-text:#5a4a7a;--avatar-4:#dfeeee;--avatar-4-text:#2f6365;--avatar-5:#ece6e1;--avatar-5-text:#66574b;--domain-0:#2f6bff;--domain-1:#9a4ddd;--domain-2:#0f9d6b;--domain-3:#d97706;--domain-4:#e0457b;--domain-5:#0891b2;--radius-control:7px;--radius:8px;--radius-lg:12px;--radius-pill:999px;--shadow-sm:0 1px 2px #17181a0d, 0 1px 3px #17181a12;--shadow:0 16px 40px #17181a2e;--gap:12px;--sidebar-width:236px;--toolbar-height:56px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aaadb2' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--bg:#111213;--bg-app:#0d0e0f;--bg-subtle:#0d0e0f;--bg-hover:#18191b;--bg-focus:#1c1d20;--bg-selected:#2c2716;--surface:#111213;--surface-raised:#18191b;--overlay:#0000008c;--text:#ececea;--text-muted:#aaadb2;--text-faint:#63666b;--border:#1f2022;--border-strong:#2e3033;--focus-edge:#ececea;--accent:#ececea;--accent-hover:#fff;--accent-text:#111213;--accent-soft:#1c1d20;--accent-soft-text:#ececea;--focus-ring:0 0 0 2px #ececea59;--danger:#f97066;--danger-soft:#3a1714;--warning-bg:#3a321c;--warning-text:#f2d48a;--ok:#6cc492;--ok-soft:#16271d;--paper:#f6f6f4;--paper-text:#1d2025;--avatar-bg:#222326;--avatar-0:#1f2733;--avatar-0-text:#a9bbd6;--avatar-1:#1e2a22;--avatar-1-text:#a3c4ad;--avatar-2:#2d281c;--avatar-2-text:#d4c194;--avatar-3:#27222f;--avatar-3-text:#c3b4dd;--avatar-4:#1b2a2b;--avatar-4-text:#9cc9ca;--avatar-5:#2a2522;--avatar-5-text:#c9b9ab;--domain-0:#6f98ff;--domain-1:#b884ec;--domain-2:#3cc694;--domain-3:#f5a524;--domain-4:#f2709c;--domain-5:#22b8d6;--shadow-sm:0 1px 2px #0006;--shadow:0 18px 44px #0000008c}:root[data-env]{--accent:#c2410c;--accent-hover:#9a3412;--accent-text:#fff;--accent-soft:#ffedd5;--accent-soft-text:#9a3412;--focus-ring:0 0 0 2px #c2410c59}:root[data-theme=dark][data-env]{--accent:#fb923c;--accent-hover:#fdba74;--accent-text:#1a0e05;--accent-soft:#3d2414;--accent-soft-text:#fed7aa;--focus-ring:0 0 0 2px #fb923c66}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font:14px/1.45 var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{letter-spacing:-.01em;font-weight:600}h2{font-size:20px}h3{font-size:15px}a{color:var(--accent);text-underline-offset:2px;text-decoration-thickness:1px}a:hover{color:var(--accent-hover)}:focus-visible{box-shadow:var(--focus-ring);outline:none}::selection{background:var(--accent-soft);color:var(--accent-soft-text)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);padding:5px 12px;font-weight:500;line-height:1.4;transition:background-color .12s,border-color .12s,box-shadow .12s,color .12s}button:hover:not(:disabled){background:var(--bg-hover)}button:active:not(:disabled){transform:translateY(1px)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);box-shadow:var(--shadow-sm)}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button.danger{color:var(--danger)}button.danger:hover:not(:disabled){background:var(--danger-soft)}button.passkey-action{justify-content:center;align-items:center;gap:6px;display:inline-flex}button.passkey-action .icon{width:14px;height:14px}button:disabled{opacity:.5;cursor:default}input,select,textarea{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-control);padding:6px 10px;transition:border-color .12s,box-shadow .12s}select{appearance:none;background-image:var(--select-chevron);cursor:pointer;background-position:right 10px center;background-repeat:no-repeat;background-size:12px;padding-right:30px}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;margin:0}.muted{color:var(--text-muted)}.error{color:var(--danger)}.mono{font-family:var(--font-mono);font-size:var(--font-size-data)}kbd{font:11px var(--font-mono);border:1px solid var(--border);color:var(--text-muted);border-bottom-width:2px;border-radius:4px;padding:0 4px}button.primary kbd{color:inherit;opacity:.75;background:0 0;border-color:currentColor;margin-left:6px}.segmented{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);gap:2px;padding:3px;display:inline-flex}.segmented button{color:var(--text-muted);background:0 0;border:0;align-items:center;gap:6px;padding:4px 14px;display:inline-flex}.segmented button .icon{width:13px;height:13px}.segmented button.active{background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow-sm)}.shell{grid-template-columns:var(--sidebar-width) 1fr;height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);grid-template-rows:minmax(0,1fr);display:grid}.sidebar{border-right:1px solid var(--border);background:var(--bg-app);flex-direction:column;gap:1px;padding:14px 10px 0;display:flex;overflow-y:auto}.sidebar .brand{letter-spacing:-.02em;align-items:center;gap:9px;margin:2px 8px 14px;font-size:16px;font-weight:700;display:flex}.sidebar .brand:before{content:"";background:conic-gradient(var(--domain-0), var(--domain-1), var(--domain-4), var(--domain-3), var(--domain-2), var(--domain-5), var(--domain-0));border-radius:5px;flex:none;width:18px;height:18px}.nav-item{color:var(--text-muted);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:5px 8px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text)}.nav-item.nav-folder{gap:9px;padding:6px 9px;font-size:15.5px}.nav-folder .nav-icon{width:18px}.nav-folder .nav-icon .icon{width:17px;height:17px}.nav-item.nav-folder .badge{font-size:12px}.nav-signout{font:inherit;cursor:pointer}.nav-item.active{background:var(--bg);color:var(--text);box-shadow:0 0 0 1px var(--border);font-weight:600}.nav-icon{width:16px;color:var(--text-faint);flex:none;justify-content:center;align-items:center;display:flex}.nav-icon .icon{width:15px;height:15px}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{color:var(--text-muted)}.nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-label.mono{font-size:12px}.nav-item.highlight{box-shadow:var(--focus-ring)}.nav-item .badge{color:var(--text);font:500 11px var(--font-mono);background:0 0;border:0;padding:0}.nav-section{font:500 10.5px var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);margin:18px 0 4px;padding:0 8px}.nav-end{background:var(--bg-app);margin-top:auto;padding:18px 0 14px;position:sticky;bottom:0}.main{background:var(--bg);flex-direction:column;min-width:0;height:100%;display:flex}.toolbar{border-bottom:1px solid var(--border);min-height:var(--toolbar-height);align-items:center;gap:10px;padding:10px 16px;display:flex}.toolbar .grow{flex:1}.toolbar input.grow{background:var(--bg-subtle);border-radius:var(--radius-pill);border-color:#0000;max-width:640px;padding:7px 16px}.toolbar input.grow:focus{background:var(--surface);border-color:var(--accent)}.pane{flex:1;min-height:0;overflow-y:auto}.thread-pane{background:var(--bg-app)}.shell[data-area] [data-pane]{border-top:2px solid #0000}.shell[data-area=sidebar] [data-pane=sidebar],.shell[data-area=main] [data-pane=main]{border-top-color:var(--accent)}.page{flex:1;padding:20px 28px;overflow-y:auto}.page>h2:first-child{margin-top:0}@media not all and (width<=760px){.phone-only{display:none!important}}@media (width<=760px){.shell{grid-template-columns:1fr;padding-bottom:0}@supports (height:100dvh){.shell{height:100dvh}}.sidebar{display:none}.shell.nav-open .sidebar{z-index:20;box-shadow:var(--shadow);padding:calc(14px + env(safe-area-inset-top)) 10px 0 calc(10px + env(safe-area-inset-left));touch-action:pan-y;display:flex;position:fixed;inset:0 30% 0 0}.shell.nav-open .nav-end{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.scrim{z-index:19;background:var(--overlay);position:fixed;inset:0}.desktop-only{display:none!important}.shell:not([data-screen=search]) .toolbar{display:none}.toolbar{gap:4px;padding:6px 8px}.shell[data-screen=search] .list-header:not(.selecting){display:none}.shell[data-area] [data-pane]{border-top:0}.page{padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.page:has(>h2:first-child){padding-top:0}.page>h2:first-child{z-index:2;background:var(--bg);margin:0 -16px 8px;padding:6px 8px;position:sticky;top:0}.page>h2:first-child,.settings-head h2{align-items:center;gap:4px;min-height:56px;font-size:17px;display:flex}.page.settings .settings-head{margin:0 -16px 16px;padding:0 8px}.settings-head h2{margin:0}.fab{z-index:15;right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));border-color:var(--accent);background:var(--accent);width:56px;height:56px;color:var(--accent-text);box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:fixed}.fab:hover:not(:disabled){background:var(--accent-hover)}.fab .icon{width:22px;height:22px}.shell[data-screen=list] .pane{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.shell[data-screen=search] .pane{padding-bottom:env(safe-area-inset-bottom)}.pane,.page{overflow-x:hidden}table.grid{display:block;overflow-x:auto}}@media (pointer:coarse){button,select,input:not([type=checkbox],[type=radio],[type=file]),.nav-item,.check,.palette-item,.suggestions div{min-height:44px}.icon-btn{justify-content:center;align-items:center;min-width:44px;min-height:44px}.palette-item,.suggestions div{align-items:center;display:flex}}@media (width<=760px),(pointer:coarse){input,select,textarea,.composer .editor .cm-editor{font-size:16px}}.list-header{z-index:1;background:var(--bg);align-items:center;gap:12px;min-height:54px;padding:10px 18px;display:flex;position:sticky;top:0}.list-header h1{white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-size:17px;font-weight:600;overflow:hidden}.list-header .filter{font:500 14px var(--font-mono)}.list-header .clear-filter{color:var(--text-muted);background:0 0;border:0;margin-left:4px;padding:0 6px;font-weight:400}.list-header .grow{flex:1}.unread-count{font:12px var(--font-mono);color:var(--text-muted);white-space:nowrap}.list-top{z-index:2;background:var(--bg);position:sticky;top:0}.list-top .list-header{position:static}.category-tabs{border-bottom-color:var(--border-strong);overscroll-behavior-x:contain;scrollbar-width:none;padding:0 18px;position:relative}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button.active{font-weight:600}.category-tabs .tab-label{display:inline-grid;position:relative}.category-tabs .tab-label:after{content:attr(data-label);visibility:hidden;height:0;font-weight:600;overflow:hidden}.category-tabs .tab-dot{background:var(--text);border-radius:50%;width:6px;height:6px;position:absolute;top:1px;right:-8px}.drag-image{border-radius:var(--radius-pill);background:var(--text);color:var(--bg);font:12px var(--font-mono);white-space:nowrap;pointer-events:none;padding:4px 10px;position:fixed;top:-100px;left:0}.nav-item.drop-target,.category-tabs button.drop-target{background:var(--bg-selected);box-shadow:inset 2px 0 0 var(--focus-edge);color:var(--text)}.nav-item.drop-disabled,.category-tabs button.drop-disabled{opacity:.45}.selected-count{font:600 13px var(--font-mono);white-space:nowrap}.action-bar{scrollbar-width:none;flex-wrap:nowrap;gap:6px;min-width:0;display:flex;overflow-x:auto}.action-bar::-webkit-scrollbar{display:none}.action-bar button{white-space:nowrap;flex:none}@media (width>=761px){.list-header{height:54px}.list-header.selecting{animation:.12s ease-out key-hints-in}}@media (prefers-reduced-motion:reduce){.list-header.selecting{animation:none}}.action-bar button{border-color:var(--border);border-radius:var(--radius-control);padding:3px 10px;font-size:12.5px}.action-bar kbd{margin-left:6px}.action-bar .select-alias{border-style:dashed}.action-bar code{font:var(--font-size-data) var(--font-mono)}.list-note{color:var(--text-muted);padding:0 18px 8px;font-size:13px}.list-row{border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:18px 26px 160px minmax(0,max-content) minmax(0,1fr) 16px calc(10ch + 20px) 76px;grid-template-areas:"check avatar who subject preview clip alias date";align-items:center;column-gap:12px;padding:7px 18px;display:grid}.list{container:list/inline-size}@media (width>=761px){@container list (width<=760px){.list-row{grid-template-columns:18px 26px minmax(0,120px) minmax(0,1fr) 16px calc(6ch + 20px) 64px;grid-template-areas:"check avatar who subject clip alias date"}.list-row .preview{display:none}.row-alias .local{max-width:6ch}}@container list (width<=560px){.list-row{grid-template-columns:18px 26px minmax(0,96px) minmax(0,1fr) 16px 60px;grid-template-areas:"check avatar who subject clip date"}.row-alias{display:none}}}.swipe-row{touch-action:pan-y;position:relative;overflow:hidden}.swipe-row>.list-row{background:var(--bg);transition:transform .18s;position:relative}.swipe-strip{background:var(--accent-soft);color:var(--accent-soft-text);align-items:center;gap:8px;padding:0 22px;font-weight:600;display:none;position:absolute;inset:0 0 1px}.swipe-strip.left{justify-content:flex-end}.swipe-strip.warn{background:var(--danger-soft);color:var(--danger)}.swipe-row[data-swipe=right]>.swipe-strip.right,.swipe-row[data-swipe=left]>.swipe-strip.left{display:flex}@media (prefers-reduced-motion:reduce){.swipe-row>.list-row{transition:none}}.row-motion[data-motion]{--row-shift:32px;grid-template-rows:1fr;display:grid}.row-motion[data-motion$=left]{--row-shift:-32px}.row-motion[data-motion]>.row-clip{min-height:0;overflow:hidden}.row-motion[data-motion^=out-]{animation:row-out var(--row-out) ease-in forwards}.row-motion[data-motion=out]{animation:row-collapse var(--row-collapse) ease-in forwards}.row-motion[data-motion^=in-]{animation:row-in var(--row-in) ease-out backwards}.row-motion[data-motion^=in-] .list-row{animation:row-highlight var(--row-highlight) ease-in var(--row-in) backwards}@keyframes row-out{45%{opacity:0;transform:translateX(var(--row-shift));grid-template-rows:1fr}to{opacity:0;transform:translateX(var(--row-shift));grid-template-rows:0fr}}@keyframes row-collapse{to{grid-template-rows:0fr}}@keyframes row-in{0%{opacity:0;transform:translateX(var(--row-shift));grid-template-rows:0fr}50%{opacity:0;transform:translateX(var(--row-shift));grid-template-rows:1fr}}@keyframes row-highlight{0%{background-color:var(--bg-selected)}}@media (prefers-reduced-motion:reduce){.row-motion[data-motion]{animation:none}.row-motion[data-motion^=in-] .list-row{background:var(--bg-selected);animation:none}}@media (hover:hover){.list-row:hover{background:var(--bg-hover)}}.list-row.focused{background:var(--bg-focus);box-shadow:inset 2px 0 0 var(--focus-edge)}.list-row.selected{background:var(--bg-selected)}.row-check{cursor:pointer;opacity:.35;grid-area:check;align-self:stretch;align-items:center;margin:-7px -6px -7px -18px;padding:0 6px 0 18px;display:flex}.row-check input{pointer-events:none;margin:0}.list-row:hover .row-check,.list-row.focused .row-check,.list.selecting .row-check{opacity:1}.list-row .avatar{grid-area:avatar;width:26px;height:26px;font-size:10px}.list-row .who{min-width:0;color:var(--text-muted);grid-area:who;align-items:baseline;gap:6px;display:flex}.list-row .who-name,.list-row .subject,.list-row .preview{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.list-row .count{font:11px var(--font-mono);color:var(--text-muted)}.list-row .subject{color:var(--text-muted);grid-area:subject}.list-row .subject .badge{margin-right:6px}.list-row .cat-tag{font:400 11px var(--font-mono);color:var(--text-muted);margin-right:6px}.list-row .subject.none{color:var(--text-faint);font-style:italic}.list-row.unread .who,.list-row.unread .subject:not(.none){color:var(--text);font-weight:600}.list-row .preview{color:var(--text-faint);grid-area:preview}.list-row .clip{color:var(--text-faint);grid-area:clip}.list-row .clip .icon{width:14px;height:14px}.row-alias{min-width:0;font:var(--font-size-data) var(--font-mono);color:var(--text-muted);white-space:nowrap;grid-area:alias;align-items:center;gap:6px;display:flex}.row-alias .local{text-overflow:ellipsis;max-width:10ch;overflow:hidden}.new-sender-flag{width:14px;height:14px;min-height:0;color:var(--danger);font:700 9px/1 var(--font-mono);background:0 0;border:1.5px solid;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}button.new-sender-flag:hover:not(:disabled){background:var(--danger-soft)}@media (pointer:coarse){button.new-sender-flag:after{content:"";position:absolute;inset:-15px}}.msg-line .new-sender-flag{vertical-align:1px;margin:0 6px}.nav-new-senders{font:500 11px var(--font-mono);color:var(--text-faint)}.dot{background:var(--text-faint);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.dot.d0{background:var(--domain-0)}.dot.d1{background:var(--domain-1)}.dot.d2{background:var(--domain-2)}.dot.d3{background:var(--domain-3)}.dot.d4{background:var(--domain-4)}.dot.d5{background:var(--domain-5)}.list-row .date{font:var(--font-size-data) var(--font-mono);color:var(--text-muted);text-align:right;white-space:nowrap;grid-area:date}.row-actions{grid-area:date;justify-self:end;gap:2px;display:none}.row-actions button{width:24px;height:24px;color:var(--text-muted);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.row-actions button:hover:not(:disabled){background:var(--border);color:var(--text)}@media (hover:hover){.list:not(.selecting) .list-row:hover .row-actions{display:flex}.list:not(.selecting) .list-row:hover .date{visibility:hidden}}@media (width<=760px){.list-header{gap:4px;min-height:56px;padding:6px 8px}.list-header .unread-count{margin-left:6px}.category-tabs{padding:0 8px}.category-tabs button{font-size:15px}.toast{flex-wrap:wrap}.list-row{grid-template:"avatar who clip.alias date"26px"avatar subject subject subject subject subject"23px"avatar preview preview preview preview preview"21px/52px minmax(0,max-content) auto minmax(0,1fr) 98px minmax(70px,max-content);column-gap:0;padding:10px 14px;font-size:15.5px}.row-check{display:none}.list-row .preview{color:var(--text-muted)}.list-row.unread .preview{color:var(--text)}.list-row .avatar{align-self:start;width:40px;height:40px;font-size:13px}.list-row .who{font-size:17.5px}.list-row .count,.list-row .cat-tag{font-size:13px}.row-alias{margin-left:10px;font-size:13px}.row-alias .new-sender-flag{order:1}.row-alias .local{min-width:0;max-width:none}.list-row .clip{margin-left:8px}.list-row .date{justify-self:end;margin-left:6px;font-size:13px}.action-bar{gap:2px;margin-left:auto}.action-bar button.has-icon{background:0 0;border-color:#0000;justify-content:center;align-items:center;min-width:44px;padding:0 10px;display:inline-flex}.action-bar .has-icon .action-label{display:none}.shell[data-screen=list] .pane{overscroll-behavior-y:none}}.pull-refresh{z-index:1;height:0;position:relative}.pull-spinner{top:calc(var(--pull) - 36px);border:1px solid var(--border-strong);background:var(--bg);width:36px;height:36px;box-shadow:var(--shadow-sm);opacity:min(1, var(--pull-turn));border-radius:50%;position:absolute;left:calc(50% - 18px)}.pull-spinner:after{content:"";border:2px solid var(--border-strong);border-top-color:var(--text-muted);transform:rotate(calc(var(--pull-turn) * 270deg));border-radius:50%;position:absolute;inset:9px}.pull-refresh[data-state=refreshing] .pull-spinner:after{animation:.8s linear infinite pull-spin}@keyframes pull-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.pull-refresh[data-state=refreshing] .pull-spinner:after{animation:none}}@media (pointer:coarse){.list-row{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.list-row:active{background:var(--bg-hover)}.category-tabs button{min-height:44px}}.badge{border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);white-space:nowrap;background:var(--bg-subtle);padding:0 8px;font-size:11px;line-height:18px;display:inline-block}.badge.warn{background:var(--danger-soft);color:var(--danger);border-color:#0000}.empty{text-align:center;color:var(--text-faint);padding:48px 24px}.thread-view{max-width:980px;padding:18px 22px 40px}.thread-header{margin:4px 0 16px}.thread-header h2{margin:0 0 6px;font-size:21px;line-height:1.3}.thread-meta{color:var(--text-faint);align-items:center;gap:10px;font-size:12px;display:flex}.badge.alias{font-family:var(--font-mono)}.back-btn{margin-bottom:10px}.icon{flex-shrink:0;display:block}.avatar{background:var(--avatar-bg);width:32px;height:32px;color:var(--text-muted);font:600 11px var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.avatar.t0{background:var(--avatar-0);color:var(--avatar-0-text)}.avatar.t1{background:var(--avatar-1);color:var(--avatar-1-text)}.avatar.t2{background:var(--avatar-2);color:var(--avatar-2-text)}.avatar.t3{background:var(--avatar-3);color:var(--avatar-3-text)}.avatar.t4{background:var(--avatar-4);color:var(--avatar-4-text)}.avatar.t5{background:var(--avatar-5);color:var(--avatar-5-text)}.avatar.unverified{color:var(--danger);background:var(--danger-soft);box-shadow:inset 0 0 0 1px var(--danger)}.message{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);margin-bottom:8px;overflow:hidden}.message.collapsed{box-shadow:none}.message.highlight{box-shadow:var(--focus-ring)}.thread-fold{border:1px dashed var(--border);border-radius:var(--radius-lg);width:100%;color:var(--text-muted);text-align:center;background:0 0;margin-bottom:8px;padding:8px 16px;font-size:13px;display:block}.thread-fold:hover{background:var(--bg-hover)}.msg-line{text-align:left;background:0 0;border:0;border-radius:0;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;width:100%;padding:10px 16px;font-weight:400;display:grid}.msg-line .avatar{width:26px;height:26px;font-size:10px}.msg-line:hover:not(:disabled){background:var(--bg-hover)}.msg-line:active:not(:disabled){transform:none}.msg-snippet{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.msg-head{align-items:flex-start;gap:12px;padding:14px 16px 6px;display:flex}.msg-head.collapsible{cursor:pointer}.msg-ident{flex:1;min-width:0;line-height:1.35}.msg-from{align-items:center;gap:6px;min-width:0;display:flex}.msg-who{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.msg-addr{color:var(--text-faint);font:var(--font-size-data) var(--font-mono);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.msg-from .new-sender-flag,.msg-disclose{flex:none}.msg-disclose{padding:2px;position:relative}.msg-disclose .icon{transition:transform .15s}.msg-disclose[aria-expanded=true] .icon{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.msg-disclose .icon{transition:none}}@media (pointer:coarse){.msg-disclose{min-width:0;min-height:0}.msg-disclose:after{content:"";position:absolute;inset:-10px}}.msg-to{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.msg-side{flex-shrink:0;align-items:center;gap:8px;display:flex}.msg-unsub{color:var(--text-muted);font-size:12px}.link-btn{min-height:0;font-weight:inherit;color:var(--accent);text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline;text-decoration-thickness:1px;position:relative}@media (pointer:coarse){.link-btn:after{content:"";position:absolute;inset:-4px -10px -16px}}.link-btn:hover:not(:disabled){color:var(--accent-hover);background:0 0}.link-btn:disabled{color:var(--text-faint);cursor:default}.msg-date{color:var(--text-faint);font:var(--font-size-data) var(--font-mono);white-space:nowrap}.icon-btn{color:var(--text-muted);border-radius:var(--radius);background:0 0;border:0;padding:6px;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.msg-details{border-radius:var(--radius);background:var(--bg-subtle);margin:4px 16px 8px 60px;padding:10px 12px;font-size:13px}.msg-facts{grid-template-columns:auto minmax(0,1fr);gap:4px 14px;margin:0;display:grid}.msg-facts dt{color:var(--text-muted)}.msg-facts dd{overflow-wrap:anywhere;min-width:0;margin:0}.msg-value{flex-wrap:wrap;align-items:baseline;column-gap:6px;display:flex}.copy-btn{min-height:0;color:var(--text-faint);background:0 0;border:0;justify-content:center;align-items:center;padding:2px 4px;display:inline-flex;position:relative}.copy-btn:hover:not(:disabled),.copy-btn.copied{color:var(--text-muted);background:0 0}.copy-btn .icon{width:14px;height:14px}@media (width<=760px),(pointer:coarse){.msg-facts{align-items:baseline;row-gap:12px}.msg-facts dd{row-gap:12px;display:grid}.msg-value{align-items:center;row-gap:2px}.msg-name{flex-basis:100%}.msg-value:has(.copy-btn):not(:has(.msg-name)){align-content:flex-start;min-height:32px}.copy-btn{padding:4px}.copy-btn:before{content:"";position:absolute;inset:-6px -11px -16px}.msg-value:has(.msg-name) .copy-btn:before{inset:-16px -11px -6px}}.msg-raw{color:var(--text-muted);font:var(--font-size-data) / 1.5 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0}.auth-summary{justify-items:start;gap:6px;display:grid}.auth-state{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-weight:600;display:inline-flex}.auth-summary.verified .auth-state{color:var(--ok)}.auth-summary.failed .auth-state{color:var(--danger)}.auth-checks{flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.auth-check{border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--bg);color:var(--text-muted);white-space:nowrap;align-items:center;gap:4px;padding:0 8px 0 6px;font-size:12px;line-height:20px;display:inline-flex}.auth-check b{font-weight:600}.auth-check .icon{stroke-width:2.5px;width:12px;height:12px}.auth-check.pass{background:var(--ok-soft);color:var(--ok);border-color:#0000}.auth-check.fail{background:var(--danger-soft);color:var(--danger);border-color:#0000}.auth-note{color:var(--text-muted);font-size:12px;font-weight:400}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.message-body{padding:6px 16px 16px 60px}.message-body pre.text{white-space:pre-wrap;word-wrap:break-word;font:inherit;margin:0;font-size:15px;line-height:1.55}.message-body pre.text.quoted{color:var(--text-muted);border-left:3px solid var(--border-strong);margin-top:8px;padding-left:12px}.message-body iframe{background:0 0;border:0;width:100%;min-height:24px;display:block}.message-body iframe.paper{background:var(--paper);color:var(--paper-text);border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--border)}.quote-toggle{letter-spacing:.1em;color:var(--text-muted);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-pill);margin-top:8px;padding:0 8px;font-size:12px;line-height:16px}.quote-toggle[aria-expanded=true]{background:var(--accent-soft);color:var(--accent-soft-text);border-color:#0000}.reply-bar{gap:8px;margin-top:14px;padding-left:2px;display:flex}.reply-bar button{border-radius:var(--radius-pill);align-items:center;gap:8px;padding:7px 16px;display:inline-flex}@media (width<=760px){.thread-bar{z-index:3;border-bottom:1px solid var(--border);background:var(--bg);align-items:center;gap:4px;min-height:56px;padding:6px 8px;display:flex;position:sticky;top:0}.thread-bar-subject{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.thread-pane .back-btn{display:none}.thread-pane [data-msg],.thread-pane .composer{scroll-margin-top:64px}.thread-pane{flex-direction:column;display:flex}.thread-view{flex:1 0 auto;padding:12px 10px 24px}.thread-header h2,.msg-ident{overflow-wrap:anywhere}.thread-meta{flex-wrap:wrap}.msg-head{align-items:center;gap:10px;padding:8px 4px 4px 12px}.msg-addr,.msg-to{display:none}.msg-side{gap:0}.msg-details{margin:4px 12px 8px}.message-body{padding:4px 12px 14px}.message-body pre.text{overflow-wrap:anywhere}.message .attachments{flex-direction:column;padding:0 12px 14px}.message .attachment{overflow-wrap:anywhere;max-width:none;min-height:56px;position:relative}.message .attachment a:after{content:"";position:absolute;inset:0}.thread-actions{z-index:3;padding:2px 4px env(safe-area-inset-bottom);border-top:1px solid var(--border);background:var(--bg);display:flex;position:sticky;bottom:0}.thread-actions button{min-width:0;min-height:52px;color:var(--text-muted);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:4px 2px;font-size:13px;display:flex}.thread-actions button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.thread-actions .icon{width:20px;height:20px}}.sheet-backdrop{z-index:40;background:var(--overlay);align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface-raised);box-shadow:var(--shadow);flex-direction:column;display:flex}.sheet button{border-radius:var(--radius);text-align:left;background:0 0;border:0;min-height:48px;padding:0 14px}.sheet .sheet-cancel{color:var(--text-muted);margin-top:4px}.sheet a[role=menuitem]{border-radius:var(--radius);min-height:48px;color:var(--text);padding:0 14px;font-weight:500;text-decoration:none}.sheet a[role=menuitem]:hover{background:var(--bg-hover)}.sheet button[aria-disabled]{color:var(--text-faint);cursor:default}.new-sender-menu,.menu-sheet{max-height:80vh;overflow-y:auto}.new-sender-menu .menu-heading,.menu-sheet .menu-heading{color:var(--text-muted);flex-direction:column;padding:6px 14px 4px;font-size:12px;display:flex}.new-sender-menu .menu-heading .mono{font:var(--font-size-data) var(--font-mono);color:var(--text);overflow-wrap:anywhere}.new-sender-menu button[role=menuitem]{flex-direction:column;justify-content:center;gap:1px;display:flex}.new-sender-menu button small{color:var(--text-muted);font-size:12px;font-weight:400}.menu-sheet .menu-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.menu-sheet .menu-row[aria-current]{font-weight:600}.menu-sheet [role=menuitem]:focus-visible,.new-sender-menu button[role=menuitem]:focus-visible{background:var(--bg-focus);box-shadow:inset 2px 0 0 var(--focus-edge);outline:none}@media not all and (width<=760px){.sheet-backdrop.anchored{background:0 0;display:block}.sheet-backdrop.anchored>.sheet{top:var(--menu-top,20vh);left:var(--menu-left,8px);width:var(--menu-width);border:1px solid var(--border);border-radius:var(--radius);max-width:calc(100vw - 16px);padding:6px;position:fixed}.sheet-backdrop.anchored .sheet button,.sheet-backdrop.anchored .sheet a[role=menuitem]{min-height:32px;padding:6px 10px}.sheet-backdrop.anchored .sheet-cancel{display:none}}@media (pointer:coarse){@media not all and (width<=760px){.sheet-backdrop.anchored .sheet button,.sheet-backdrop.anchored .sheet a[role=menuitem]{min-height:44px}}}.banner{background:var(--warning-bg);color:var(--warning-text);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;font-size:13px;display:flex}.offline-banner{background:var(--warning-bg);color:var(--warning-text);padding:6px 12px;font-size:13px}.offline-banner.blocked strong{text-decoration:underline}.banner button{padding:2px 10px;font-size:12px}.attachments{flex-wrap:wrap;gap:8px;padding:0 16px 16px;display:flex}.attachment{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-subtle);align-items:center;gap:8px;max-width:280px;padding:8px 12px;display:flex}.attachment img{border-radius:4px;max-width:120px;max-height:80px;display:block}.overlay{background:var(--overlay);z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.dialog{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);width:min(580px,94vw);max-height:76vh;padding:14px;overflow-y:auto}.palette input{width:100%;margin-bottom:8px;padding:10px 12px;font-size:16px}.palette-item{border-radius:var(--radius);cursor:pointer;justify-content:space-between;align-items:center;padding:7px 12px;display:flex}.palette-item:hover{background:var(--bg-hover)}.palette-item.active{background:var(--accent-soft);color:var(--accent-soft-text)}.cheatsheet table{border-collapse:collapse;width:100%}.cheatsheet td{border-bottom:1px solid var(--border);padding:4px 8px}.cheatsheet th{text-align:left;padding:14px 8px 4px;font-weight:600}.dialog.confirm{width:min(400px,94vw);padding:18px}.confirm p{margin:0 0 16px}.confirm-buttons{justify-content:flex-end;gap:8px;display:flex}.toasts{z-index:60;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--text);color:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);animation:toast-in var(--toast) ease-out;align-items:center;gap:12px;padding:10px 16px;display:flex}.toast .toast-also{white-space:nowrap}.toast.leaving{animation:toast-out var(--toast) ease-in forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}@keyframes toast-out{to{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.toast,.toast.leaving{animation:none}}@media (width<=760px){.toasts{bottom:calc(88px + env(safe-area-inset-bottom))}}.toast button{color:inherit;background:0 0;border-color:currentColor}.toast button:hover:not(:disabled){opacity:.85;background:0 0}.toast kbd{color:inherit;opacity:.8;background:0 0;border-color:currentColor;margin-left:6px}.composer{flex-direction:column;gap:10px;max-width:920px;padding:20px 24px;display:flex}.composer[hidden]{display:none}.composer .field{grid-template-columns:72px 1fr;align-items:center;gap:10px;display:grid}.composer .field>label{color:var(--text-muted);font-size:13px;font-weight:500}.composer .editor{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);min-height:280px;transition:border-color .12s,box-shadow .12s}.composer .editor:focus-within{border-color:var(--accent);box-shadow:var(--focus-ring)}.composer .editor .cm-editor{min-height:280px;font-size:15px;line-height:1.6}.composer .editor .cm-editor.cm-focused{outline:none}.composer .editor .cm-scroller{font-family:var(--font)}.composer .editor .cm-content{caret-color:var(--accent);padding:14px 16px}.composer .editor .cm-placeholder{color:var(--text-faint)}.composer .preview{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-height:280px;padding:14px 16px}.composer textarea{resize:vertical;min-height:280px}.composer .quote{border-left:3px solid var(--border-strong);color:var(--text-muted);padding-left:12px}.composer .quote summary{cursor:pointer}.composer.inline{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);max-width:none;box-shadow:var(--shadow-sm);margin-top:14px;padding:16px 18px}.composer.inline .editor,.composer.inline .editor .cm-editor,.composer.inline .preview{min-height:180px}.compose-fields{display:contents}@media (width<=760px){.composer.inline,.page.composer{z-index:30;top:var(--vv-top,0px);height:var(--vv-height,100%);max-width:none;padding:0 calc(12px + env(safe-area-inset-right)) 0 calc(12px + env(safe-area-inset-left));background:var(--bg);box-shadow:none;overscroll-behavior:contain;border:0;border-radius:0;gap:8px;margin:0;position:fixed;left:0;right:0;overflow:hidden}.composer.inline.folded{display:none}.composer-bar{min-height:56px;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:4px;margin:0 -8px;display:flex}.composer-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.composer .field{grid-template-columns:64px minmax(0,1fr);gap:6px}.composer.fields-folded .compose-fields{display:none}.compose-summary{border:0;border-bottom:1px solid var(--border);text-align:left;background:0 0;border-radius:0;flex-direction:column;flex:none;align-items:flex-start;gap:2px;padding:6px 4px;font-weight:400;display:flex}.compose-summary span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.composer .editor,.composer.inline .editor,.composer .preview,.composer.inline .preview{flex:auto;min-height:0;overflow:auto}.composer .editor .cm-editor,.composer.inline .editor .cm-editor{height:100%;min-height:0}.composer .editor .cm-content{padding:10px 12px}.composer .attachments,.composer .banner,.composer .quote,.composer .error{flex:none}.composer .compose-tools{padding:2px 8px env(safe-area-inset-bottom);border-top:1px solid var(--border);flex-wrap:nowrap;flex:none;order:10;gap:4px;margin:0 -8px;overflow-x:auto}.composer.keyboard-open .compose-tools{padding-bottom:2px}.compose-format{display:flex}.compose-format .icon-btn{font-family:var(--font)}.compose-saved{white-space:nowrap;margin-left:auto;font-size:13px}.composer .compose-actions{display:none}.draft-row{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);width:100%;color:var(--text-muted);text-align:left;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;font-weight:400;display:flex}.draft-row-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}}.keyboard-holder{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;font-size:16px;position:fixed;top:0;left:0}.chips{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;align-items:center;gap:4px;padding:4px;transition:border-color .12s,box-shadow .12s;display:flex;position:relative}.chips:focus-within{border-color:var(--accent);box-shadow:var(--focus-ring)}.chips input{background:0 0;border:0;flex:1;min-width:140px;padding:2px 6px}.chips input:focus{box-shadow:none}.chip{background:var(--accent-soft);color:var(--accent-soft-text);border-radius:var(--radius-pill);border:1px solid #0000;align-items:center;gap:6px;padding:1px 10px;font-size:13px;display:inline-flex}.chip button{color:inherit}.suggestions{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:10;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0}.suggestions div{cursor:pointer;border-radius:6px;padding:6px 10px}.suggestions div.active,.suggestions div:hover{background:var(--accent-soft);color:var(--accent-soft-text)}.dropzone{outline:2px dashed var(--accent);outline-offset:4px;border-radius:var(--radius-lg)}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:8px 10px}table.grid th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}table.grid th button{font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;background:0 0;border:0;padding:0}table.grid tbody tr:hover td{background:var(--bg-hover)}@media (width<=760px){table.grid.alias-rules{display:table}table.grid.alias-rules td{white-space:normal;overflow-wrap:anywhere}}table.grid.recipient-status td.detail{white-space:normal;overflow-wrap:anywhere}@media (width<=760px){table.grid.recipient-status{display:table}table.grid.recipient-status td{white-space:normal;overflow-wrap:anywhere}}table.grid tr.focused td{background:var(--bg-focus)}.section{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);max-width:980px;margin-bottom:28px;padding:18px 20px}.section h3{margin:0 0 10px}.form-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.setting{grid-template-columns:160px 1fr;place-items:center start;gap:16px;padding:12px 0;display:grid}.setting+.setting{border-top:1px solid var(--border)}.setting-label{font-weight:500}.check{align-items:center;gap:8px;display:inline-flex}.setting-note{margin:4px 0 0;font-size:13px}.page.settings{padding-top:0}.settings-head{z-index:2;background:var(--bg);margin-bottom:20px;padding-top:20px;position:sticky;top:0}.settings-head h2{margin:0 0 12px}.tabs{border-bottom:1px solid var(--border);gap:4px;display:flex;overflow-x:auto}.tabs button{color:var(--text-muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:6px 10px 8px}.tabs button:hover:not(:disabled){color:var(--text);background:0 0}.tabs button.active{color:var(--text);border-bottom-color:var(--text)}.settings .section h3{margin:0 0 8px}.section-note{color:var(--text-muted);margin:0 0 8px;font-size:13px}.section-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.settings .setting{padding:8px 0}.setting-top{align-items:start}.setting-top .setting-label{padding-top:2px}.setting-input{width:100%;min-width:0;max-width:480px}.setting-stack{gap:8px;width:100%;max-width:480px;display:grid}.setting-stack textarea{width:100%}.settings table.grid th:first-child,.settings table.grid td:first-child{padding-left:0}.settings table.grid th:last-child,.settings table.grid td:last-child{padding-right:0}@media (width<=760px){.setting{grid-template-columns:1fr;gap:8px}}.security-entry{border-bottom:1px solid var(--border);overflow-wrap:anywhere}.sec-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:8px 0;display:grid}.sec-main{flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0;display:flex}.sec-title{font-weight:600}.sec-sub{color:var(--text-faint);font-size:13px}.sec-meta{font-family:var(--font-mono);color:var(--text-faint);white-space:nowrap;font-size:12px}.sec-actions{gap:6px;display:flex}.sec-actions button{padding:3px 10px;font-size:13px}@media (width<=760px){.sec-row{grid-template-columns:minmax(0,1fr) auto}.sec-meta{grid-area:2/1/auto/-1}}.passkey-form input{width:100%;min-width:0;max-width:480px}.passkey-removal{border:1px solid var(--border);border-radius:var(--radius);padding:12px}.auth-screen label:not(.check) input{width:100%;display:block}.auth-screen{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:400px;box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;margin:16vh auto;padding:28px;display:flex}.auth-screen h1{margin:0;font-size:22px}.auth-screen button.primary{padding:9px 14px}body:has(.auth-screen){background:var(--bg-app)}mark{background:var(--bg-selected);color:inherit;border-radius:3px;padding:0 1px}.compose-hint{color:var(--text-faint);font-size:12px}.env-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-text);margin-left:auto;padding:1px 7px;font-size:10px;font-weight:700}.key-hints{height:1.5em;color:var(--text-faint);flex-wrap:wrap;justify-content:flex-end;gap:0 14px;font-size:12px;font-weight:400;animation:.2s key-hints-in;display:flex;overflow:hidden}.key-hint{white-space:nowrap}.key-hint kbd{margin-right:4px}.header-hints{margin-left:auto}[data-hints=off] .key-hints,[data-hints=off] .action-bar kbd{display:none}@media (width<=760px){.key-hints,button kbd,.compose-hint{display:none}}@keyframes key-hints-in{0%{opacity:0}}.senders-tools{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.senders-tools input[type=search]{flex:220px;max-width:320px}.senders-table .sender-name{overflow-wrap:anywhere}.senders-table .sender-rules{flex-wrap:wrap;gap:6px;display:flex}.senders-table .sender-date{white-space:nowrap;text-align:right}.rule-badge{align-items:center;gap:4px;padding-right:2px;display:inline-flex}.rule-badge .rule-remove{color:var(--text-faint);background:0 0;border:0;padding:0 6px;line-height:1}.rule-badge .rule-remove:hover{color:var(--text)}@media (width<=760px){.senders-table tr{gap:6px;padding:10px 0;display:grid}.senders-table td{border:0;padding:0}.senders-table .sender-date{text-align:left}.rule-badge .rule-remove{min-width:44px;min-height:32px}:root,:root[data-theme]{--font-size-data:13px}body,.msg-details,.composer .field>label,.list-header .filter,.action-bar button{font-size:15px}kbd,code,.badge,.nav-item .badge,.nav-item.nav-folder .badge,.nav-label.mono,.nav-section,.nav-new-senders,.env-badge,.unread-count,.avatar,.msg-line .avatar,.thread-meta,.msg-unsub,.auth-check,.auth-note,.quote-toggle,.banner button,.new-sender-menu .menu-heading,.menu-sheet .menu-heading,.new-sender-menu button small,table.grid th,.sec-meta{font-size:13px}}