:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f5f7;--bg-subtle:#ececee;--surface:#ffffffb8;--surface-solid:#fff;--surface-hover:#ffffffe6;--surface-selected:#0071e31a;--glass-blur:20px;--border:#00000014;--border-strong:#00000029;--fg:#1d1d1f;--fg-muted:#1d1d1f99;--fg-subtle:#1d1d1f73;--accent:#0071e3;--accent-fg:#fff;--accent-hover:#0077ed;--brand:#0071e3;--danger:#d70015;--danger-bg:#d7001514;--success:#1a7f37;--success-bg:#1a7f3714;--warn:#a35200;--warn-bg:#a352001a;--focus-ring:#0071e3;--shadow:0 8px 30px #0000001a;--shadow-sm:0 1px 2px #0000000f;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", Roboto, sans-serif;--text-xs:.6875rem;--text-sm:.75rem;--text-sm-plus:.8125rem;--text-base:.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--radius-sm:6px;--radius:10px;--radius-lg:14px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1c1c1e;--bg-subtle:#151517;--surface:#ffffff14;--surface-solid:#232325;--surface-hover:#ffffff1f;--surface-selected:#0a84ff38;--glass-blur:20px;--border:#ffffff1f;--border-strong:#fff3;--fg:#f5f5f7;--fg-muted:#f5f5f799;--fg-subtle:#f5f5f773;--accent:#0a84ff;--accent-fg:#fff;--accent-hover:#3aa0ff;--brand:#0a84ff;--danger:#ff453a;--danger-bg:#ff453a26;--success:#32d74b;--success-bg:#32d74b26;--warn:#ff9f0a;--warn-bg:#ff9f0a26;--focus-ring:#0a84ff;--shadow:0 12px 40px #00000080;--shadow-sm:0 1px 2px #0000004d}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased}::selection{background:var(--surface-selected)}: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}}.center{justify-content:center;align-items:center;min-height:100%;padding:1.5rem;display:flex;position:relative}.floating-theme-toggle{z-index:50;position:fixed;top:1.25rem;right:1.25rem}.card{background:var(--surface);width:100%;max-width:26rem;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.75rem}h1{letter-spacing:-.01em;margin:0 0 .4rem;font-size:1.35rem;font-weight:600}h2{margin:0 0 1rem;font-size:1.05rem;font-weight:600}.sub{color:var(--fg-muted);margin:0 0 1.25rem;font-size:.9rem}.muted{color:var(--fg-muted)}.small{font-size:.8rem}.mb-md{margin-bottom:1rem}.mt-md{margin-top:1rem}label{color:var(--fg-muted);margin:.85rem 0 .3rem;font-size:.8rem;font-weight:500;display:block}input,textarea{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);width:100%;color:var(--fg);font:inherit;padding:.55rem .7rem;transition:border-color .15s}input:hover,textarea:hover{border-color:var(--border-strong)}input:focus,textarea:focus{border-color:var(--focus-ring)}.btn{border-radius:var(--radius-sm);font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.85rem;font-weight:500;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--fg);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.btn-ghost{color:var(--fg-muted);background:0 0;padding:.55rem .5rem}.btn-ghost:hover:not(:disabled){color:var(--fg)}button{font:inherit;cursor:pointer;border-radius:var(--radius-sm);background:var(--accent);width:100%;color:var(--accent-fg);border:none;margin-top:1rem;padding:.6rem 1rem;font-weight:500;transition:background-color .15s}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.55;cursor:default}button.secondary{background:var(--surface);color:var(--fg);border:1px solid var(--border-strong)}button.link{color:var(--brand);background:0 0;border:none;width:auto;margin-top:0;padding:0}button.link.muted{color:var(--fg-muted)}.btn{width:auto;margin-top:0}.icon-btn{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--fg-muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;margin:0;padding:0;transition:background-color .15s,color .15s;display:inline-flex}.icon-btn:hover{background:var(--surface-hover);color:var(--fg)}.theme-toggle{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);padding:2px;display:inline-flex}.theme-toggle-btn{width:30px;height:28px;color:var(--fg-subtle);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin:0;padding:0;transition:background-color .15s,color .15s;display:inline-flex}.theme-toggle-btn svg{flex:none;width:16px;height:16px}.theme-toggle-btn:hover{color:var(--fg)}.theme-toggle-btn.active{background:var(--accent);color:var(--accent-fg)}.alert{border-radius:var(--radius-sm);margin-bottom:1rem;padding:.65rem .85rem;font-size:.85rem}.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)}.badge{text-transform:uppercase;letter-spacing:.03em;border:1px solid var(--border-strong);color:var(--fg-muted);border-radius:999px;padding:.15rem .5rem;font-size:.68rem;font-weight:600}.address-row{align-items:center;gap:.5rem;display:flex}.address-row input{flex:1}.item{border-bottom:1px solid var(--border);padding:.75rem 0}.item:last-child{border-bottom:0}.item .meta{color:var(--fg-muted);margin-top:.15rem;font-size:.75rem}.stack{gap:.6rem;margin:.6rem 0;padding:0;list-style:none;display:grid}.stack-row{align-items:center;gap:.75rem;display:flex}.spread{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.overlay{z-index:40;background:#00000073;justify-content:center;align-items:flex-start;padding:4vh 1.5rem;animation:.15s fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.panel{max-width:32rem;box-shadow:var(--shadow)}.app-shell{flex-direction:column;height:100vh;display:flex}.app-header{border-bottom:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);flex:none;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.app-brand{align-items:center;gap:.6rem;min-width:0;display:flex}.brand-mark{background:linear-gradient(135deg, var(--brand), var(--accent));border-radius:6px;flex:none;width:22px;height:22px}.brand-address{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.app-header-actions{align-items:center;gap:.4rem;display:flex}.mail-split{flex:1;grid-template-columns:minmax(20rem,26rem) 1fr;min-height:0;display:grid}.message-list-pane{border-right:1px solid var(--border);background:var(--bg-subtle);overflow-y:auto}.pane-empty{text-align:center;color:var(--fg-subtle);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1.5rem;display:flex}.pane-empty-reading{height:100%}.message-list{margin:0;padding:.4rem;list-style:none}.message-row{text-align:left;border-radius:var(--radius-sm);width:100%;color:inherit;cursor:pointer;background:0 0;border:none;align-items:flex-start;gap:.65rem;padding:.65rem .6rem;transition:background-color .12s;display:flex}.message-row:hover{background:var(--surface-hover)}.message-row.selected{background:var(--surface-selected)}.message-avatar{background:var(--border);width:32px;height:32px;color:var(--fg-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.7rem;font-weight:600;display:flex}.message-avatar-lg{width:40px;height:40px;font-size:.85rem}.message-row-main{flex:1;min-width:0}.message-row-top{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.message-from{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;overflow:hidden}.message-date{color:var(--fg-subtle);flex:none;font-size:.7rem}.message-subject{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.3rem;margin-top:.1rem;font-size:.83rem;display:flex;overflow:hidden}.attach-icon{color:var(--fg-subtle);flex:none}.message-preview{color:var(--fg-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.1rem;font-size:.78rem;display:block;overflow:hidden}.reading-pane{background:var(--bg);overflow-y:auto}.reading-article{max-width:52rem;margin:0 auto}.reading-header{border-bottom:1px solid var(--border);padding:1.5rem 1.75rem 1.25rem}.reading-header h1{margin-bottom:1rem;font-size:1.2rem}.reading-meta{align-items:center;gap:.75rem;display:flex}.reading-meta-text{font-size:.85rem;line-height:1.5}.reading-body{min-height:10rem}@media (width<=860px){.mail-split{grid-template-columns:1fr}.reading-pane{display:none}}.app-body{flex:1;min-height:0;display:flex}.nav-rail{border-right:1px solid var(--border);background:var(--surface);width:56px;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);flex-direction:column;flex:none;align-items:center;gap:.35rem;padding:.75rem 0;display:flex}.nav-rail-btn{border-radius:var(--radius);width:40px;height:40px;color:var(--fg-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;transition:background-color .12s,color .12s;display:flex}.nav-rail-btn:hover{background:var(--surface-hover);color:var(--fg)}.nav-rail-btn.active{background:var(--accent);color:var(--accent-fg)}.nav-rail-spacer{flex:1}.app-header{position:relative}.header-search{width:min(28rem,40vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header-search input{background:var(--surface-hover);border:1px solid var(--border);border-radius:999px;width:100%;padding:.5rem .75rem .5rem 2.1rem;font-size:.85rem}.header-search-wrap{position:relative}.header-search-icon{color:var(--fg-subtle);pointer-events:none;position:absolute;top:50%;left:.65rem;transform:translateY(-50%)}.header-search-results{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);max-height:22rem;box-shadow:var(--shadow);z-index:30;position:absolute;top:calc(100% + .4rem);left:0;right:0;overflow-y:auto}@media (width<=860px){.header-search{flex:1;width:auto;margin:0 .75rem;position:static;transform:none}}.segmented{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-hover);gap:2px;margin:.6rem .6rem .2rem;padding:2px;display:inline-flex}.segmented-btn{width:auto;color:var(--fg-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:.35rem;margin:0;padding:.3rem .7rem;font-size:.78rem;font-weight:500;display:inline-flex}.segmented-btn.active{background:var(--surface-solid);color:var(--fg)}.unread-count-badge{background:var(--accent);color:var(--accent-fg);border-radius:999px;padding:.05rem .4rem;font-size:.68rem;font-weight:600}.message-row.unread .message-from,.message-row.unread .message-subject{font-weight:700}.scroll-sentinel{color:var(--fg-subtle);justify-content:center;padding:.85rem;font-size:.8rem;display:flex}.thread{padding:0 1.75rem 2rem;position:relative}.thread-card{border-bottom:1px solid var(--border);gap:.85rem;padding:1.1rem 0;display:flex;position:relative}.thread-card:last-child{border-bottom:none}.thread-card-line{background:var(--border);width:2px;position:absolute;top:52px;bottom:-4px;left:19px}.thread-card-body-html,.thread-card-body-text{margin-top:.5rem}.attachment-chips{flex-wrap:wrap;gap:.5rem;margin:.5rem 0;display:flex}.attachment-chip{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-hover);align-items:center;gap:.4rem;max-width:14rem;padding:.3rem .6rem .3rem .4rem;font-size:.78rem;display:inline-flex}.attachment-chip-thumb{object-fit:cover;border-radius:4px;flex:none;width:22px;height:22px}.attachment-chip-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachment-chip-remove{width:auto;color:var(--fg-subtle);cursor:pointer;background:0 0;border:none;margin:0;padding:0}.attachment-drop{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);color:var(--fg-muted);text-align:center;margin:.4rem 0;padding:.6rem .8rem;font-size:.78rem}.attachment-drop.dragging{border-color:var(--accent);color:var(--fg);background:var(--surface-selected)}.rte-toolbar{border:1px solid var(--border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--surface-hover);border-bottom:none;gap:.2rem;padding:.3rem;display:flex}.rte-toolbar button{width:28px;height:28px;color:var(--fg-muted);background:0 0;border-radius:4px;justify-content:center;align-items:center;margin:0;padding:0;font-size:.8rem;font-weight:700;display:inline-flex}.rte-toolbar button:hover{background:var(--surface-solid);color:var(--fg)}.rte-editor{border:1px solid var(--border);border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--bg);min-height:8rem;max-height:18rem;font:inherit;padding:.6rem .7rem;font-size:.88rem;line-height:1.5;overflow-y:auto}.rte-editor:focus{border-color:var(--focus-ring);outline:none}.rte-editor ul{margin:.3em 0;padding-left:1.3em}.rte-editor a{color:var(--accent)}.rte-editor[data-placeholder]:empty:before{content:attr(data-placeholder);color:var(--fg-subtle)}.signature-note{color:var(--fg-subtle);margin-top:.4rem;font-size:.72rem}