:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f8fc;--surface:#fff;--surface-2:#f2f6fc;--surface-3:#e9eef6;--row-read:#f2f6fc;--row-border:#eceff1;--text:#1f1f1f;--text-2:#444746;--text-3:#747775;--border:#dde3ea;--accent:#0b57d0;--accent-text:#fff;--accent-soft:#d3e3fd;--nav-active:#d3e3fd;--nav-hover:#e8ebee;--selected:#c2dbff;--compose-btn:#c2e7ff;--compose-btn-text:#001d35;--compose-head:#f2f6fc;--danger:#c5221f;--danger-soft:#fce8e6;--warning-soft:#fef7e0;--star:#f4b400;--focus:#0b57d0;--toast-bg:#303030;--toast-text:#f2f2f2;--toast-action:#a8c7fa;--shadow-1:0 1px 2px #3c40434d, 0 1px 3px 1px #3c404326;--shadow-2:0 4px 8px 3px #3c404326, 0 1px 3px #3c40434d;--shadow-3:0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f, 0 5px 5px -3px #0003;--radius:16px;--sidebar-w:256px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111214;--surface:#1c1d20;--surface-2:#26282c;--surface-3:#2d3035;--row-read:#1c1d20;--row-border:#2a2c30;--text:#e8eaed;--text-2:#c4c7c5;--text-3:#9aa0a6;--border:#3a3d42;--accent:#a8c7fa;--accent-text:#062e6f;--accent-soft:#0b3a70;--nav-active:#0b3a70;--nav-hover:#2a2c30;--selected:#243a5a;--compose-btn:#0b3a70;--compose-btn-text:#d3e3fd;--compose-head:#26282c;--danger:#f28b82;--danger-soft:#3c1f1e;--warning-soft:#3a3320;--star:#fdd663;--focus:#a8c7fa;--toast-bg:#e8eaed;--toast-text:#1f1f1f;--toast-action:#0b57d0;--shadow-1:0 1px 2px #0009, 0 1px 3px 1px #0000004d;--shadow-2:0 4px 8px 3px #0006, 0 1px 3px #00000080;--shadow-3:0 8px 24px #0009}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111214;--surface:#1c1d20;--surface-2:#26282c;--surface-3:#2d3035;--row-read:#1c1d20;--row-border:#2a2c30;--text:#e8eaed;--text-2:#c4c7c5;--text-3:#9aa0a6;--border:#3a3d42;--accent:#a8c7fa;--accent-text:#062e6f;--accent-soft:#0b3a70;--nav-active:#0b3a70;--nav-hover:#2a2c30;--selected:#243a5a;--compose-btn:#0b3a70;--compose-btn-text:#d3e3fd;--compose-head:#26282c;--danger:#f28b82;--danger-soft:#3c1f1e;--warning-soft:#3a3320;--star:#fdd663;--focus:#a8c7fa;--toast-bg:#e8eaed;--toast-text:#1f1f1f;--toast-action:#0b57d0;--shadow-1:0 1px 2px #0009, 0 1px 3px 1px #0000004d;--shadow-2:0 4px 8px 3px #0006, 0 1px 3px #00000080;--shadow-3:0 8px 24px #0009}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0;font-size:14px;line-height:1.4}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.45}a{color:var(--accent)}:focus-visible{outline:2px solid var(--focus);outline-offset:1px}h1,h2,h3{margin:0;font-weight:500}.muted{color:var(--text-3)}.small{font-size:12.5px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.splash,.center-pad{color:var(--text-3);justify-content:center;align-items:center;display:flex}.splash{height:100%}.center-pad{padding:48px 16px}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.dot.big{width:14px;height:14px}kbd{border:1px solid var(--border);background:var(--surface-2);text-align:center;border-bottom-width:2px;border-radius:6px;min-width:24px;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:inline-block}.btn{white-space:nowrap;border-radius:18px;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 18px;font-weight:500;transition:background .15s,box-shadow .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-2)}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-primary:hover:not(:disabled){background:var(--accent);box-shadow:var(--shadow-1);filter:brightness(1.06)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger);filter:brightness(1.08)}.btn-outline{border:1px solid var(--border);color:var(--text-2)}.btn-text{color:var(--accent);height:32px;padding:0 10px}.btn.danger,.btn-text.danger{color:var(--danger)}.btn-block{width:100%}.link-btn{color:var(--accent);align-items:center;gap:4px;padding:4px 0;font-weight:500;display:inline-flex}.icon-btn{width:40px;height:40px;color:var(--text-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:background .15s;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--nav-hover)}.icon-btn.small{width:32px;height:32px}.icon-btn.tiny{border-radius:6px;width:28px;height:28px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field>span{color:var(--text-2);font-size:13px;font-weight:500}.field em{color:var(--text-3);font-style:normal;font-weight:400}.field input,.field textarea,.field select,.server-row input,.server-row select{border:1px solid var(--border);background:var(--surface);border-radius:8px;outline:none;width:100%;height:42px;padding:0 12px;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical;height:auto;padding:10px 12px;line-height:1.5}.field input:focus,.field textarea:focus,.server-row input:focus,.server-row select:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.input-with-btn{position:relative}.input-with-btn input{padding-right:44px}.input-with-btn .icon-btn{position:absolute;top:5px;right:5px}.form-error{background:var(--danger-soft);color:var(--danger);border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:13.5px;line-height:1.45}.check{cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.check:hover{background:var(--nav-hover)}.check input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;margin:0}.auth{justify-content:center;align-items:center;min-height:100%;padding:24px 16px;display:flex}.auth-card{background:var(--surface);width:100%;max-width:400px;box-shadow:var(--shadow-1);border-radius:24px;padding:36px 32px 28px}.auth-card h1{margin:18px 0 8px;font-size:26px;font-weight:400}.auth-sub{color:var(--text-2);margin:0 0 24px;line-height:1.5}.auth-hint{color:var(--text-3);margin:16px 0 0;font-size:12.5px;line-height:1.45}.app{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);grid-template-rows:64px minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.app.sidebar-closed{--sidebar-w:72px}.topbar{grid-column:1/-1;align-items:center;gap:8px;min-width:0;padding:8px 16px 8px 8px;display:flex}.topbar-left{flex-shrink:0;align-items:center;gap:4px;width:248px;display:flex}.brand{color:var(--text-2);align-items:center;gap:10px;padding-left:4px;font-size:21px;text-decoration:none;display:flex}.logo{flex-shrink:0}.search{background:var(--surface-3);border-radius:24px;flex:1;align-items:center;gap:2px;max-width:720px;height:48px;padding:0 4px;transition:background .15s,box-shadow .15s;display:flex}.search:focus-within{background:var(--surface);box-shadow:var(--shadow-1)}.search input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;font-size:16px}.search input::-webkit-search-cancel-button{display:none}.topbar-right{align-items:center;gap:2px;margin-left:auto;display:flex}.avatar-btn{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:6px;display:flex}.avatar-btn span{background:var(--accent);width:32px;height:32px;color:var(--accent-text);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.avatar-btn:hover span{box-shadow:0 0 0 4px var(--nav-hover)}.main{background:var(--surface);border-radius:var(--radius);flex-direction:column;min-width:0;min-height:0;margin:0 16px 16px 0;display:flex;overflow:hidden}.sidebar{flex-direction:column;min-height:0;padding:8px 0 24px;display:flex;overflow:hidden auto}.sidebar-backdrop{display:none}.compose-btn{background:var(--compose-btn);height:56px;color:var(--compose-btn-text);border-radius:16px;align-self:flex-start;align-items:center;gap:12px;margin:0 0 16px 8px;padding:0 24px 0 18px;font-size:14px;font-weight:500;transition:box-shadow .15s;display:inline-flex}.compose-btn:hover:not(:disabled){box-shadow:var(--shadow-2)}.nav{flex-direction:column;padding-right:16px;display:flex}.nav-item{min-height:32px;color:var(--text-2);border-radius:0 16px 16px 0;align-items:center;display:flex;position:relative}.nav-item:hover{background:var(--nav-hover)}.nav-item.active{background:var(--nav-active);color:var(--text);font-weight:600}.nav-item.has-count .nav-label{color:var(--text);font-weight:600}.nav-item.drop{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.nav-main{text-align:left;flex:1;align-items:center;gap:14px;min-width:0;height:32px;padding:0 12px 0 26px;display:flex}.nav-main:disabled{opacity:.6}.nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-count{color:var(--text);font-size:12px;font-weight:600}.nav-warning{color:#e37400;display:flex}.nav-more{width:28px;height:28px;color:var(--text-3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:4px;display:none}.nav-item.folder:hover .nav-more,.nav-more[aria-expanded=true]{display:inline-flex}.nav-item.folder:hover .nav-count{display:none}.nav-more:hover{background:var(--surface-3)}.nav-section{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin:18px 0 4px 26px;font-size:12px;font-weight:500}.account-section{margin-bottom:2px}.nav-item.account{min-height:44px}.nav-item.account .nav-main{gap:10px;height:44px;padding-left:2px}.nav-toggle{width:24px;height:44px;color:var(--text-3);flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.account-name,.account-email{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.account-name{color:var(--text);font-weight:500}.account-email{color:var(--text-3);font-size:12px;font-weight:400}.folder-list .nav-main{gap:12px}.nav-add{height:30px;color:var(--text-3);border-radius:0 16px 16px 0;align-items:center;gap:10px;padding-left:36px;font-size:13px;display:flex}.nav-add:hover{background:var(--nav-hover);color:var(--text-2)}.nav-add.account-add{height:36px;color:var(--text-2);margin-top:10px;padding-left:26px}.nav-error{color:var(--danger);padding:4px 16px 8px 36px;font-size:12.5px;line-height:1.4}.sidebar-rail{display:none}@media (width>=900px){.app.sidebar-closed .compose-btn{justify-content:center;width:56px;margin-left:8px;padding:0}.app.sidebar-closed .compose-btn span,.app.sidebar-closed .nav{display:none}.app.sidebar-closed .sidebar-rail{flex-direction:column;align-items:center;gap:6px;width:72px;display:flex}.app.sidebar-closed .topbar-left{width:auto}}.rail-account{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.rail-account span{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:600;display:flex}.rail-account:hover,.rail-account.active{background:var(--nav-active)}.toolbar{border-bottom:1px solid var(--row-border);flex-shrink:0;align-items:center;gap:2px;min-width:0;height:48px;padding:0 12px 0 8px;display:flex}.toolbar .icon-btn{width:36px;height:36px}.toolbar-spacer{flex:1}.toolbar-sep{background:var(--border);flex-shrink:0;width:1px;height:20px;margin:0 6px}.select-group{align-items:center;margin-right:4px;display:flex}.select-group .icon-btn.small{border-radius:4px;width:20px;height:28px}.bulk-actions{align-items:center;gap:2px;min-width:0;display:flex}.selection-count{color:var(--text-3);white-space:nowrap;margin-left:10px;font-size:13px}.range{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12.5px;overflow:hidden}.pager{color:var(--text-3);align-items:center;gap:2px;font-size:12.5px;display:flex}.pager span{margin-right:6px}.list-view,.read-view{flex-direction:column;height:100%;min-height:0;display:flex}.list-scroll,.read-scroll{flex:1;min-height:0;overflow:hidden auto}.row{background:var(--row-read);border-bottom:1px solid var(--row-border);cursor:pointer;height:40px;color:var(--text-2);grid-template-columns:32px 28px minmax(120px,200px) minmax(0,1fr) auto;align-items:center;column-gap:4px;padding:0 16px 0 8px;display:grid;position:relative}.row.unread{background:var(--surface);color:var(--text)}.row:hover{box-shadow:inset 1px 0 0 var(--border), inset -1px 0 0 var(--border), 0 1px 2px #3c404340, 0 1px 3px 1px #3c40431f;z-index:1}.row.selected{background:var(--selected)}.row.focused:before{content:"";background:var(--accent);width:3px;position:absolute;top:0;bottom:0;left:0}.row-star{width:28px;height:28px;color:var(--text-3);border-radius:50%;justify-content:center;align-items:center;display:flex}.row-star:hover{background:var(--nav-hover)}.row-star.on{color:var(--star)}.row-avatar{display:none}.row-from,.row-main{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.row-from{padding-right:16px}.row.unread .row-from,.row.unread .row-subject,.row.unread .row-date{color:var(--text);font-weight:700}.draft-label{color:var(--danger)}.row-main{align-items:center;gap:6px;display:flex}.row-subject{text-overflow:ellipsis;flex-shrink:0;max-width:70%;overflow:hidden}.row-snippet{color:var(--text-3);text-overflow:ellipsis;min-width:0;font-weight:400;overflow:hidden}.row-snippet:before{content:"— "}.answered-icon{color:var(--text-3);flex-shrink:0}.acc-chip{--chip:var(--accent);max-width:130px;height:20px;color:var(--chip);background:color-mix(in srgb, var(--chip) 14%, transparent);text-overflow:ellipsis;white-space:nowrap;border-radius:5px;flex-shrink:0;align-items:center;padding:0 7px;font-size:11.5px;font-weight:600;display:inline-flex;overflow:hidden}.folder-chip{background:var(--surface-3);height:20px;color:var(--text-2);border-radius:5px;align-items:center;padding:0 7px;font-size:11.5px;display:inline-flex}.row-meta{justify-content:flex-end;align-items:center;gap:8px;min-width:64px;padding-left:12px;display:flex}.row-date{white-space:nowrap;font-size:12px}.clip{color:var(--text-3)}.row-actions{background:inherit;align-items:center;gap:0;padding-left:12px;display:none;position:absolute;top:0;bottom:0;right:8px}@media (hover:hover) and (width>=900px){.row:hover .row-actions{display:flex}.row:hover .row-meta{visibility:hidden}}.drag-ghost{background:var(--accent);color:var(--accent-text);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;max-width:260px;padding:8px 14px;font-weight:500;position:fixed;top:-100px;left:-100px;overflow:hidden}.sentinel{min-height:24px;color:var(--text-3);justify-content:center;padding:16px;display:flex}.skeleton{padding:4px 0}.sk-row{border-bottom:1px solid var(--row-border);align-items:center;gap:24px;height:40px;padding:0 16px 0 72px;display:flex}.sk{background:linear-gradient(90deg, var(--surface-2) 0%, var(--surface-3) 50%, var(--surface-2) 100%);background-size:200% 100%;border-radius:5px;height:10px;animation:1.4s ease-in-out infinite shimmer}.sk-from{flex-shrink:0;width:140px}.sk-date{width:40px;margin-left:auto}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty{text-align:center;color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:72px 24px;display:flex}.empty p{color:var(--text-2);margin:8px 0 0}.empty p.muted{color:var(--text-3);font-size:12.5px}.banner{border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 12px;padding:8px 12px;font-size:13px;line-height:1.4;display:flex}.banner.error{background:var(--danger-soft);color:var(--danger)}.banner.warning{background:var(--warning-soft);color:var(--text-2)}.message{max-width:1040px;padding:16px 24px 40px 16px}.message-title{flex-wrap:wrap;align-items:flex-start;gap:8px 12px;padding:4px 0 18px 56px;display:flex}.message-title h1{word-break:break-word;flex:0 auto;font-size:22px;font-weight:400;line-height:1.3}.message-tags{flex:1;align-items:center;gap:6px;padding-top:5px;display:flex}.star-btn{color:var(--text-3);margin-top:-6px}.star-btn.on{color:var(--star)}.message-head{grid-template-columns:40px minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}.avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;font-weight:600;display:flex}.head-main{min-width:0}.head-from{text-overflow:ellipsis;white-space:nowrap;padding-top:2px;overflow:hidden}.head-from strong{color:var(--text);font-weight:600}.head-from .muted{font-size:12.5px}.head-to{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:2px;max-width:100%;font-size:12.5px;display:inline-flex;overflow:hidden}.head-to:hover{color:var(--text-2)}.head-details{border:1px solid var(--border);border-collapse:separate;box-shadow:var(--shadow-1);background:var(--surface);border-radius:8px;margin-top:8px;padding:8px 12px;font-size:12.5px}.head-details th{text-align:right;color:var(--text-3);vertical-align:top;white-space:nowrap;padding:2px 10px 2px 0;font-weight:400}.head-details td{word-break:break-word;padding:2px 0}.head-side{color:var(--text-3);white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:flex}.head-actions{display:flex}.images-banner{background:var(--surface-2);color:var(--text-2);border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:16px 0 0 56px;padding:6px 8px 6px 12px;font-size:13px;display:flex}.message-body{margin:16px 0 0 56px}.email-frame{background:#fff;border:0;border-radius:8px;width:100%;min-height:40px;display:block}.email-frame.plain{background:0 0}.attachments{border-top:1px solid var(--row-border);margin:28px 0 0 56px;padding-top:16px}.attachments-title{color:var(--text-2);align-items:center;gap:6px;margin-bottom:12px;font-weight:500;display:flex}.attachment-grid{flex-wrap:wrap;gap:12px;display:flex}.attachment{border:1px solid var(--border);background:var(--surface);border-radius:10px;width:200px;transition:box-shadow .15s;position:relative;overflow:hidden}.attachment:hover{box-shadow:var(--shadow-1)}.attachment-open{color:var(--text);flex-direction:column;text-decoration:none;display:flex}.attachment-open img,.file-icon{object-fit:cover;background:var(--surface-2);width:100%;height:110px;color:var(--text-3);justify-content:center;align-items:center;display:flex}.file-icon.kind-pdf{color:#d93025}.file-icon.kind-sheet{color:#188038}.file-icon.kind-doc{color:#1a73e8}.file-icon.kind-archive{color:#e37400}.attachment-info{flex-direction:column;min-width:0;padding:8px 40px 10px 12px;display:flex}.attachment-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.attachment-size{color:var(--text-3);font-size:12px}.attachment-dl{position:absolute;bottom:8px;right:6px}.reply-bar{flex-wrap:wrap;gap:12px;margin:32px 0 0 56px;display:flex}.reply-bar .btn{border-radius:18px}.compose-dock{z-index:50;pointer-events:none;flex-direction:row-reverse;align-items:flex-end;gap:16px;display:flex;position:fixed;bottom:0;right:16px}.compose-backdrop{z-index:49;background:#0006;position:fixed;inset:0}.compose{pointer-events:auto;background:var(--surface);width:540px;height:min(640px,100dvh - 72px);box-shadow:var(--shadow-3);border-radius:12px 12px 0 0;flex-direction:column;display:flex;overflow:hidden}.compose.minimized{width:280px;height:auto}.compose.hidden{display:none}.compose.maximized{z-index:60;border-radius:12px;width:auto;height:auto;position:fixed;inset:4vh 7vw}.compose.drag{box-shadow:0 0 0 3px var(--accent), var(--shadow-3)}.compose-head{background:var(--compose-head);flex-shrink:0;align-items:center;gap:8px;height:40px;padding:0 6px 0 16px;display:flex}.compose.minimized .compose-head{cursor:pointer}.compose-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.compose-head-actions{align-items:center;display:flex}.compose-head-actions .icon-btn{width:28px;height:28px}.compose-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.compose-field{border-bottom:1px solid var(--row-border);flex-shrink:0;align-items:center;gap:8px;min-height:38px;margin:0 16px;display:flex;position:relative}.compose-label{color:var(--text-3);flex-shrink:0;min-width:26px}.from-select{cursor:pointer;background:0 0;border:0;outline:none;flex:1;min-width:0;height:36px}.from-select option{background:var(--surface)}.recipients{cursor:text;padding:3px 0}.chips{flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.chips input{background:0 0;border:0;outline:none;flex:1;min-width:120px;height:30px}.chip{background:var(--surface-3);white-space:nowrap;border-radius:13px;align-items:center;gap:4px;max-width:100%;height:26px;padding:0 4px 0 10px;font-size:13px;display:inline-flex;overflow:hidden}.chip.invalid{background:var(--danger-soft);color:var(--danger)}.chip button{width:18px;height:18px;color:var(--text-3);border-radius:50%;justify-content:center;align-items:center;display:flex}.chip button:hover{background:var(--border)}.cc-toggles{color:var(--text-2);flex-shrink:0;gap:10px;display:flex}.cc-toggles button:hover{text-decoration:underline}.suggestions{z-index:5;background:var(--surface);box-shadow:var(--shadow-2);border-radius:8px;max-height:260px;padding:6px 0;position:absolute;top:100%;left:26px;right:0;overflow-y:auto}.suggestions button{text-align:left;flex-direction:column;align-items:flex-start;width:100%;padding:6px 14px;display:flex}.suggestions button.active,.suggestions button:hover{background:var(--surface-2)}.sugg-name{font-weight:500}.sugg-addr{color:var(--text-3);font-size:12px}.subject-input{background:0 0;border:0;outline:none;flex:1;height:38px}.editor-wrap{flex:1;min-height:0;padding:12px 16px 8px;overflow-y:auto}.editor{overflow-wrap:break-word;outline:none;min-height:160px;line-height:1.5}.editor p{margin:0}.editor img{max-width:100%;height:auto}.editor blockquote{border-left:1px solid #ccc;margin:0 0 0 .8ex;padding-left:1ex}.editor img[data-remote-src]{background:var(--surface-3);border-radius:4px;min-width:32px;min-height:20px;display:inline-block}.editor .wm-quote{color:var(--text-2)}.editor .wm-signature{color:var(--text-3)}.compose-attachments{flex-direction:column;gap:6px;margin-top:12px;display:flex}.att-chip{background:var(--surface-2);border-radius:6px;align-items:center;gap:8px;max-width:420px;height:34px;padding:0 4px 0 10px;font-size:13px;display:flex;position:relative;overflow:hidden}.att-name{min-width:0;color:var(--accent);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.att-size{color:var(--text-3);font-size:12px}.att-progress{background:var(--accent);height:3px;transition:width .2s;position:absolute;bottom:0;left:0}.format-bar{flex-shrink:0;align-items:center;gap:2px;padding:2px 12px;display:flex}.format-bar .toolbar-sep{margin:0 4px}.compose-foot{flex-shrink:0;align-items:center;gap:2px;padding:6px 10px 12px 16px;display:flex}.send-btn{margin-right:8px;padding:0 22px}.compose-foot label.icon-btn{cursor:pointer}.compose-status{color:var(--text-3);white-space:nowrap;margin-left:6px;font-size:12px}.compose-from{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin-right:4px;font-size:12px;overflow:hidden}.drop-hint{border:2px dashed var(--accent);background:color-mix(in srgb, var(--surface) 88%, transparent);color:var(--accent);pointer-events:none;border-radius:10px;justify-content:center;align-items:center;font-weight:500;display:flex;position:absolute;inset:8px}.menu{z-index:200;background:var(--surface);min-width:220px;max-width:320px;max-height:min(420px,100dvh - 16px);box-shadow:var(--shadow-2);border-radius:8px;padding:6px 0;position:fixed;overflow-y:auto}.menu-item{text-align:left;width:100%;min-height:36px;color:var(--text);align-items:center;gap:12px;padding:0 16px;display:flex}.menu-item:hover:not(:disabled){background:var(--surface-2)}.menu-item svg{color:var(--text-2);flex-shrink:0}.menu-item.danger,.menu-item.danger svg{color:var(--danger)}.menu-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-sep{background:var(--row-border);height:1px;margin:6px 0}.menu-header{color:var(--text-3);padding:8px 16px;font-size:12.5px}.modal-backdrop{z-index:100;background:#0000006b;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out fade;display:flex;position:fixed;inset:0}.modal{background:var(--surface);width:100%;max-height:calc(100dvh - 32px);box-shadow:var(--shadow-3);border-radius:20px;flex-direction:column;animation:.16s ease-out pop;display:flex}.modal-small{max-width:420px}.modal-medium{max-width:520px}.modal-large{max-width:720px}.modal-head{justify-content:space-between;align-items:center;padding:16px 12px 8px 24px;display:flex}.modal-head h2{font-size:20px;font-weight:400}.modal-body{padding:8px 24px 24px;overflow-y:auto}.modal-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.modal-actions.spread{justify-content:space-between}.dialog-text{color:var(--text-2);margin:0 0 12px;line-height:1.5}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.97)}}.toasts{z-index:300;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;left:24px}.toast{pointer-events:auto;background:var(--toast-bg);min-width:280px;max-width:min(560px,100vw - 32px);min-height:48px;color:var(--toast-text);box-shadow:var(--shadow-2);border-radius:8px;align-items:center;gap:12px;padding:6px 6px 6px 16px;line-height:1.4;animation:.18s ease-out slide-up;display:flex}.toast span{flex:1}.toast.error{border-left:4px solid #f28b82}.toast-action{color:var(--toast-action);white-space:nowrap;border-radius:6px;padding:8px 10px;font-weight:600}.toast-action:hover{background:#7f7f7f2e}.toast-close{opacity:.7;border-radius:50%;padding:6px;display:flex}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}}.welcome{max-width:480px;margin:0 auto;padding:48px 24px;overflow-y:auto}.welcome h2{margin-bottom:8px;font-size:24px;font-weight:400}.welcome>p{color:var(--text-2);margin:0 0 28px;line-height:1.5}.add-account .link-btn{margin:0 0 10px}.manual{padding:4px 0}.manual fieldset{border:0;margin:0 0 12px;padding:0}.manual legend{color:var(--text-2);margin-bottom:6px;font-size:13px;font-weight:500}.server-row{grid-template-columns:minmax(0,1fr) 72px 118px;gap:8px;display:grid}.add-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.secure-note{align-items:center;gap:6px;margin:18px 0 0;display:flex}.tabs{border-bottom:1px solid var(--row-border);gap:4px;margin:0 0 20px;display:flex}.tabs button{color:var(--text-2);border-bottom:3px solid #0000;margin-bottom:-1px;padding:10px 14px;font-weight:500}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.settings-section{flex-direction:column;align-items:stretch;gap:12px;display:flex}.settings-section>.btn{align-self:flex-start}.settings-section h3{margin-bottom:12px;font-size:15px}.account-card{border:1px solid var(--border);border-radius:12px;overflow:hidden}.account-card-head{cursor:pointer;align-items:center;gap:14px;padding:12px 10px 12px 16px;display:flex}.account-card-head:hover{background:var(--surface-2)}.account-card-title{flex-direction:column;flex:1;min-width:0;display:flex}.account-card-title>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-card-actions{display:flex}.account-editor{border-top:1px solid var(--row-border);padding:16px}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border-radius:50%;width:26px;height:26px}.swatch.on{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--text-2)}.server-info{color:var(--text-3);word-break:break-word;align-items:flex-start;gap:8px;margin-bottom:12px;font-size:12px;line-height:1.5;display:flex}.server-info svg{flex-shrink:0;margin-top:2px}.segmented{border:1px solid var(--border);border-radius:18px;align-self:flex-start;display:inline-flex;overflow:hidden}.segmented button{height:34px;color:var(--text-2);align-items:center;gap:6px;padding:0 14px;display:inline-flex}.segmented button+button{border-left:1px solid var(--border)}.segmented button.active{background:var(--accent-soft);color:var(--text);font-weight:500}.trusted{flex-wrap:wrap;gap:6px;display:flex}.password-form{max-width:380px}.danger-zone{border-top:1px solid var(--row-border);margin-top:16px;padding-top:20px}.danger-zone .btn{margin-top:8px}.btn-outline.danger{color:var(--danger)}.shortcuts{border-collapse:collapse;width:100%}.shortcuts td{border-bottom:1px solid var(--row-border);padding:7px 8px}.shortcuts td:first-child{white-space:nowrap;width:150px}@media (width<=899px){.app,.app.sidebar-closed{--sidebar-w:280px;grid-template-rows:60px minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.topbar{gap:4px;padding:6px 8px}.topbar-left{width:auto}.brand{display:none}.search{height:44px}.search input{font-size:16px}.hide-mobile{display:none!important}.avatar-btn{margin-left:0}.main{border-radius:0;grid-column:1;margin:0}.sidebar{z-index:80;background:var(--surface);width:280px;box-shadow:var(--shadow-3);padding-top:16px;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.app.sidebar-open .sidebar{transform:none}.app.sidebar-open .sidebar-backdrop{z-index:79;background:#0006;display:block;position:fixed;inset:0}.compose-btn{display:none}.row{background:var(--surface);grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"av from meta""av main star";align-items:start;gap:2px 12px;height:auto;padding:10px 12px}.row:hover{box-shadow:none}.row-check,.row-actions{display:none}.row-avatar{color:#fff;border-radius:50%;grid-area:av;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.row-avatar.on{background:var(--accent);color:var(--accent-text)}.row-from{grid-area:from;padding-right:0;font-size:15px}.row-meta{grid-area:meta;min-width:0;padding-left:0}.row-main{flex-wrap:wrap;grid-area:main;align-items:center;gap:1px 6px;line-height:1.35;display:flex}.row-main .acc-chip{height:18px;font-size:11px}.row-subject{min-width:0;max-width:none;color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;overflow:hidden}.row-snippet{white-space:nowrap;flex-basis:100%}.row-snippet:before{content:none}.row-star{grid-area:star;align-self:end;margin-right:-4px}.row.focused:before{display:none}.sk-row{padding-left:16px}.message{padding:12px 16px 32px}.message-title{padding-left:0}.message-head{grid-template-columns:40px minmax(0,1fr);gap:12px}.head-side{grid-area:1/2;place-self:start end;display:none}.message-body,.attachments,.reply-bar,.images-banner{margin-left:0}.attachment{width:calc(50% - 6px)}.compose-dock{gap:0;left:0;right:0}.compose,.compose.maximized{border-radius:0;width:100%;height:100dvh;position:fixed;inset:0}.compose.minimized{border-radius:12px 12px 0 0;height:auto;inset:auto 0 0}.toasts{bottom:16px;left:16px;right:16px}.toast{min-width:0}.modal{border-radius:16px}.modal-body{padding:8px 18px 20px}.server-row{grid-template-columns:minmax(0,1fr) 64px}.server-row select{grid-column:1/-1}.toolbar .selection-count{display:none}}@media (width<=899px) and (width>=520px){.head-side{display:flex}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.pin-card{text-align:center;max-width:360px}.pin-card .logo{margin:0 auto}.pin-card .auth-sub{margin-bottom:20px}.pin-card .field{text-align:left}.pinpad{flex-direction:column;align-items:center;gap:22px;display:flex}.pin-dots{cursor:text;justify-content:center;gap:14px;padding:6px 10px;display:flex;position:relative}.pin-dot{border:2px solid var(--text-3);border-radius:50%;width:14px;height:14px;transition:background .12s,border-color .12s,transform .12s}.pin-dot.filled{background:var(--accent);border-color:var(--accent);transform:scale(1.08)}.pin-dots:focus-within .pin-dot:not(.filled){border-color:var(--accent)}.pin-dots.shake{animation:.42s shake}@keyframes shake{20%,60%{transform:translate(-9px)}40%,80%{transform:translate(9px)}}.pin-hidden{opacity:0;cursor:text;border:0;width:100%;font-size:16px;position:absolute;inset:0}.pin-keys{grid-template-columns:repeat(3,68px);gap:12px 22px;display:grid}.pin-key{background:var(--surface-2);width:68px;height:68px;color:var(--text);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;font-size:26px;font-weight:400;transition:background .12s,transform 80ms;display:flex}.pin-key:hover:not(:disabled){background:var(--surface-3)}.pin-key:active:not(:disabled){background:var(--accent-soft);transform:scale(.95)}.pin-key.pin-erase{color:var(--text-2);background:0 0}.pinpad.disabled .pin-key{opacity:.4}.pin-status{min-height:44px;color:var(--text-3);justify-content:center;align-items:center;margin-top:14px;display:flex}.form-error-text{color:var(--danger);align-items:center;gap:6px;font-size:13.5px;line-height:1.4;display:inline-flex}.code-input{letter-spacing:.5em;max-width:200px;font-size:18px!important}@media (height<=720px){.pin-card{padding:24px 24px 18px}.pin-card h1{margin:10px 0 6px;font-size:22px}.pinpad{gap:16px}.pin-keys{grid-template-columns:repeat(3,58px);gap:10px 20px}.pin-key{width:58px;height:58px;font-size:23px}}