:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#ebeef2;--canvas-2:#e3e8ee;--bg:#ebeef2;--bg-subtle:#e3e8ee;--surface:#fff;--surface-solid:#fff;--surface-hover:#e3e8ee;--surface-selected:#dcf0f0;--surface-raised:#fff;--glass-blur:0px;--glass-saturate:100%;--border:#d2dae2;--border-strong:#b9c4cf;--fg:#16202b;--fg-muted:#5b6773;--fg-subtle:#8a96a2;--accent:#0e7c86;--accent-hover:#0b5a61;--accent-strong:#0b5a61;--accent-soft:#dcf0f0;--accent-soft-hover:#c9e6e6;--accent-fg:#fff;--accent-tint:#0e7c861f;--brand:#0e7c86;--danger:#cb4034;--danger-bg:#fbe9e7;--success:#2e9e6b;--success-bg:#e4f5ec;--warn:#b9791a;--warn-bg:#fdf3e2;--focus-ring:#0e7c86;--shadow:0 1px 2px #1423340f, 0 2px 8px #1423340d;--shadow-sm:0 1px 0 #1423340a;--shadow-drawer:0 6px 18px #14233424;--font-sans:"IBM Plex Sans", system-ui, sans-serif;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--text-xs:11px;--text-sm:12px;--text-sm-plus:13px;--text-base:15px;--text-md:15px;--text-lg:18px;--text-xl:20px;--lh-label:1.25;--lh-title:1.35;--lh-body:1.45;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-xs:6px;--radius-sm:8px;--radius:8px;--radius-md:10px;--radius-lg:14px;--radius-window:14px;--radius-pill:999px;--icon:32px;--ease:ease;--duration-fast:.13s;--duration:.2s;--z-content:1;--z-sticky:10;--z-menu:20;--z-drawer:40;--z-modal:50}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#10161c;--canvas-2:#10161c;--bg:#10161c;--bg-subtle:#151c23;--surface:#1a222b;--surface-solid:#1a222b;--surface-hover:#1e2731;--surface-selected:#34b3bd29;--surface-raised:#1a222b;--glass-saturate:100%;--border:#2a343f;--border-strong:#3a4552;--fg:#e7ecf1;--fg-muted:#96a2ae;--fg-subtle:#66727e;--accent:#34b3bd;--accent-hover:#7fd7dd;--accent-strong:#7fd7dd;--accent-soft:#123037;--accent-soft-hover:#163a42;--accent-fg:#fff;--accent-tint:#34b3bd24;--brand:#34b3bd;--danger:#e36055;--danger-bg:#3a1f1c;--success:#48be86;--success-bg:#143327;--warn:#d79b3e;--warn-bg:#3a2f1a;--focus-ring:#34b3bd;--shadow:0 1px 2px #0006, 0 2px 8px #0000004d;--shadow-sm:0 1px 0 #0006;--shadow-drawer:0 6px 20px #00000080}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(circle at top left, #0969da0f, transparent 32%), linear-gradient(180deg, var(--canvas) 0%, var(--canvas-2) 100%);color:var(--fg);font-family:var(--font-sans);font-size:var(--text-md);font-weight:400;line-height:var(--lh-body);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed}*{scrollbar-width:thin;scrollbar-color:#78879a66 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#6e778173 padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-track{background:0 0}::selection{background:var(--accent-tint)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (prefers-reduced-transparency:reduce){.app-window,.sidebar,.card,.user-menu,.compose-drawer,.theme-toggle,.read-topbar,.list-col,.read-col{background:var(--surface-solid);-webkit-backdrop-filter:none!important}}.center{min-height:100%;padding:var(--space-5);justify-content:center;align-items:center;display:flex;position:relative}.floating-theme-toggle{top:var(--space-4);right:var(--space-4);z-index:var(--z-modal);position:fixed}.card-narrow{max-width:18rem}.card{background:var(--surface);width:100%;max-width:26rem;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow);animation:soft-rise var(--duration) var(--ease)}@keyframes soft-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}h1{margin:0 0 var(--space-1);font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.02em;font-weight:800;line-height:var(--lh-title)}h2{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;line-height:var(--lh-title)}.sub{color:var(--fg-muted);margin:0 0 var(--space-4);font-size:var(--text-md)}.muted{color:var(--fg-muted)}.small{font-size:var(--text-sm-plus)}.mb-md{margin-bottom:var(--space-4)}.mt-md{margin-top:var(--space-4)}.m0{margin:0}label{margin:var(--space-3) 0 var(--space-1);font-size:var(--text-sm);color:var(--fg-muted);font-weight:500;line-height:var(--lh-label);display:block}input,textarea{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);width:100%;min-width:0;color:var(--fg);font-family:var(--font-sans);font-size:var(--text-md);letter-spacing:-.01em;transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease, background-color var(--duration-fast) ease;padding:8px 12px;font-weight:400}input:hover,textarea:hover{border-color:var(--border-strong)}input:focus,textarea:focus{border-color:var(--focus-ring);box-shadow:0 0 0 3px var(--accent-tint);outline:none}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);font:inherit;font-weight:550;font-size:var(--text-sm-plus);line-height:var(--lh-label);cursor:pointer;transition:background-color var(--duration-fast) ease, border-color var(--duration-fast) ease, color var(--duration-fast) ease;white-space:nowrap;border:1px solid #0000;padding:8px 12px;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-fg);border-radius:var(--radius-pill);padding:8px 20px}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-secondary{background:var(--bg);color:var(--fg);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.btn-block{width:100%;margin-top:var(--space-4)}.btn-ghost{color:var(--fg-muted);background:0 0;padding:8px}.btn-ghost:hover:not(:disabled){color:var(--fg)}:where(button){font:inherit;cursor:pointer;border-radius:var(--radius-xs);background:var(--accent);color:var(--accent-fg);font-weight:600;font-size:var(--text-md);transition:background-color var(--duration-fast) ease, transform var(--duration-fast) var(--ease);box-shadow:var(--shadow-sm);border:1px solid #0000;padding:8px 16px}:where(button:hover:not(:disabled)){background:var(--accent-hover)}:where(button:disabled){opacity:.5;cursor:default}button.link{color:var(--brand);width:auto;box-shadow:none;background:0 0;border:none;margin-top:0;padding:0}button.link:hover{background:0 0;text-decoration:underline}.btn{width:auto;margin-top:0}.icon-btn{width:var(--icon);height:var(--icon);border-radius:var(--radius-xs);color:var(--fg-muted);cursor:pointer;transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--fg);box-shadow:none;transform:none}.icon-btn:disabled{opacity:.4;cursor:default}.icon-btn svg{width:16px;height:16px}.theme-toggle{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));padding:2px;display:inline-flex}.theme-toggle-btn{border-radius:var(--radius-xs);width:28px;height:28px;color:var(--fg-subtle);cursor:pointer;transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.theme-toggle-btn svg{flex:none;width:16px;height:16px}.theme-toggle-btn:hover{color:var(--fg);background:var(--surface-hover);box-shadow:none;transform:none}.theme-toggle-btn.active{background:var(--accent);color:var(--accent-fg);box-shadow:none}.alert{border-radius:var(--radius-sm);margin-bottom:var(--space-3);font-size:var(--text-sm-plus);align-items:center;gap:var(--space-2);flex-wrap:wrap;padding:8px 12px;display:flex}.alert.error{background:var(--danger-bg);color:var(--danger)}.alert.warn{background:var(--warn-bg);color:var(--warn)}.alert.ok{background:var(--success-bg);color:var(--success)}.status-pill{background:var(--accent-tint);width:fit-content;color:var(--brand);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;align-items:center;padding:2px 8px;font-weight:600;display:inline-flex}.badge{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;border:1px solid var(--border-strong);color:var(--fg-muted);border-radius:999px;padding:2px 8px;font-weight:600}.address-row{align-items:center;gap:var(--space-2);min-width:0;display:flex}.address-row input{flex:1;min-width:0}.item{padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.item:last-child{border-bottom:0}.item .meta{font-size:var(--text-sm);color:var(--fg-muted);margin-top:4px}.stack{gap:var(--space-2);margin:var(--space-2) 0;padding:0;list-style:none;display:grid}.stack-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;min-width:0;display:flex}.stack-row.toolbar-actions{gap:var(--space-1);flex:1}.spread{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;display:flex}.av{font-size:var(--text-xs);-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-weight:650;line-height:1;display:inline-flex}.av-sm{width:28px;height:28px;font-size:var(--text-xs)}.av-lg{width:36px;height:36px;font-size:var(--text-sm-plus)}.av-0{color:#0550ae;background:#ddf4ff}.av-1{color:#1a7f37;background:#dafbe1}.av-2{color:#bc4c00;background:#fff1e5}.av-3{color:#bf3989;background:#ffeff7}.av-4{color:#0969da;background:#ddf4ff}.av-5{color:#9a6700;background:#fff8c5}[data-theme=dark] .av-0{color:#80b6ff;background:#193154}[data-theme=dark] .av-1{color:#6fdd8b;background:#1b4330}[data-theme=dark] .av-2{color:#ffa657;background:#3d2314}[data-theme=dark] .av-3{color:#f778ba;background:#3d1a30}[data-theme=dark] .av-4{color:#58a6ff;background:#13233a}[data-theme=dark] .av-5{color:#e3b341;background:#3d2f00}.av-mine{background:var(--accent);color:var(--accent-fg)}.app-frame{height:100dvh;padding:var(--space-4)}.app-window{grid-template-columns:var(--sidebar-width,248px) minmax(0, var(--list-width,360px)) 8px minmax(0, 1fr);background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-window);height:100%;box-shadow:var(--shadow), inset 0 1px 0 #fff9;display:grid;overflow:hidden}[data-theme=dark] .app-window{box-shadow:var(--shadow), inset 0 1px 0 #ffffff0a}.sidebar{gap:var(--space-3);padding:var(--space-4) var(--space-3);border-right:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));flex-direction:column;min-width:0;min-height:0;display:flex}.sidebar.collapsed{padding-left:var(--space-2);padding-right:var(--space-2);overflow-x:hidden}.sidebar-head{align-items:center;gap:var(--space-2);padding:0 var(--space-1);min-width:0;display:flex}.logo-text{font-family:var(--font-display);font-weight:800;font-size:var(--text-md);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-head .icon-btn{margin-left:auto}.compose-btn{justify-content:space-between;align-items:center;gap:var(--space-2);border-radius:var(--radius);background:var(--accent);width:100%;color:var(--accent-fg);font-weight:600;font-size:var(--text-sm-plus);box-shadow:none;cursor:pointer;transition:background-color var(--duration-fast) ease;border:1px solid #0000;margin:0;padding:8px 12px;display:flex}.compose-btn:hover{background:var(--accent-hover);filter:none;box-shadow:none;transform:none}.compose-btn:active{transform:none}.nav-scroll{flex:1;min-height:0;overflow:hidden auto}.nav-group{margin:0 0 var(--space-1);flex-direction:column;gap:2px;padding:0;list-style:none;display:flex}.nav-item{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);width:100%;color:var(--fg-muted);font-size:var(--text-sm-plus);text-align:left;cursor:pointer;min-width:0;transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;border:none;margin:0;padding:8px 12px;font-weight:500;display:flex;position:relative}.nav-item.compact{padding-left:var(--space-1);padding-right:var(--space-1);justify-content:center}.nav-item svg{flex:none}.nav-icon{justify-content:center;align-items:center;display:inline-flex}.nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-item:hover:not(:disabled){background:var(--surface-hover);color:var(--fg);box-shadow:none;transform:none}.nav-item:disabled{opacity:.45;cursor:default}.nav-item.active{background:var(--accent-tint);color:var(--accent);box-shadow:none;font-weight:600}.nav-item.active:before{content:"";background:var(--accent);border-radius:0 2px 2px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-12px}.sidebar.collapsed .nav-item.active:before{left:-8px}.nav-count{font-size:var(--text-xs);color:var(--fg-subtle);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:500}.nav-item.active .nav-count{background:var(--accent);color:var(--accent-fg);border-radius:999px;padding:0 8px;font-weight:600}.sidebar.collapsed .nav-count{background:var(--accent);color:#0000;border-radius:50%;min-width:8px;height:8px;margin-left:0;padding:0;font-size:0;position:absolute;top:4px;right:8px}.nav-section{align-items:center;gap:var(--space-1);width:100%;margin:var(--space-3) 0 var(--space-1);color:var(--fg-subtle);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:4px 12px;font-weight:600;display:flex}.nav-section:hover{box-shadow:none;background:0 0;transform:none}.sidebar.collapsed .nav-group+.nav-group{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border)}.nav-section svg{transition:transform var(--duration-fast) var(--ease);margin-left:auto}.nav-section[aria-expanded=false] svg{transform:rotate(-90deg)}.label-dot{background:var(--accent);border-radius:3px;flex:none;width:10px;height:10px}.label-dot-domains{background:var(--accent)}.storage{border-top:1px solid var(--border);padding-top:var(--space-3)}.storage-row{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--fg-muted);min-width:0;display:flex}.storage-row span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.storage-row .act-btn{font-size:var(--text-xs);flex:none;padding:4px 8px}.storage-track{background:var(--border);height:4px;margin-top:var(--space-2);border-radius:999px;overflow:hidden}.storage-fill{background:var(--accent);border-radius:999px;height:100%}.storage-fill.warn{background:var(--warn)}.storage-fill.critical{background:var(--danger)}.storage-hint{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--fg-subtle)}.storage-hint.warn{color:var(--warn)}.storage-hint.critical{color:var(--danger)}.list-col{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;min-width:0;max-width:none;min-height:0;display:flex}.list-resizer{cursor:col-resize;touch-action:none;width:8px;z-index:var(--z-content);background:0 0;position:relative}.list-resizer:before{content:"";background:0 0;border-radius:999px;position:absolute;inset:12px 3px}.list-resizer:hover:before,.list-resizer:active:before{background:var(--border-strong)}.list-resizer:focus-visible:before{background:var(--accent)}.list-search{padding:var(--space-3) var(--space-4) var(--space-2);flex:none}.search-wrap{position:relative}.search-wrap input{border-radius:var(--radius-sm);background:var(--bg-subtle);width:100%;font-size:var(--text-sm-plus);border-color:var(--border);box-shadow:none;padding:8px 32px 8px 12px}.search-wrap input:focus{background:var(--bg);box-shadow:0 0 0 3px var(--accent-tint);border-color:var(--focus-ring)}.search-ico{color:var(--fg-subtle);pointer-events:none;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.list-head{padding:0 var(--space-4) var(--space-3);flex:none}.list-title{font-size:var(--text-lg);letter-spacing:-.02em;font-weight:650;line-height:var(--lh-title)}.list-meta{align-items:flex-start;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.list-tools{align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:1;min-width:0;display:flex}.list-meta-count{font-size:var(--text-sm);color:var(--fg-subtle);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.filter-chips{align-items:center;gap:var(--space-2);margin-top:var(--space-2);scrollbar-width:none;flex-wrap:nowrap;display:flex;overflow-x:auto}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);width:34px;height:34px;color:var(--fg-muted);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease, border-color var(--duration-fast) ease, width var(--duration-fast) ease, padding var(--duration-fast) ease;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0;font-weight:500;display:inline-flex}.filter-chip:hover{background:var(--surface-hover);color:var(--fg)}.filter-chip.active{background:var(--fg);border-color:var(--fg);width:auto;color:var(--bg);padding:0 14px 0 12px}.filter-chip-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shortcut-group+.shortcut-group{margin-top:var(--space-4)}.shortcut-group-title{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-subtle);padding:0 8px var(--space-1);font-weight:600}.shortcut-row{justify-content:space-between;align-items:center;gap:var(--space-3);border-radius:var(--radius-xs);font-size:var(--text-sm-plus);color:var(--fg);padding:5px 8px;display:flex}.shortcut-row+.shortcut-row{border-top:1px solid var(--border);border-radius:0}.shortcut-row>span:first-child{min-width:0;color:var(--fg-muted)}.shortcut-keys{flex:none;align-items:center;gap:4px;display:inline-flex}kbd,.kbd{border:1px solid var(--border);background:var(--bg-subtle);min-width:20px;color:var(--fg-muted);font-family:inherit;font-size:var(--text-xs);border-bottom-width:2px;border-radius:4px;justify-content:center;align-items:center;padding:0 6px;font-weight:600;line-height:18px;display:inline-flex}.menu-item{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);width:100%;color:var(--fg);font-size:var(--text-sm-plus);text-align:left;cursor:pointer;background:0 0;border:none;margin:0;padding:8px 12px;font-weight:500;display:flex}.menu-item:hover{background:var(--surface-hover);box-shadow:none;transform:none}.menu-item.active{color:var(--accent)}.menu-item svg{margin-left:auto}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.list-banner{padding:0 var(--space-4) var(--space-2)}.msg-list{flex:1;min-height:0;margin:0;padding:0 8px 8px;list-style:none;overflow-y:auto}.msg-item{position:relative}.msg-item-removing,.msg-item-moving{overflow:hidden}.msg-item-inner{align-items:start;gap:var(--space-2);grid-template-columns:28px minmax(0,1fr) auto;padding:4px 4px 4px 8px;display:grid}.row-end{align-items:flex-start;gap:2px;display:flex}.row-actions{z-index:var(--z-content);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) ease;align-items:center;gap:2px;padding:2px;display:flex;position:absolute;top:6px;right:6px}.msg-item-inner:hover .row-actions,.msg-item-inner:focus-within .row-actions{opacity:1;pointer-events:auto}.row-actions .icon-btn{width:28px;height:28px;margin:0}.select-msg-btn{border:1px solid var(--border-strong);background:var(--surface-raised);cursor:pointer;z-index:auto;width:16px;height:16px;box-shadow:none;border-radius:4px;margin:12px 0 0 6px;padding:0;position:static}.select-msg-btn:hover{border-color:var(--accent);background:var(--surface-raised);transform:none}.select-msg-btn.on{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 2px var(--bg)}.msg-row{gap:var(--space-3);border-radius:var(--radius-md);width:100%;color:inherit;text-align:left;cursor:pointer;min-width:0;transition:background-color var(--duration-fast) ease;background:0 0;border:none;margin:0;padding:8px 4px;display:flex;position:relative}.msg-row:hover{background:var(--surface-hover);box-shadow:none;transform:none}.msg-row:active{transform:none}.msg-row.selected{background:var(--accent-tint);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.msg-row.cursor:not(.selected){background:var(--surface-hover);box-shadow:inset 0 0 0 2px var(--accent)}.msg-row.selected:before{display:none}.msg-main{flex:1;min-width:0}.msg-top{align-items:baseline;gap:var(--space-2);min-width:0;display:flex}.msg-name{font-weight:600;font-size:var(--text-sm-plus);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.msg-time{font-size:var(--text-xs);color:var(--fg-subtle);font-variant-numeric:tabular-nums;flex:none;margin-left:auto}.msg-subject{font-size:var(--text-sm-plus);color:var(--fg-muted);text-overflow:ellipsis;white-space:nowrap;line-height:var(--lh-label);margin-top:2px;display:block;overflow:hidden}.msg-preview{font-size:var(--text-sm);line-height:var(--lh-body);color:var(--fg-subtle);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;display:block;overflow:hidden}.msg-foot{align-items:center;gap:var(--space-1);min-width:0;margin-top:4px;display:flex}.msg-row.unread .msg-name{font-weight:650}.msg-row.unread .msg-subject{color:var(--fg);font-weight:600}.unread-dot{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px}.chip{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-subtle);font-size:var(--text-xs);color:var(--fg-muted);align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.star-btn{border-radius:var(--radius-xs);width:28px;height:28px;color:var(--fg-subtle);cursor:pointer;transition:color var(--duration-fast) ease, background-color var(--duration-fast) ease;background:0 0;border:none;justify-content:center;align-items:center;margin:8px 0 0;padding:0;display:inline-flex;position:static}.star-btn:hover{background:var(--surface-hover);color:var(--warn);box-shadow:none;transform:none}.star-btn.on{color:var(--warn)}.msg-skeleton{padding:8px 12px}.skel{background:linear-gradient(90deg, var(--bg-subtle) 0%, var(--surface-hover) 50%, var(--bg-subtle) 100%);border-radius:var(--radius-xs);background-size:200% 100%;animation:1.2s ease-in-out infinite shimmer;display:block}.skel-check{width:16px;height:16px;margin-top:10px}.skel-av{border-radius:50%;width:32px;height:32px;margin-top:4px}.skel-lines{grid-column:2/-1;gap:6px;min-width:0;padding-top:4px;display:grid}.msg-skeleton.msg-item-inner{grid-template-columns:16px 32px minmax(0,1fr)}.skel-line{width:72%;height:10px}.skel-line.wide{width:88%}.skel-line.short{width:40%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes new-arrival-flash{0%{background:var(--success-bg)}to{background:0 0}}.msg-row.new-arrival{animation:new-arrival-flash 2.4s var(--ease), new-arrival-slide var(--duration) var(--ease)}@keyframes new-arrival-slide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.msg-row.is-removing{animation:row-delete var(--duration) ease forwards}.msg-row.is-moving{animation:row-move var(--duration) ease forwards}@keyframes row-delete{to{opacity:0;transform:translate(16px)}}@keyframes row-move{to{opacity:0;transform:translate(-16px)}}.scroll-sentinel{padding:var(--space-3);color:var(--fg-subtle);font-size:var(--text-sm);justify-content:center;display:flex}.read-skeleton{padding:var(--space-5) var(--space-5) 0}.read-skeleton-head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.read-skeleton-subject{width:60%;height:20px;margin-bottom:var(--space-4)}.read-skeleton-lines{gap:var(--space-2);display:grid}.read-skeleton .skel-line{height:12px}.pane-empty{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-5);text-align:center;color:var(--fg-subtle);font-size:var(--text-sm-plus);flex-direction:column;display:flex}.pane-empty-reading{height:100%}.read-col{background:var(--bg-subtle);flex-direction:column;min-width:0;min-height:0;display:flex;container:readpane/inline-size}@container readpane (width<=720px){.userchip-text{display:none}}@container readpane (width<=560px){.pager>span{display:none}}.bell{position:relative}.bell-dot{background:var(--danger);border:2px solid var(--bg);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.userbar-divider{background:var(--border);flex:none;width:1px;height:20px}.userchip{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);width:auto;max-width:220px;color:inherit;cursor:pointer;min-width:0;transition:background-color var(--duration-fast) ease;background:0 0;border:none;margin:0;padding:4px 8px;display:flex}.userchip:hover{background:var(--surface-hover);box-shadow:none;transform:none}.userchip-text{text-align:left;line-height:var(--lh-label);min-width:0;overflow:hidden}.u-name{font-size:var(--text-sm-plus);text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.u-mail{font-size:var(--text-xs);color:var(--fg-subtle);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-menu{right:var(--space-4);z-index:var(--z-menu);min-width:14rem;padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:var(--shadow);animation:pop-in var(--duration-fast) var(--ease);position:absolute;top:calc(100% + 4px)}.user-menu-row{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-sm-plus);color:var(--fg-muted);padding:8px 12px;display:flex}.menu-sep{background:var(--border);height:1px;margin:4px 0}.ai-toggle-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;cursor:pointer;display:flex}.ai-toggle-row span{flex-direction:column;gap:2px;min-width:0;display:flex}.ai-toggle-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex:none}.ai-toggle-row-master{border-bottom:1px solid var(--border);padding-bottom:var(--space-3)}.read-topbar{align-items:center;gap:var(--space-2);min-height:52px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));z-index:var(--z-sticky);flex-wrap:nowrap;flex:none;display:flex;position:relative}.toolbar-actions{scrollbar-width:none;align-items:center;gap:2px;min-width:0;display:flex;overflow-x:auto}.toolbar-actions::-webkit-scrollbar{display:none}.topbar-end{align-items:center;gap:var(--space-1);flex:none;min-width:0;margin-left:auto;display:flex}.read-back{display:none}.pager{font-size:var(--text-sm);color:var(--fg-muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;align-items:center;gap:2px;display:flex}.read-scroll{flex:1;min-height:0;overflow-y:auto}.read-inner{max-width:52rem;padding:var(--space-5) var(--space-5) var(--space-6);animation:fade-in var(--duration) ease;margin-inline:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.read-head{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-solid);box-shadow:none;min-width:0;display:flex}.read-from{flex:1;min-width:0}.read-from .rf-name{font-weight:600;font-size:var(--text-sm-plus)}.read-from .rf-mail{color:var(--fg-subtle);font-size:var(--text-sm)}.rf-meta{align-items:baseline;gap:var(--space-2);min-width:0;font-size:var(--text-sm);color:var(--fg-subtle);flex-wrap:wrap;display:flex}.rf-meta span{align-items:center;gap:4px;display:inline-flex}.read-from .rf-meta{gap:var(--space-3);margin-top:4px}.read-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:4px;max-width:100%;margin-left:auto;display:flex}.act-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:auto;min-height:30px;color:var(--fg-muted);font-size:var(--text-sm);white-space:nowrap;box-shadow:none;transition:background-color var(--duration-fast) ease, border-color var(--duration-fast) ease, color var(--duration-fast) ease;justify-content:center;align-items:center;gap:4px;margin:0;padding:4px 10px;font-weight:500;display:inline-flex}.act-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--fg);border-color:var(--border-strong);transform:none}.act-btn:disabled{opacity:.45;cursor:default}.act-btn-danger{color:var(--danger);border-color:var(--danger)}.act-btn-danger:hover:not(:disabled){background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.read-subject{font-size:var(--text-xl);letter-spacing:-.02em;margin:var(--space-4) 0 var(--space-3);font-weight:650;line-height:var(--lh-title);word-break:break-word}.thread-card{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-solid);min-width:0;display:flex;position:relative}.thread-card+.thread-card{margin-top:var(--space-2)}.thread-card-mine{background:var(--accent-tint)}.thread-main{flex:1;min-width:0}.thread-body{margin-top:var(--space-3);min-width:0}.thread-card-collapsed{padding:var(--space-2) var(--space-4);align-items:center}.thread-card-collapsed>.av{width:28px;height:28px}.thread-card-header{align-items:center;gap:var(--space-2);width:100%;min-width:0;min-height:32px;color:inherit;text-align:left;cursor:pointer;box-shadow:none;background:0 0;border:none;padding:0;display:flex}.thread-card-header:hover{box-shadow:none;transform:none}.thread-card-header .rf-meta{flex:none}.thread-card-header .rf-meta strong{font-size:var(--text-sm-plus);color:var(--fg);font-weight:600}.thread-card-header .rf-meta>span{font-weight:400}.thread-card-header svg{transition:transform var(--duration-fast) ease;color:var(--fg-subtle);flex:none;margin-left:auto}.thread-card:not(.thread-card-collapsed) .thread-card-header svg{transform:rotate(180deg)}.thread-snippet{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg-subtle);font-size:var(--text-sm);text-align:left;flex:1;font-weight:400;overflow:hidden}.msg-iframe{border:none;width:100%;display:block}.attach-section{margin-top:var(--space-5)}.attach-title{font-size:var(--text-sm-plus);margin-bottom:var(--space-2);font-weight:650}.attach-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.attach-chip{align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);font-size:var(--text-sm-plus);min-width:0;max-width:100%;padding:8px 12px;display:inline-flex}.inline-reply{margin-top:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-solid);box-shadow:var(--shadow);overflow:hidden}.ir-head{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);font-size:var(--text-sm-plus);color:var(--fg-muted);min-width:0;display:flex}.ir-head-label{width:2.5rem;font-size:var(--text-sm);color:var(--fg-subtle);flex:none}.ir-chip{border-radius:var(--radius-xs);background:var(--accent-tint);color:var(--accent);font-size:var(--text-sm);text-overflow:ellipsis;align-items:center;gap:4px;max-width:100%;padding:2px 8px;font-weight:550;display:inline-flex;overflow:hidden}.ir-head-right{align-items:center;gap:var(--space-1);flex:none;margin-left:auto;display:flex}.ir-field{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-4);border-bottom:1px solid var(--border);display:flex}.ir-field label{width:2.5rem;font-size:var(--text-sm);color:var(--fg-subtle);flex:none;margin:0}.ir-field input{background:0 0;border:none;border-radius:0;padding:6px 0}.ir-field input:hover{border-color:#0000}.ir-field input:focus{box-shadow:none;border-color:#0000}.ir-error{padding:var(--space-3) var(--space-4) 0}.ir-body{padding:var(--space-2) var(--space-4)}.ir-body .rte-editor{padding:var(--space-2) 0;min-height:7rem}.ir-foot{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);border-top:1px solid var(--border);background:var(--bg-subtle);display:flex}.ir-hint{font-size:var(--text-xs);color:var(--fg-subtle);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.send-btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background:var(--accent);width:auto;color:var(--accent-fg);font-weight:600;font-size:var(--text-sm-plus);white-space:nowrap;box-shadow:none;transition:background-color var(--duration-fast) ease;flex:none;margin-top:0;margin-left:auto;padding:8px 18px;display:inline-flex}.send-btn:hover:not(:disabled){background:var(--accent-hover);transform:none}.send-btn:active:not(:disabled){transform:scale(.98)}.send-btn:disabled{opacity:.45}.rte-toolbar{flex-wrap:wrap;gap:2px;display:flex}.rte-toolbar button{border-radius:var(--radius-xs);width:28px;height:28px;color:var(--fg-muted);font-weight:700;font-size:var(--text-sm);box-shadow:none;background:0 0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.rte-toolbar button:hover{background:var(--surface-hover);color:var(--fg);transform:none}.rte-editor{min-height:6.5rem;max-height:22rem;padding:var(--space-3);font:inherit;font-size:var(--text-md);line-height:var(--lh-body);background:0 0;overflow-y:auto}.rte-editor:focus{outline:none}.rte-editor ul{margin:.3em 0;padding-left:1.25em}.rte-editor a{color:var(--accent)}.rte-editor[data-placeholder]:empty:before{content:attr(data-placeholder);color:var(--fg-subtle)}.drawer-scrim{z-index:var(--z-drawer);animation:fade-in var(--duration-fast) ease;background:#0f172059;position:fixed;inset:0}.compose-drawer{z-index:calc(var(--z-drawer) + 1);right:var(--space-5);bottom:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:min(40rem,100vw - 48px);max-height:min(36rem,100dvh - 32px);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:var(--shadow-drawer), inset 0 1px 0 #ffffff47;animation:drawer-up var(--duration) var(--ease);flex-direction:column;display:flex;position:fixed;overflow:hidden}@keyframes drawer-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.compose-drawer.maximized{border-radius:var(--radius-lg);width:85vw;height:85dvh;max-height:85dvh;animation:drawer-grow var(--duration) var(--ease);inset:50% auto auto 50%;transform:translate(-50%,-50%)}@keyframes drawer-grow{0%{opacity:.6;transform:translate(-50%,-50%)scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.drawer-head{align-items:center;gap:var(--space-2);border-bottom:1px solid var(--border);background:var(--bg-subtle);flex:none;padding:8px 12px;display:flex}.drawer-title{font-family:var(--font-display);font-size:var(--text-sm-plus);color:var(--fg);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.drawer-head-actions{flex:none;align-items:center;gap:0;margin-left:auto;display:flex}.drawer-body{min-height:0;padding:var(--space-2) var(--space-3) var(--space-3);flex:1;overflow-y:auto}.drawer-body.drawer-drop-active{box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-tint)}.drawer-field{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border);grid-template-columns:4.5rem minmax(0,1fr);display:grid}.drawer-field-tight{border-bottom:0;padding-bottom:0}.drawer-field-toggle{grid-template-columns:4.5rem minmax(0,1fr)}.drawer-field-toggle label{width:auto}.drawer-inline-actions{gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.toggle-chip{appearance:none;border:1px solid var(--border);color:var(--fg);font:inherit;font-size:var(--text-xs);cursor:pointer;width:auto;box-shadow:none;transition:border-color var(--duration-fast) ease, background var(--duration-fast) ease;background:0 0;border-radius:999px;margin:0;padding:4px 8px;font-weight:600}.toggle-chip:hover{border-color:var(--border-strong);background:var(--surface-hover);transform:none}.toggle-chip.on{background:var(--accent-tint);border-color:var(--accent);color:var(--accent-strong)}.drawer-field label{width:auto;font-size:var(--text-sm);color:var(--fg-muted);white-space:nowrap;flex:none;margin:0;font-weight:500}.drawer-field input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:100%;min-width:0;font-size:var(--text-sm-plus);box-shadow:none;padding:8px 12px}.drawer-field input:hover{border-color:var(--border-strong);background:var(--bg)}.drawer-field input:focus{border-color:var(--focus-ring);background:var(--bg);box-shadow:0 0 0 3px var(--accent-tint)}.drawer-foot{align-items:center;gap:var(--space-2);border-top:1px solid var(--border);flex-wrap:wrap;flex:none;padding:8px 12px;display:flex}.drawer-note{font-size:var(--text-xs);color:var(--fg-subtle);padding:var(--space-2) 0 0;margin:0}.drawer-note-tight{margin:0 0 var(--space-2);padding-top:0}.drawer-alert{padding-top:var(--space-2)}.overlay{z-index:var(--z-modal);padding:8vh var(--space-4);animation:fade-in var(--duration-fast) ease;background:#0f172080;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.panel{width:100%;max-width:32rem;box-shadow:var(--shadow);background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.attachment-meta{justify-content:space-between;gap:var(--space-2);padding:4px 0 var(--space-2);font-size:var(--text-xs);color:var(--fg-subtle);flex-wrap:wrap;display:flex}.attachment-chips{gap:var(--space-2);margin:var(--space-2) 0;flex-wrap:wrap;display:flex}.attachment-chip{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-subtle);font-size:var(--text-sm);min-width:0;max-width:14rem;padding:4px 8px 4px 4px;display:inline-flex}.attachment-chip.uploading{border-style:dashed}.attachment-chip.upload-failed{border-color:var(--danger);background:var(--danger-bg)}.attach-kind{border:1px solid var(--border);background:var(--bg);color:var(--fg-subtle);font-size:var(--text-xs);border-radius:999px;align-items:center;padding:0 6px;font-weight:600;display:inline-flex}.attachment-chip-thumb{object-fit:cover;border-radius:4px;flex:none;width:20px;height:20px}.attachment-chip-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.attachment-chip-remove{width:auto;color:var(--fg-subtle);cursor:pointer;box-shadow:none;background:0 0;border:none;margin:0;padding:0 4px}.attachment-chip-remove:hover{color:var(--fg);background:0 0;transform:none}.upload-pill{border:1px solid var(--border);background:var(--accent-tint);color:var(--accent);font-size:var(--text-xs);border-radius:999px;align-items:center;padding:0 6px;font-weight:600;display:inline-flex}.upload-progress{background:var(--accent-tint);border-radius:999px;width:4rem;height:4px;position:relative;overflow:hidden}.upload-progress-bar{background:var(--accent);border-radius:999px;width:45%;animation:.9s ease-in-out infinite upload-indeterminate;position:absolute;inset:0}.upload-pill.failed{background:var(--danger-bg);color:var(--danger)}@keyframes upload-indeterminate{0%{transform:translate(-110%)}to{transform:translate(240%)}}.attachment-preview{max-width:min(42rem,100vw - 32px)}.attachment-preview-image{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-subtle);max-width:100%;max-height:60vh;margin:0 auto;display:block}.attachment-preview-text{white-space:pre-wrap;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-subtle);max-height:60vh;padding:var(--space-3);margin:0;overflow:auto}.attachment-preview-frame{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-subtle);width:min(78vw,56rem);height:min(68vh,48rem)}.attachment-preview-media{border-radius:var(--radius-md);border:1px solid var(--border);background:#000;width:min(78vw,56rem);max-height:68vh}.attachment-preview-audio{width:min(78vw,56rem)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}@media (width<=1180px){.app-window{grid-template-columns:var(--sidebar-width,72px) minmax(0, 320px) minmax(0, 1fr)}.list-resizer{display:none}}@media (width<=820px){.app-frame{padding:0}.app-window{grid-template-columns:var(--sidebar-width,72px) minmax(0, 1fr);border:none;border-radius:0}.list-resizer,.app-window[data-mobile=list] .read-col,.app-window[data-mobile=read] .list-col{display:none}.compose-drawer{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100vw;max-height:88dvh;left:0;right:0}.compose-drawer.maximized{border-radius:0;width:100vw;height:100dvh;max-height:100dvh;inset:auto 0 0;transform:none}.read-back{display:inline-flex}.read-topbar{padding-inline:var(--space-2)}.read-inner{padding:var(--space-4) var(--space-3) var(--space-5)}.list-search{padding:var(--space-2) var(--space-3)}.list-head{padding:0 var(--space-3) var(--space-2)}.msg-list{padding:0 var(--space-1) var(--space-2)}}@media (pointer:coarse){.row-actions{display:none}.act-btn{min-height:36px}.icon-btn{width:36px;height:36px}.select-msg-btn{width:20px;height:20px;margin-top:10px}}