:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fafaf8;--surface:#fff;--border:#e4e1da;--text-primary:#1a1a1a;--text-secondary:#6b6b63;--accent:#3b4a5a;--accent-hover:#2c3944;--accent-soft:#edf1f4;--ai-tint:#e6ecf2;--ai-edge:#c9d4de;--on-accent:#fff;--danger:#b3401f;--danger-fill:#b3401f;--danger-fill-hover:#93341a;--on-danger:#fff;--sticky:#fff4b8;--sticky-edge:#eadc8a;--sticky-edge-strong:#c9b24a;--sticky-field:#fffdf0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#151618;--surface:#1c1e21;--border:#2f3237;--text-primary:#e6e4df;--text-secondary:#9a988f;--accent:#a7bacd;--accent-hover:#c3d1de;--accent-soft:#22303d;--ai-tint:#1d2732;--ai-edge:#34475a;--on-accent:#121416;--danger:#f0876b;--danger-fill:#b8432a;--danger-fill-hover:#9c3620;--on-danger:#fff;--sticky:#3d3719;--sticky-edge:#6b5f2a;--sticky-edge-strong:#a08d3d;--sticky-field:#2e2a15}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#151618;--surface:#1c1e21;--border:#2f3237;--text-primary:#e6e4df;--text-secondary:#9a988f;--accent:#a7bacd;--accent-hover:#c3d1de;--accent-soft:#22303d;--ai-tint:#1d2732;--ai-edge:#34475a;--on-accent:#121416;--danger:#f0876b;--danger-fill:#b8432a;--danger-fill-hover:#9c3620;--on-danger:#fff;--sticky:#3d3719;--sticky-edge:#6b5f2a;--sticky-edge-strong:#a08d3d;--sticky-field:#2e2a15}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif}button{cursor:pointer;font-family:inherit}.app{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:flex;overflow:hidden}.phone-only{display:none}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:380px;display:flex}.sidebar-scroll{flex:1;overflow-y:auto}.main-pane{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.phone-header{background:var(--surface);flex-shrink:0}.pane-bar{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;padding:8px max(24px,50% - 340px)}.pane-bar-inner{align-items:center;gap:8px;min-height:32px;display:flex}.pane-back{color:var(--accent);white-space:nowrap;background:0 0;border:none;padding:0;font-size:13px}.pane-back:hover{text-decoration:underline}.pane-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.pane-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.pane-body{flex:1;min-height:0;padding:24px max(24px,50% - 340px) 32px;overflow:hidden auto}.action-menu{position:relative}.action-menu-options{z-index:30;border:1px solid var(--border);background:var(--surface);border-radius:6px;flex-direction:column;min-width:160px;padding:4px 0;display:flex;position:fixed;box-shadow:0 4px 12px #0000001a}.action-menu-options button{text-align:left;color:var(--text-primary);background:0 0;border:none;padding:8px 12px;font-size:13px}.action-menu-options button:hover{background:var(--accent-soft)}.action-menu-options button.danger{color:var(--danger)}.btn{background:var(--accent);color:var(--on-accent);white-space:nowrap;border:none;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:500}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:default}.btn-ghost{border:1px solid var(--border);color:var(--text-primary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--accent-soft)}.btn-danger{background:var(--danger-fill);color:var(--on-danger)}.btn-danger:hover:not(:disabled){background:var(--danger-fill-hover)}.btn-small{padding:4px 8px;font-size:12px}.load-more{width:calc(100% - 32px);margin:12px 16px;display:block}.nothing-open{text-align:center;max-width:420px;color:var(--text-secondary);margin:15vh auto 0}.nothing-open p{margin:0 0 8px}.nothing-open .nothing-open-title{color:var(--text-primary);font-size:15px;font-weight:600}.open-tabs{border-bottom:1px solid var(--border);background:var(--accent-soft);flex-shrink:0;align-items:flex-end;gap:12px;min-height:37px;padding:4px 12px 0;display:flex}.open-tabs-list{scrollbar-width:none;flex:1;gap:2px;min-width:0;display:flex;overflow-x:auto}.open-tab{min-width:100px;color:var(--text-secondary);border:1px solid #0000;border-bottom:none;border-radius:6px 6px 0 0;flex:0 200px;align-items:center;margin-bottom:-1px;display:flex}.open-tab:hover{color:var(--text-primary)}.open-tab.active{border-color:var(--border);background:var(--surface);color:var(--text-primary);font-weight:500}.open-tab-main{min-width:0;font:inherit;color:inherit;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:8px;padding:7px 4px 7px 12px;font-size:13px;display:flex}.open-tab-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.open-tab-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.open-tab-kind{color:var(--text-secondary);flex-shrink:0;font-size:11px;font-weight:400}.open-tab-kind.writing{color:var(--accent);font-weight:600}.open-tab-close{width:20px;height:20px;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;flex-shrink:0;margin-right:4px;padding:0;font-size:15px;line-height:1}.open-tab-close:hover{background:var(--accent-soft);color:var(--text-primary)}.pane-close{width:32px;height:32px;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:22px;line-height:1;display:none}.open-tab.beside{background:var(--surface);box-shadow:inset 0 -2px 0 var(--accent)}.open-tabs-add{width:28px;height:28px;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;flex-shrink:0;align-self:center;margin:0 0 4px 4px;padding:0;font-size:18px;line-height:1}.open-tabs-add:hover{background:var(--surface);color:var(--text-primary)}.open-tabs.dropping{box-shadow:inset 0 0 0 2px var(--accent)}.split{flex:1;min-height:0;display:flex;position:relative}.split-pane{flex-direction:column;flex:1 1 0;min-width:0;display:flex;overflow:hidden}.split-side{border-left:1px solid var(--border)}.split-side .pane-close{display:flex}.split.beside-left .split-side{border-left:none;border-right:1px solid var(--border);order:-1}.pane-swap{font-size:16px}.drop-zones{z-index:5;gap:8px;display:flex;position:absolute;inset:8px}.drop-zone{border:2px dashed var(--accent);background:var(--accent-soft);color:var(--accent);text-align:center;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:24px;font-weight:500;display:flex}.drop-zone.over{background:var(--ai-tint)}.sidebar-toggle{width:28px;height:28px;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:0;font-size:16px;line-height:1}.sidebar-toggle:hover{background:var(--accent-soft);color:var(--text-primary)}.sidebar-rail{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;align-items:center;width:44px;padding-top:12px;display:flex}@media (width>=768px){.app.sidebar-closed .sidebar{display:none}}.mode-toggle{background:var(--accent-soft);border-radius:6px;align-self:flex-start;gap:2px;padding:2px;display:flex}.mode-toggle button{color:var(--text-secondary);background:0 0;border:none;border-radius:4px;padding:2px 12px;font-size:12px;font-weight:500}.mode-toggle button.active{background:var(--surface);color:var(--text-primary);box-shadow:0 1px 2px #00000014}.field{flex-direction:column;gap:4px;margin-bottom:12px;font-size:12px;font-weight:500;display:flex}.field input{border:1px solid var(--border);background:var(--bg);color:var(--text-primary);border-radius:6px;padding:8px 12px;font-family:inherit;font-size:14px;font-weight:400}.field input:focus{border-color:var(--accent);outline:none}.form-error{color:var(--danger);margin:0 0 12px;font-size:12px}.ai-tag{background:var(--accent);color:var(--on-accent);letter-spacing:.04em;border-radius:3px;padding:0 4px;font-size:9px;font-weight:700}.voice-button{border:1px solid var(--border);color:var(--text-primary);background:0 0;align-items:center;gap:6px;display:inline-flex}.voice-button:hover:not(:disabled){background:var(--accent-soft)}.voice-button.recording{background:var(--danger-fill);border-color:var(--danger-fill);color:var(--on-danger)}.voice-button.recording:hover:not(:disabled){background:var(--danger-fill-hover)}.ask-bar-row .voice-button{flex-shrink:0}.recording-dot{background:var(--on-danger);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite recording-pulse}@keyframes recording-pulse{50%{opacity:.3}}.ask-bar-error{margin:0}.results-bar{border-bottom:1px solid var(--border);min-height:41px;color:var(--text-secondary);align-items:center;gap:12px;padding:4px 16px;font-size:12px;display:flex}.results-bar .results-bar-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar-footer{border-top:1px solid var(--border);color:var(--text-secondary);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;font-size:12px;display:flex}.sidebar-footer-actions{flex-shrink:0;gap:8px;display:flex}.signed-in-as{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.notice{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;font-size:12px;display:flex}.notice-success{background:var(--surface);color:var(--text-primary)}.notice-error{background:color-mix(in srgb, var(--danger) 8%, transparent);color:var(--danger)}.notice-dismiss{color:inherit;opacity:.6;background:0 0;border:none;padding:0 4px;font-size:16px;line-height:1}.notice-dismiss:hover{opacity:1}.sidebar-tabs{border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.sidebar-tabs button{color:var(--text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 0;font-size:13px;font-weight:500;display:inline-flex}.sidebar-tabs button.active{color:var(--text-primary);border-bottom-color:var(--accent)}.due-count{background:var(--danger-fill);min-width:18px;height:18px;color:var(--on-danger);border-radius:9px;padding:0 5px;font-size:11px;font-weight:600;line-height:18px}.credits-banner{background:var(--danger-fill);color:var(--on-danger);flex-shrink:0;font-size:12px;line-height:1.4}.credits-banner-row{justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 16px;display:flex}.credits-banner-row+.credits-banner-row{border-top:1px solid #ffffff40}.credits-banner-hide{color:var(--on-danger);background:0 0;border:none;flex-shrink:0;padding:0;font-size:12px;text-decoration:underline}.login-screen{justify-content:center;align-items:center;min-height:100dvh;padding:16px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;max-width:360px;padding:32px 24px}.login-card h1{margin:0 0 8px;font-size:22px}.login-card p{font-size:14px;line-height:1.5}.login-hint{color:var(--text-secondary);margin:0 0 16px}.login-submit{width:100%;padding:8px 12px}.login-secondary{width:100%;margin-top:8px;padding:8px 12px}.accounts-panel{border-bottom:1px solid var(--border);font-size:12px}.accounts-header{justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.accounts-heading{color:var(--text-primary);background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:600;display:flex}.accounts-chevron{width:12px;color:var(--text-secondary)}.accounts-summary{color:var(--text-secondary);font-weight:400}.accounts-empty{color:var(--text-secondary);margin:0;padding:0 16px 12px}.accounts-list{margin:0;padding:0 0 8px;list-style:none}.temp-dot{border:2px dashed var(--text-secondary);border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.account-dot-button.temp-dot{border:2px dashed var(--text-secondary);background:0 0}.temp-addresses{flex-direction:column;display:flex}.temp-list{margin:0;padding:0 0 8px;list-style:none}.temp-row{flex-direction:column;padding-bottom:4px;display:flex}.temp-row:hover{background:var(--accent-soft)}.temp-row .account-row:hover{background:0 0}.temp-row.hidden-account .temp-address{color:var(--text-secondary);text-decoration:line-through}.temp-address{font-family:IBM Plex Mono,SF Mono,Consolas,monospace}.temp-row-meta{color:var(--text-secondary);padding-left:59px;padding-right:16px}.icon-button{min-width:28px;padding-left:4px;padding-right:4px;font-size:14px;line-height:1}.temp-confirm-row{flex-wrap:wrap;align-items:center;gap:4px 8px;padding-top:4px;display:flex}.temp-confirm{color:var(--danger)}.temp-form{border:1px solid var(--border);background:var(--bg);border-radius:6px;flex-direction:column;gap:8px;margin:0 16px 8px;padding:8px 12px;display:flex}.temp-form input,.temp-form select{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);border-radius:6px;padding:4px 8px;font-family:inherit;font-size:13px}.temp-form-title{font-weight:600}.temp-form-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.temp-hint{color:var(--text-secondary);margin:0}.temp-error{margin:0 16px 8px}.temp-chip{border:1px solid var(--border);color:var(--text-secondary);vertical-align:1px;border-radius:4px;margin-right:4px;padding:0 5px;font-size:10px;font-weight:600;display:inline-block}.temp-notice{background:var(--accent-soft);border-radius:6px;margin-bottom:12px;padding:8px 12px;font-size:13px}.account-row{align-items:center;gap:8px;padding:4px 16px;display:flex}.account-row:hover{background:var(--accent-soft)}.account-row input[type=checkbox]{accent-color:var(--accent);cursor:pointer;margin:0}.account-row.hidden-account .account-name{color:var(--text-secondary);text-decoration:line-through}.account-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.account-name{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;flex:1;min-width:0;overflow:hidden}.color-picker{display:flex;position:relative}.account-dot-button{border:1px solid #0000001f;width:14px;height:14px;padding:0}.account-dot-button:hover,.account-dot-button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.color-picker-popover{z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:8px;position:absolute;top:calc(100% + 4px);left:-8px;box-shadow:0 4px 16px #00000014}.color-swatches{grid-template-columns:repeat(4,24px);gap:8px;display:grid}.color-swatch{border:1px solid #0000001f;border-radius:50%;width:24px;height:24px;padding:0}.color-swatch:hover,.color-swatch:focus-visible{outline:2px solid var(--border);outline-offset:1px}.color-swatch.selected{outline:2px solid var(--accent);outline-offset:1px}.color-custom{border-top:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;margin-top:8px;padding-top:8px;font-size:12px;display:flex}.color-custom input[type=color]{cursor:pointer;background:0 0;border:none;width:24px;height:24px;padding:0}.add-account{position:relative}.add-account-menu{z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:6px;min-width:200px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 16px #00000014}.add-account-option{text-align:left;width:100%;color:var(--text-primary);background:0 0;border:none;border-radius:4px;flex-direction:column;padding:8px 12px;text-decoration:none;display:flex}.add-account-option:hover,.add-account-option:focus-visible{background:var(--accent-soft);outline:none}.add-account-label{font-size:13px;font-weight:500}.add-account-hint{color:var(--text-secondary);font-size:11px}.add-account-error{color:var(--danger);margin:4px 12px 8px;font-size:11px}.connect-dialog{border:1px solid var(--border);background:var(--surface);width:min(420px,100vw - 32px);color:var(--text-primary);border-radius:8px;padding:24px;box-shadow:0 8px 32px #0000001f}.connect-dialog::backdrop{background:#0000004d}.connect-dialog h2{margin:0 0 4px;font-size:18px}.dialog-hint{color:var(--text-secondary);margin:0 0 16px;font-size:12px;line-height:1.5}.server-settings{margin-bottom:12px;font-size:12px}.server-settings summary{cursor:pointer;color:var(--text-secondary);margin-bottom:8px}.server-settings-fields{gap:8px;display:flex}.server-settings-fields .field{flex:1;min-width:0}.server-settings-fields .field-port{flex:0 0 80px}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.list-header{border-bottom:1px solid var(--border);background:var(--accent-soft);justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;display:flex}.folder-switch{background:var(--bg)}.sync-status{color:var(--text-secondary);align-items:center;gap:8px;margin-left:auto;font-size:12px;display:flex}.search-empty{color:var(--text-secondary);margin:0;padding:16px;font-size:13px}.message-list-item{border-bottom:1px solid var(--border);cursor:pointer;box-shadow:inset 4px 0 0 var(--account-color,transparent);padding:12px 16px;position:relative}.message-list-item:hover,.message-list-item.selected{background:var(--accent-soft)}.message-list-item.temp-mail{box-shadow:none}.message-list-item.temp-mail:before{content:"";background:repeating-linear-gradient(to bottom, var(--account-color) 0 6px, transparent 6px 10px);width:4px;position:absolute;top:0;bottom:0;left:0}.message-list-item-top{justify-content:space-between;align-items:baseline;margin-bottom:2px;display:flex}.sender{font-size:13px;font-weight:600}.date{color:var(--text-secondary);flex-shrink:0;align-items:center;gap:4px;margin-left:8px;font-family:IBM Plex Mono,SF Mono,Consolas,monospace;font-size:11px;display:inline-flex}.subject{margin-bottom:2px;font-size:13px}.snippet{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.email-detail{max-width:680px;margin:0 auto}.email-detail .received-by{border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;align-items:center;gap:8px;margin-bottom:12px;padding:2px 8px;font-size:12px;display:inline-flex}.email-detail .subject{margin-bottom:4px;font-size:22px;font-weight:700}.email-detail .meta{color:var(--text-secondary);margin-bottom:24px;font-family:IBM Plex Mono,SF Mono,Consolas,monospace;font-size:12px}.email-detail .attachments{flex-wrap:wrap;gap:8px;margin:-12px 0 24px;padding:0;list-style:none;display:flex}.email-detail .attachments button{border:1px solid var(--border);background:var(--surface);max-width:100%;color:var(--text-primary);text-align:left;border-radius:4px;align-items:baseline;gap:8px;padding:4px 8px;font-family:IBM Plex Mono,SF Mono,Consolas,monospace;font-size:12px;display:flex}.email-detail .attachments button:hover:not(:disabled){border-color:var(--accent)}.email-detail .attachments button:disabled{cursor:default}.email-detail .attachments .attachment-name{overflow-wrap:anywhere}.email-detail .attachments .attachment-size{color:var(--text-secondary);flex-shrink:0}.email-detail .body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6}.email-detail .images-hidden{background:var(--accent-soft);color:var(--text-secondary);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:8px 12px;font-size:13px;display:flex}.email-detail .quoted-toggle{border:1px solid var(--border);background:var(--accent-soft);color:var(--text-secondary);letter-spacing:1px;border-radius:10px;margin-top:8px;padding:0 8px;font-size:14px;line-height:16px;display:block}.email-detail .quoted-toggle:hover{color:var(--text-primary);border-color:var(--text-secondary)}.email-detail .conversation-count{color:var(--text-secondary);white-space:nowrap;margin-left:8px;font-size:13px;font-weight:400}.email-detail .conversation{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-top:12px;overflow:hidden}.email-detail .conversation-item+.conversation-item{border-top:1px solid var(--border)}.email-detail .conversation-item.main>.conversation-row .conversation-from{color:var(--accent)}.email-detail .conversation-row{width:100%;color:var(--text-primary);text-align:left;background:0 0;border:none;align-items:baseline;gap:12px;padding:8px 12px;font-size:14px;display:flex}.email-detail .conversation-row:hover{background:var(--accent-soft)}.email-detail .conversation-toggle{width:10px;color:var(--text-secondary);flex-shrink:0;font-size:11px}.email-detail .conversation-body{padding:0 12px 12px 34px}.email-detail .conversation-body .attachments{margin:0 0 12px}.email-detail .conversation-meta{color:var(--text-secondary);overflow-wrap:anywhere;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;font-family:IBM Plex Mono,SF Mono,Consolas,monospace;font-size:12px;display:flex}.email-detail .conversation-meta .btn{flex-shrink:0;font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif}.email-detail .conversation-from{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:130px;font-weight:600;overflow:hidden}.email-detail .conversation-snippet{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-secondary);flex:1;overflow:hidden}.email-detail .conversation-date{color:var(--text-secondary);flex-shrink:0;font-size:12px}.email-detail .email-html-loading{border:1px solid var(--border);background:var(--surface);min-height:120px;color:var(--text-secondary);border-radius:8px;padding:16px;font-size:13px}.email-detail .email-html{border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;min-height:60px;display:block}.list-group-label{border-bottom:1px solid var(--border);letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);padding:8px 16px 4px;font-size:11px;font-weight:600}.pinned-tag{background:var(--accent-soft);color:var(--accent);vertical-align:middle;border-radius:4px;margin-right:8px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-block}.email-detail .meta-recipients{overflow-wrap:anywhere;margin-top:2px}.ask-bar{border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:8px;padding:12px 16px 16px;display:flex}.ask-bar-top{align-items:center;gap:8px;min-height:30px;display:flex}.ask-bar-top .mode-toggle{margin-right:auto}.ask-bar-row{gap:8px;display:flex}.ask-bar-row input{border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--text-primary);border-radius:6px;flex:1;padding:8px 12px;font-family:inherit;font-size:14px}.ask-bar-row input:focus{border-color:var(--accent);outline:none}.ask-bar-ai{background:var(--ai-tint);border-bottom-color:var(--ai-edge)}.ask-bar-ai .mode-toggle{background:var(--ai-edge)}.ask-bar-ai .ask-bar-row input:not(:focus){border-color:var(--ai-edge)}.chat-panel{max-width:680px;margin:0 auto}.chat-empty{color:var(--text-secondary)}.chat-empty .chat-example{margin:8px 0 0;font-style:italic}.chat-empty .chat-tip{margin-top:24px;font-size:13px}.chat-exchange{margin-bottom:32px}.chat-question{color:var(--accent);margin-bottom:8px;font-size:15px;font-weight:600}.chat-answer{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:12px;line-height:1.6}.citation{background:var(--accent-soft);min-width:18px;height:18px;color:var(--accent);vertical-align:text-top;border:none;border-radius:9px;justify-content:center;align-items:center;margin:0 2px;padding:0 4px;font-size:11px;font-weight:600;display:inline-flex}.citation:hover{background:var(--accent);color:var(--on-accent)}.chat-sources{margin:0 0 12px;padding-left:24px;font-size:13px}.chat-sources li{color:var(--text-secondary);margin-bottom:4px}.source-link{text-align:left;width:100%;color:var(--text-primary);background:0 0;border:none;border-radius:4px;flex-direction:column;padding:4px 8px;display:flex}.source-link:hover{background:var(--accent-soft)}.source-subject{font-weight:500}.source-meta{color:var(--text-secondary);font-family:IBM Plex Mono,SF Mono,Consolas,monospace;font-size:11px}.created-notes{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.created-note{border:1px solid var(--sticky-edge);background:var(--sticky);border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.created-note.undone{border-color:var(--border);background:var(--surface);color:var(--text-secondary)}.created-note.undone .created-note-title{text-decoration:line-through}.created-note-label{font-weight:600}.created-note-title{flex:1;min-width:0}.created-note-actions{gap:4px;display:flex}.chat-footer{color:var(--text-secondary);justify-content:space-between;align-items:flex-start;gap:12px;font-size:12px;display:flex}.chat-live-steps{color:var(--text-secondary);margin:0 0 8px;padding-left:24px;font-size:12px;line-height:1.6}.chat-steps summary{cursor:pointer}.chat-steps ol{margin:8px 0 0;padding-left:24px;line-height:1.6}.chat-cost{white-space:nowrap;margin-left:auto;font-family:IBM Plex Mono,SF Mono,Consolas,monospace;font-size:11px}.chat-thinking{color:var(--text-secondary);font-style:italic}.chat-error{color:var(--danger)}.compose{flex-direction:column;gap:12px;max-width:680px;min-height:100%;margin:0 auto;display:flex}.compose-fields{border:1px solid var(--border);background:var(--surface);border-radius:6px}.compose-row{align-items:center;gap:8px;padding:0 12px;display:flex}.compose-row+.compose-row{border-top:1px solid var(--border)}.compose-row label{width:56px;color:var(--text-secondary);flex-shrink:0;font-size:13px}.compose-row input,.compose-row select{min-width:0;color:var(--text-primary);background:0 0;border:none;flex:1;padding:8px 0;font-family:inherit;font-size:14px}.compose-row input:focus,.compose-row select:focus{outline:none}.compose-ccbcc{color:var(--accent);background:0 0;border:none;padding:4px;font-size:12px}.compose-ai{background:var(--accent-soft);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.compose-body{resize:vertical;border:1px solid var(--border);background:var(--surface);min-height:260px;color:var(--text-primary);border-radius:6px;flex:1 0 auto;padding:12px;font-family:inherit;font-size:14px;line-height:1.6}.compose-body:focus{border-color:var(--accent);outline:none}.compose-quoted-toggle summary{cursor:pointer;color:var(--text-secondary);font-size:13px}.compose-quoted{border-left:2px solid var(--border);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-secondary);margin-top:8px;padding-left:12px;font-size:13px;line-height:1.5}.compose-attachments{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.compose-attachments ul{list-style:none;display:contents}.compose-attachments li{border:1px solid var(--border);background:var(--surface);border-radius:6px;align-items:baseline;gap:8px;max-width:100%;padding:4px 4px 4px 8px;font-size:13px;display:flex}.compose-attachments .attachment-name{overflow-wrap:anywhere}.compose-attachments .attachment-size{color:var(--text-secondary);flex-shrink:0;font-size:12px}.compose-attachments button{color:var(--text-secondary);background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:16px;line-height:1}.compose-attachments button:hover:not(:disabled){color:var(--danger)}.compose-attachments-total{color:var(--text-secondary);font-size:12px}.compose-attachments-total.too-big{color:var(--danger)}.send-button{display:inline-flex;position:relative}.send-button .send-button-main{border-top-right-radius:0;border-bottom-right-radius:0}.send-button .send-button-more{border-left:1px solid color-mix(in srgb, var(--on-accent) 30%, transparent);background:var(--accent-hover);border-top-left-radius:0;border-bottom-left-radius:0;padding-left:7px;padding-right:7px;font-size:11px}.send-later-menu{z-index:30;border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-direction:column;width:280px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 12px #0000001a}.send-later-menu button:not(.btn){color:var(--text-primary);text-align:left;background:0 0;border:none;border-radius:6px;justify-content:space-between;gap:12px;padding:8px 10px;font-size:13px;display:flex}.send-later-menu button:not(.btn):hover{background:var(--accent-soft)}.send-later-heading{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);padding:6px 10px 4px;font-size:11px;font-weight:600}.send-later-when{color:var(--text-secondary)}.send-later-divider{background:var(--border);height:1px;margin:4px 6px}.send-later-pick{gap:8px;padding:4px 6px 6px;display:flex}.send-later-pick input{border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--text-primary);border-radius:6px;flex:1;padding:4px 8px;font-family:inherit;font-size:13px}.scheduled-notice{background:var(--accent-soft);border-radius:6px;margin-bottom:12px;padding:8px 12px;font-size:13px}.scheduled-notice strong{font-weight:600}.scheduled-notice.failed{background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger)}.scheduled-file{border:1px solid var(--border);background:var(--surface);border-radius:4px;align-items:baseline;gap:8px;padding:4px 8px;font-family:IBM Plex Mono,SF Mono,Consolas,monospace;font-size:12px;display:flex}.date.scheduled-failed{color:var(--danger);font-weight:600}.compose-dropping{outline:2px dashed var(--accent);outline-offset:-8px;background:var(--accent-soft)}.draft-bar{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;min-height:41px;padding:4px 12px 4px 16px;display:flex}.draft-bar .draft-bar-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.draft-assistant-chat{padding:16px}.draft-assistant-chat .chat-question,.draft-assistant-chat .chat-answer{font-size:14px}.draft-assistant-chat .chat-exchange{margin-bottom:24px}.draft-suggestion{border:1px solid var(--border);background:var(--surface);border-radius:6px;flex-direction:column;align-items:flex-start;gap:8px;margin:12px 0;padding:12px;display:flex}.draft-suggestion-label{color:var(--text-secondary);font-size:12px}.draft-suggestion-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.5}.draft-suggestion-used{color:var(--text-secondary);font-size:12px}.sending-bar{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:20;background:var(--text-primary);max-width:calc(100vw - 32px);color:var(--surface);border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 16px;font-size:14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 4px 16px #0003}.sending-bar .btn{background:var(--surface);color:var(--text-primary)}.sending-bar .notice-dismiss{color:var(--surface)}.sending-bar.failed{background:var(--danger-fill);color:var(--on-danger)}.sending-bar.failed .notice-dismiss{color:var(--on-danger)}.sending-bar-error{width:100%;font-size:12px}.note-capture{border-bottom:1px solid var(--border);padding:12px 16px}.note-capture textarea{resize:vertical;border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-primary);border-radius:6px;padding:8px 12px;font-family:inherit;font-size:14px}.note-capture textarea:focus{border-color:var(--accent);outline:none}.organize-review{border-bottom:1px solid var(--border);background:var(--bg);padding:12px 16px;font-size:13px}.organize-title{margin-bottom:8px;font-weight:600}.organize-list{margin:0;padding:0;list-style:none}.organize-list>li{margin-bottom:8px}.organize-list label{cursor:pointer;align-items:flex-start;gap:8px;display:flex}.organize-list input[type=checkbox]{accent-color:var(--accent);margin:3px 0 0}.organize-reason{color:var(--text-secondary)}.organize-order{color:var(--text-secondary);margin:4px 0 0;padding-left:24px;font-size:12px}.organize-empty{color:var(--text-secondary);margin:0 0 8px}.organize-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.notes-empty{color:var(--text-secondary);margin:0;padding:16px;font-size:13px}.notes-group-title,.notes-group-toggle{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin:0;padding:8px 16px 4px;font-size:11px;font-weight:600}.notes-group-toggle{text-align:left;background:0 0;border:none;width:100%}.note-list-item{border-bottom:1px solid var(--border);background:var(--surface);align-items:stretch;display:flex}.note-list-item:hover{background:var(--accent-soft)}.note-list-item.selected{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.note-list-item.due{box-shadow:inset 3px 0 0 var(--danger)}.note-list-item.done .note-title{color:var(--text-secondary);text-decoration:line-through}.note-list-item.dragging{z-index:2;position:relative;box-shadow:0 4px 16px #0000001f}.note-list-main{text-align:left;min-width:0;color:inherit;cursor:pointer;background:0 0;border:none;flex:1;padding:12px 16px 12px 0}.note-list-item>.note-list-main:first-child{padding-left:16px}.drag-handle{cursor:grab;touch-action:none;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;padding:0;display:flex}.drag-handle:active{cursor:grabbing}.drag-handle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.drag-dots{background-image:radial-gradient(circle, var(--text-secondary) 1.2px, transparent 1.4px);opacity:.6;background-position:0 0;background-size:4px 5px;width:8px;height:14px}.drag-handle:hover .drag-dots{opacity:1}.note-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.note-preview{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.note-list-chips{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.mini-chip{background:var(--accent-soft);color:var(--text-secondary);white-space:nowrap;border-radius:4px;padding:0 6px;font-size:11px}.mini-chip.due{background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger);font-weight:600}.mini-chip.done{text-decoration:line-through}.note-detail{flex-direction:column;display:flex}.note-detail .note-body{flex:1 0 auto;margin-bottom:12px}.note-body{resize:vertical;border:1px solid var(--border);background:var(--surface);width:100%;min-height:160px;color:var(--text-primary);border-radius:8px;padding:12px;font-family:inherit;font-size:15px;line-height:1.6}.note-body:focus{border-color:var(--accent);outline:none}.save-state{white-space:nowrap;color:var(--text-secondary);align-self:center;font-size:12px;font-weight:400}.save-state.error{color:var(--danger)}.note-addons{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}.addon-status-row{flex-wrap:wrap;gap:8px;display:flex}.linked-section{border:1px solid var(--border);background:var(--surface);border-radius:8px}.linked-section summary{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 12px;font-size:12px;font-weight:600}.linked-section[open] summary{border-bottom:1px solid var(--border)}.linked-list{margin:0;padding:0;list-style:none}.linked-row{align-items:center;gap:8px;padding:4px 8px 4px 0;display:flex}.linked-row+.linked-row{border-top:1px solid var(--border)}.linked-main{text-align:left;min-width:0;color:var(--text-primary);background:0 0;border:none;border-radius:4px;flex:1;align-items:baseline;gap:12px;padding:8px 12px;display:flex}.linked-main:hover{background:var(--accent-soft)}.linked-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.linked-meta{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-size:11px}.addon-chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:4px;max-width:100%;padding:2px 4px 2px 8px;font-size:13px;display:inline-flex}.addon-chip.reminder.due{border-color:color-mix(in srgb, var(--danger) 50%, transparent);background:color-mix(in srgb, var(--danger) 6%, transparent);color:var(--danger)}.addon-chip.reminder.done .addon-chip-main{color:var(--text-secondary);text-decoration:line-through}.addon-chip-main{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:inherit;color:inherit;text-align:left;background:0 0;border:none;padding:2px 0;overflow:hidden}button.addon-chip-main:hover{text-decoration:underline}.reminder-done{cursor:pointer;display:inline-flex}.reminder-done input{accent-color:var(--accent);cursor:pointer;margin:0}.addon-remove{width:22px;height:22px;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;flex-shrink:0;padding:0;font-size:15px;line-height:1}.addon-remove:hover{background:var(--accent-soft);color:var(--text-primary)}.add-addon-options{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.add-addon-options button{border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:4px 12px;font-size:13px}.add-addon-options button:hover{background:var(--accent-soft)}.confirm-delete{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:inline-flex}.ai-heads-up{border:1px solid var(--border);border-radius:6px;margin-bottom:12px}.composer-addons{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.addon-chip.fixed{background:var(--accent-soft);color:var(--text-secondary);border-color:#0000;padding-right:8px}.composer-actions{align-items:flex-start;gap:8px;margin-top:8px;display:flex}.composer-save{gap:8px;margin-left:auto;display:flex}.note-composer .addon-picker{margin:8px 0 0}.addon-picker{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-bottom:12px;padding:12px}.addon-picker-title{color:var(--text-secondary);margin-bottom:8px;font-size:12px;font-weight:600}.quick-picks{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.picker-row{flex-wrap:wrap;gap:8px;display:flex}.picker-row input{border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--text-primary);border-radius:6px;flex:1;padding:4px 8px;font-family:inherit;font-size:14px}.picker-results{max-height:280px;margin:8px 0 0;padding:0;list-style:none;overflow-y:auto}.picker-results button{text-align:left;background:0 0;border:none;border-radius:4px;flex-direction:column;width:100%;padding:8px;display:flex}.picker-results button:hover{background:var(--accent-soft)}.picker-result-title{font-size:13px;font-weight:500}.picker-result-meta{color:var(--text-secondary);font-size:11px}.picker-empty{color:var(--text-secondary);margin:8px 0 0;font-size:13px}.sticky-notes{flex-wrap:wrap;align-items:flex-start;gap:8px;margin-bottom:16px;display:flex}.sticky-note{border:1px solid var(--sticky-edge);background:var(--sticky);text-align:left;max-width:260px;color:var(--text-primary);border-radius:4px;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 12px;display:flex;box-shadow:0 1px 3px #0000000f}.sticky-note:hover{box-shadow:0 2px 6px #0000001f}.sticky-note-title{font-size:13px;font-weight:500}.sticky-note-form{border:1px solid var(--sticky-edge);background:var(--sticky);border-radius:4px;flex-basis:100%;padding:8px}.sticky-note-form textarea{resize:vertical;border:1px solid var(--sticky-edge);background:var(--sticky-field);width:100%;color:var(--text-primary);border-radius:4px;padding:8px;font-family:inherit;font-size:14px}.sticky-note-form textarea:focus{border-color:var(--sticky-edge-strong);outline:none}.notes-group-header{justify-content:space-between;align-items:center;padding-right:16px;display:flex}.notes-group-header .btn{margin-top:4px}.notes-organize-error{margin:0;padding:0 16px 8px}.note-start{border-bottom:1px solid var(--border);padding:12px 16px}.note-start .form-error{margin:8px 0 0}.note-start-row{gap:8px;display:flex}.note-start-button{border:1px solid var(--border);background:var(--bg);min-width:0;min-height:44px;color:var(--text-secondary);text-align:left;border-radius:6px;flex:1;padding:8px 12px;font-family:inherit;font-size:16px}.new-note-page .note-composer textarea{resize:none;border:1px solid var(--border);background:var(--surface);width:100%;min-height:40vh;color:var(--text-primary);border-radius:6px;padding:12px;font-family:inherit;font-size:16px;line-height:1.5}.new-note-page .note-composer textarea:focus{border-color:var(--accent);outline:none}.settings{flex-direction:column;gap:32px;max-width:680px;margin:0 auto;display:flex}.settings .mode-toggle button{padding:6px 16px;font-size:13px}.settings-section{flex-direction:column;gap:12px;display:flex}.settings-section h2{margin:0;font-size:15px;font-weight:600}.settings-hint{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5;display:block}.settings-check{cursor:pointer;align-items:flex-start;gap:8px;font-size:14px;display:flex}.settings-check input{accent-color:var(--accent);margin-top:3px}.settings-check .settings-hint{margin-top:2px}.settings-signature{flex-direction:column;gap:4px;display:flex}.settings-signature label{align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.settings-signature textarea{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);resize:vertical;border-radius:6px;padding:8px 12px;font-family:inherit;font-size:14px;line-height:1.5}.settings-signature textarea:focus{border-color:var(--accent);outline:none}.pane-note{color:var(--text-secondary);font-size:12px}.settings-button.active{background:var(--accent-soft);border-color:var(--accent-soft)}@media (width<=767px){.phone-only{display:block}.phone-bar{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.phone-bar .add-account-menu,.phone-bar .color-picker-popover{top:auto;bottom:calc(100% + 4px)}.phone-bar-main{justify-content:space-between;align-items:center;min-height:48px;padding:0 16px;display:flex}.phone-bar-panel{border-bottom:1px solid var(--border);background:var(--bg);padding-top:8px}.phone-bar-panel .accounts-list{max-height:40vh;padding-bottom:4px;overflow-y:auto}.phone-bar-row{border-top:1px solid var(--border);min-height:48px;color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;padding:0 16px;font-size:13px;display:flex}.sidebar{border-right:none;width:100%}.app.phone-shows-list .main-pane,.app.phone-shows-main .sidebar{display:none}.pane-bar{padding:4px 16px}.pane-bar-inner{min-height:44px}.pane-back{font-size:15px}.pane-body{padding:16px 16px 24px}.desktop-only{display:none!important}.pane-close{width:36px;height:36px;display:flex}.split-side,.drop-zones{display:none}.phone-open-chat{border:none;border-bottom:1px solid var(--border);background:var(--accent-soft);text-align:left;width:100%;min-height:44px;color:var(--accent);padding:8px 16px;font-size:14px}.email-detail .conversation-from{width:90px}.email-detail .conversation-body{padding-left:12px}.compose-bar .pane-title{display:none}.ask-bar-row input,.temp-form input,.temp-form select,.compose-row input,.compose-row select,.compose-body,.field input,.note-capture textarea,.note-body,.picker-row input,.sticky-note-form textarea,.settings-signature textarea{font-size:16px}.sidebar-tabs button{min-height:44px;font-size:14px}.note-list-main{padding-top:14px;padding-bottom:14px}.drag-handle{width:40px}.note-title{font-size:14px}.addon-remove{width:28px;height:28px}.linked-main{flex-direction:column;gap:2px;min-height:44px}.linked-title{width:100%}.add-addon-options button{min-height:40px}.picker-results button{min-height:44px}.btn{min-height:40px;font-size:14px}.btn-small{min-height:32px;padding:4px 12px;font-size:13px}.mode-toggle button{padding:6px 14px;font-size:13px}.accounts-header{min-height:44px}.accounts-heading{font-size:13px}.account-row{min-height:44px;padding:4px 16px}.account-row input[type=checkbox]{width:18px;height:18px}.account-name{font-size:14px}.account-dot-button{width:22px;height:22px}.temp-row-meta{padding-left:72px}.icon-button{min-width:36px;min-height:32px;font-size:16px}.add-account-option{min-height:44px}.message-list-item{padding:14px 16px}.sender,.subject{font-size:14px}.snippet{font-size:13px}.email-detail .subject{font-size:20px}.email-detail .body{font-size:15px}.chat-question{font-size:16px}.chat-answer{font-size:15px}.citation{min-width:22px;height:22px;font-size:12px}.source-link{min-height:44px}.login-screen{padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom)}}