:root{--sidebar-width: 220px;--bg-primary: #ffffff;--bg-secondary: #f5f5f7;--bg-sidebar: #1e1e2e;--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-sidebar: #cdd6f4;--text-sidebar-active: #ffffff;--accent: #0071e3;--accent-hover: #0077ed;--border: #d2d2d7;--success: #30d158;--warning: #ff9f0a;--error: #ff453a;--sidebar-active-bg: rgba(255,255,255,.1);font-family:Segoe UI,system-ui,-apple-system,sans-serif}@media (prefers-color-scheme: dark){:root{--bg-primary: #1c1c1e;--bg-secondary: #2c2c2e;--text-primary: #f5f5f7;--text-secondary: #98989d;--border: #38383a}}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);overflow:hidden;height:100vh}#app{display:flex;height:100vh}.modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#00000073}.modal-content{width:100%;max-width:460px;max-height:85vh;overflow-y:auto;padding:24px;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px #00000059}.modal-content h2,.form-group{margin-bottom:14px}.form-group label{display:block;margin-bottom:6px;font-size:13px;font-weight:600}.form-input{width:100%;padding:9px 11px;font-size:14px;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px}.form-input:focus{outline:none;border-color:var(--accent)}.setting-input{width:100%;font-family:inherit;font-size:14px;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:8px 10px;caret-color:var(--text-primary)}.setting-input:focus{outline:none;border-color:var(--accent)}textarea.js-reply-body{font-size:15px;line-height:1.5;caret-color:var(--accent)}.form-actions,.header-actions,.account-actions{display:flex;flex-wrap:wrap;gap:8px}.form-actions{margin-top:18px}.yahoo-instructions{margin-bottom:16px;font-size:13px;line-height:1.45}.yahoo-instructions p{margin-bottom:8px}.oauth-status{margin-top:12px;font-size:13px}.muted{color:var(--text-secondary)}.oauth-status .error,p.error{color:var(--error)}.oauth-status .success,p.success{color:var(--success)}.oauth-status .loading,p.loading{color:var(--text-secondary)}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);color:var(--text-sidebar);display:flex;flex-direction:column;flex-shrink:0;user-select:none}.sidebar-header{padding:20px 16px 12px;font-size:18px;font-weight:700;letter-spacing:-.3px;color:var(--text-sidebar-active)}.sidebar-nav{flex:1;padding:4px 8px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:13px;transition:background .15s;color:var(--text-sidebar);text-decoration:none}.nav-item:hover{background:var(--sidebar-active-bg)}.nav-item.active{background:var(--sidebar-active-bg);color:var(--text-sidebar-active);font-weight:600}.nav-icon{font-size:16px;width:20px;text-align:center}.sidebar-footer{padding:12px 16px;font-size:11px;color:var(--text-secondary);border-top:1px solid rgba(255,255,255,.08)}.sidebar-status-jobs{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:11px;color:var(--text-sidebar)}.sidebar-version{font-size:10px;color:#ffffff59}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-dot-idle{background:var(--text-secondary)}.status-dot-active{background:var(--success);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.main-content{flex:1;overflow-y:auto;padding:24px;background:var(--bg-primary)}.back-bar{position:sticky;top:0;z-index:20;margin:-24px -24px 16px;padding:12px 24px;background:var(--bg-primary);transition:transform .18s ease,box-shadow .18s ease}.back-bar.stuck{box-shadow:0 1px 0 var(--border),0 4px 12px #00000014}.back-bar.hidden-up{transform:translateY(-110%);pointer-events:none;box-shadow:none}.screen-title{font-size:24px;font-weight:700;margin-bottom:16px}.screen-subtitle{color:var(--text-secondary);margin-bottom:24px}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:16px}.card-title{font-size:16px;font-weight:600;margin-bottom:12px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--error);color:#fff}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.badge-running{background:var(--accent);color:#fff}.badge-completed{background:var(--success);color:#fff}.badge-failed{background:var(--error);color:#fff}.badge-pending{background:var(--warning);color:#fff}.badge-paused{background:var(--text-secondary);color:#fff}.progress-bar{width:100%;height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin:8px 0}.progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s}.sync-progress{margin-top:10px}.sync-progress-bar{width:100%;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.sync-progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s}.sync-progress-label{margin-top:4px;font-size:12px;color:var(--text-secondary, #888)}.sync-toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;user-select:none;font-size:12px;color:var(--text-secondary, #888)}.sync-toggle input{position:absolute;opacity:0;width:0;height:0}.sync-toggle-slider{position:relative;width:34px;height:18px;background:var(--border);border-radius:9px;transition:background .2s;flex-shrink:0}.sync-toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .2s}.sync-toggle input:checked+.sync-toggle-slider{background:var(--accent)}.sync-toggle input:checked+.sync-toggle-slider:before{transform:translate(16px)}.sync-toggle input:focus-visible+.sync-toggle-slider{outline:2px solid var(--accent);outline-offset:1px}.sync-card.sync-off{opacity:.7}.toast-container{position:fixed;bottom:16px;right:16px;z-index:1000;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 16px;border-radius:8px;font-size:13px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease;max-width:350px}.toast-info{background:var(--accent);color:#fff}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--error);color:#fff}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.search-input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:8px;font-size:15px;background:var(--bg-secondary);color:var(--text-primary);outline:none}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0071e326}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);font-size:13px}.table th{font-weight:600;color:var(--text-secondary);font-size:12px;text-transform:uppercase}.file-list{list-style:none;margin:8px 0}.file-list li{padding:6px 0;font-size:13px;color:var(--text-secondary)}.import-actions{display:flex;gap:8px;margin-top:12px}.import-job-card{padding:14px;border:1px solid var(--border);border-radius:8px;margin-bottom:10px}.import-stats-row{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary);margin-top:4px;gap:8px}.import-run-detail{padding:12px;background:var(--bg-primary);border-radius:6px}.import-history-row:hover{background:#0071e30a}.import-history-row.expanded{background:#0071e30f}.btn-sm{padding:4px 10px;font-size:11px}.select-group{margin-bottom:12px}.select-group label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.select-group select{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:13px}.search-screen{display:flex;flex-direction:column;height:100%;overflow:hidden;margin:-24px;padding:0}.search-top-bar{padding:16px 20px 8px;border-bottom:1px solid var(--border);background:var(--bg-primary);flex-shrink:0;position:relative}.search-bar-row{display:flex;align-items:center;gap:10px}.search-input-wrap{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;font-size:16px;pointer-events:none;opacity:.5}.search-input-main{padding-left:38px;padding-right:70px}.search-clear-btn{position:absolute;right:6px}.account-quick-filter{padding:6px 10px;font-size:13px;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);min-width:160px;max-width:220px;cursor:pointer;flex-shrink:0}.account-quick-filter:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #007aff26}.attachment-type-filter,.attachment-scope,.mailbox-scope-select,.search-mode-select,.extraction-batch-select{padding:6px 10px;font-size:13px;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);min-width:110px;max-width:150px;cursor:pointer;flex-shrink:0}.attachment-type-filter:focus,.attachment-scope:focus,.mailbox-scope-select:focus,.search-mode-select:focus,.extraction-batch-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #007aff26}.include-att-label{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;flex-shrink:0}.include-att-label input[type=checkbox]{margin:0;cursor:pointer}.include-att-label:hover{color:var(--text-primary)}.result-att-match{font-size:11px;color:var(--text-secondary);padding:2px 0 0 2px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-att-match .att-match-snippet{font-style:italic}.result-att-match .att-match-snippet mark{background:var(--highlight, rgba(255,200,0,.3));border-radius:2px;padding:0 1px}.recent-searches{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0000001f;z-index:100;max-height:240px;overflow-y:auto}.recent-label{padding:8px 12px 4px;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.recent-item{padding:8px 12px;font-size:13px;cursor:pointer}.recent-item:hover{background:#0071e314}.active-filter-chips{display:flex;flex-wrap:wrap;gap:6px;padding:6px 0 2px;min-height:8px}.filter-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:#0071e31a;color:var(--accent);border-radius:12px;font-size:11px;font-weight:500}.filter-chip button{background:none;border:none;color:var(--accent);font-size:14px;cursor:pointer;padding:0 2px;line-height:1}.filter-panel{display:flex;flex-wrap:wrap;gap:12px;padding:12px 0 4px;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:4px;min-width:130px}.filter-group label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.filter-group-checkbox label{font-size:12px;text-transform:none;display:flex;align-items:center;gap:6px;cursor:pointer}.filter-input{padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:12px}.filter-input:focus{border-color:var(--accent);outline:none}.filter-checkboxes{display:flex;flex-direction:column;gap:2px;max-height:80px;overflow-y:auto}.filter-checkbox-label{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer;font-weight:400!important;text-transform:none!important}.search-panels{flex:1;display:flex;overflow:hidden}.search-results-panel{width:40%;min-width:280px;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.search-results-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--border);font-size:12px;color:var(--text-secondary);flex-shrink:0}.results-count{font-weight:600}.results-hint,.results-loading{font-size:12px;color:var(--text-secondary)}.sort-controls{display:flex;gap:4px}.search-results-list{flex:1;overflow-y:auto;outline:none}.result-item{padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.result-item:hover{background:#0071e30a}.result-item-selected{background:#0071e314!important;border-left:3px solid var(--accent);padding-left:13px}.result-item-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.result-sender{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:8px}.result-date{font-size:11px;color:var(--text-secondary);flex-shrink:0}.result-subject{font-size:13px;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-snippet{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-right:7px;align-self:center}.result-item--unread{background:#0071e308}.result-item--unread .result-sender,.result-item--unread .result-subject{font-weight:700}.result-item--unread .result-snippet{color:var(--text-primary)}.result-snippet mark,.result-subject mark{background:#ffc80059;color:inherit;padding:0 1px;border-radius:2px}.results-empty{padding:40px 20px;text-align:center;color:var(--text-secondary);font-size:14px}.load-more-row{padding:12px 16px;text-align:center}.search-preview-panel{flex:1;overflow-y:auto}.preview-content{height:100%}.preview-empty,.preview-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-size:14px}.preview-header{padding:20px;border-bottom:1px solid var(--border)}.preview-subject{font-size:18px;font-weight:700;margin-bottom:12px}.preview-meta{font-size:13px;line-height:1.6}.preview-meta strong{color:var(--text-secondary)}.preview-date{color:var(--text-secondary);margin-top:4px}.preview-actions{display:flex;gap:8px;margin-top:12px}.preview-locations{padding:10px 20px;font-size:12px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--text-secondary)}.location-tag{display:inline-block;padding:2px 8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;font-size:11px}.preview-body{padding:20px;font-size:14px;line-height:1.7;white-space:pre-wrap;word-wrap:break-word}.preview-body a{color:var(--accent)}.email-quote{border-left:3px solid var(--border);padding-left:12px;margin:4px 0;color:var(--text-secondary);font-size:13px}.stat-box{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:14px}.stat-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;margin-bottom:4px}.stat-value{font-size:20px;font-weight:700}.stat-sub{font-size:11px;color:var(--text-secondary);margin-top:2px}.diag-table{width:100%;border-collapse:collapse;font-size:13px}.diag-table th,.diag-table td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--border)}.diag-table th{font-weight:600;color:var(--text-secondary);font-size:11px;text-transform:uppercase}.diag-table tr:last-child td{border-bottom:none}.diag-table tr[data-run-id]:hover{background:var(--bg-secondary)}.diag-table tr.row-selected{background:#007aff1f}.diag-table a{color:var(--accent, #007aff);text-decoration:none}.diag-table a:hover{text-decoration:underline}.log-level{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.log-level-error{background:var(--error);color:#fff}.log-level-warn{background:var(--warning);color:#fff}.log-level-info{background:var(--accent);color:#fff}.log-level-debug{background:var(--text-secondary);color:#fff}.log-error td{color:var(--error)}#log-level-filter,#log-search{padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:13px}#log-level-filter:focus,#log-search:focus{border-color:var(--accent);outline:none}.btn[disabled]{opacity:.5;cursor:not-allowed}.is_inline{display:none}.attachment-badge{display:inline-block;font-size:11px;padding:1px 6px;border-radius:8px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);margin-left:6px;vertical-align:middle;white-space:nowrap}.att-type-icons{display:inline-flex;gap:1px;margin-left:4px;vertical-align:middle}.att-type-icon{font-size:12px;line-height:1;cursor:default}.search-result-attachment{margin-left:1.5rem;padding:.25rem .5rem;border-left:2px solid var(--accent);font-size:.9em;color:var(--text-secondary);margin-top:4px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-attachment mark{background:#ffc80059;padding:0 2px;border-radius:2px;color:inherit}.search-result-attachment-icon{margin-right:.25rem}.result-item--attachment-only{opacity:.85;border-left:3px solid var(--accent);padding-left:13px}.result-item--attachment-only .result-sender,.result-item--attachment-only .result-subject{font-size:12px;font-weight:400}.result-item--attachment-only .result-snippet{display:none}.att-match-count{font-size:10px;color:var(--accent);margin-left:4px;font-weight:600}.extraction-badge{display:inline-block;font-size:10px;padding:2px 6px;border-radius:4px;white-space:nowrap}.extraction-badge--completed{background:#dcfce7;color:#166534}.extraction-badge--pending{background:#fef3c7;color:#92400e}.extraction-badge--failed{background:#fee2e2;color:#991b1b}.extraction-badge--skipped_thumbnail,.extraction-badge--unavailable{background:#f3f4f6;color:#6b7280}.extracted-text-panel{margin-top:6px;padding:8px;background:var(--bg-secondary);border-radius:4px;font-size:12px;white-space:pre-wrap;word-wrap:break-word;max-height:300px;overflow-y:auto;position:relative}.extracted-text-panel .copy-btn{position:absolute;top:4px;right:4px;font-size:10px;padding:2px 6px;border-radius:3px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer}.extracted-text-panel .copy-btn:hover{background:var(--border)}.attachment-item--highlighted{background:#0071e314;border-radius:4px}.extraction-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:16px}.extraction-methods-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;font-size:13px}.extraction-methods-row .method-item{display:flex;align-items:center;gap:4px}.extraction-methods-row .method-count{font-weight:600}.extraction-stat-clickable{cursor:pointer;transition:background .15s,transform .1s;user-select:none}.extraction-stat-clickable:hover{background:#0071e30f;transform:translateY(-1px)}.extraction-stat-active{background:#0071e31f!important;border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent)}.queue-widget-panel{position:fixed;z-index:1000;width:300px;max-width:calc(100vw - 16px);padding:12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0000002e;max-height:calc(100vh - 24px);overflow-y:auto}.queue-widget-field{margin-bottom:10px;display:flex;flex-direction:column;gap:4px}.queue-widget-create{margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.queue-widget-field label{font-size:11px;font-weight:600;color:var(--text-secondary)}.queue-widget-field input{padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:13px}.queue-widget-list{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto}.queue-widget-row{display:flex;align-items:center;gap:8px;padding:5px 4px;font-size:13px;border-radius:4px}.queue-widget-row:hover{background:var(--bg-primary)}.queue-widget-row-main{display:flex;align-items:center;gap:8px;cursor:pointer;min-width:0;flex:1 1 auto}.queue-widget-row-count{color:var(--text-secondary, #888);flex:0 0 auto}.queue-widget-row select{font:inherit;font-size:12px;padding:2px 4px;max-width:110px;flex:0 0 auto;border:1px solid var(--border, #ccc);border-radius:6px;background:var(--bg-primary, #fff);color:var(--text-primary, inherit)}.queues-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.queue-tab{padding:6px 14px;border:1px solid var(--border);border-radius:999px;background:var(--bg-secondary);color:var(--text-primary);font-size:13px;cursor:pointer}.queue-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.queue-tab-count{display:inline-block;min-width:18px;padding:0 5px;margin-left:4px;border-radius:999px;background:#0000001f;font-size:11px;text-align:center}.queue-tab.active .queue-tab-count{background:#ffffff40}.queue-entry{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.queue-entry--done{opacity:.55}.queue-entry-main{flex:1;min-width:0}.queue-entry-subject{font-weight:600;color:var(--text-primary);text-decoration:none}.queue-entry-subject:hover{text-decoration:underline}.queue-entry-meta{font-size:12px;color:var(--text-secondary);margin-top:2px}.queue-entry-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.queue-entry-tag{font-size:11px;padding:2px 8px;border-radius:999px;background:#0071e31f;color:var(--accent)}.queue-entry-note{font-size:12px;color:var(--text-secondary);margin-top:6px;font-style:italic}.queue-entry-actions{display:flex;gap:6px;flex-shrink:0;align-items:center}.entry-bucket-select{font:inherit;font-size:12px;padding:3px 6px;border:1px solid var(--border, #ccc);border-radius:6px;background:var(--bg-primary, #fff);color:var(--text-primary, inherit);max-width:140px}.bucket-toolbar{margin-bottom:10px}.bucket-section{margin-bottom:14px}.bucket-head{display:flex;align-items:center;gap:8px;padding:4px 2px 6px;border-bottom:1px solid var(--border, #e2e2e6);margin-bottom:8px}.bucket-name{font-weight:600}.bucket-count{font-size:12px;color:var(--text-secondary, #888)}.bucket-head-actions{margin-left:auto;display:flex;gap:4px}.bucket-body{display:flex;flex-direction:column;gap:8px}.bucket-empty{font-size:13px;margin:2px 0 4px}.sync-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;pointer-events:none;font-size:12px}.sync-bar[hidden]{display:none}.sync-drawer-toggle{pointer-events:auto;position:absolute;right:16px;bottom:12px;display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid var(--border, #e2e2e6);border-radius:999px;background:var(--bg-secondary, #f6f6f8);box-shadow:0 2px 10px #0000001f;cursor:pointer;font:inherit;font-size:12px;color:var(--text-primary, inherit);transition:opacity .18s ease,transform .18s ease}.sync-drawer-toggle:hover{transform:translateY(-1px)}.sync-bar.open .sync-drawer-toggle{opacity:0;pointer-events:none;transform:translateY(6px)}.sync-drawer-toggle-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.sync-drawer-toggle-dot.ok{background:#4caf50}.sync-drawer-toggle-dot.syncing{background:var(--accent, #007aff);animation:sync-bar-pulse 1s ease-in-out infinite}.sync-drawer-toggle-label{white-space:nowrap}.sync-drawer{pointer-events:auto;position:absolute;left:0;right:0;bottom:0;background:var(--bg-secondary, #f6f6f8);border-top:1px solid var(--border, #e2e2e6);box-shadow:0 -4px 20px #0000001f;transform:translateY(100%);transition:transform .24s cubic-bezier(.22,.61,.36,1);will-change:transform}.sync-bar.open .sync-drawer{transform:translateY(0)}.sync-drawer-head{display:flex;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid var(--border, #e2e2e6)}.sync-drawer-title{font-weight:600;margin-right:auto;text-transform:uppercase;letter-spacing:.04em;font-size:11px;color:var(--text-secondary, #888)}.sync-auto{flex:0 0 auto;display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-secondary, #888);cursor:pointer;user-select:none}.sync-auto input{cursor:pointer;margin:0}.sync-auto-int{flex:0 0 auto;padding:3px 6px;border:1px solid var(--border, #ccc);border-radius:6px;background:var(--bg-primary, #fff);color:inherit;font:inherit;font-size:12px;cursor:pointer}.sync-auto-int.is-off{opacity:.45}.sync-auto-next{flex:0 0 auto;min-width:74px;font-size:11px;font-variant-numeric:tabular-nums;color:var(--text-secondary, #888)}.sync-drawer-close{flex:0 0 auto;width:26px;height:26px;line-height:1;border:1px solid var(--border, #ccc);border-radius:6px;background:var(--bg-primary, #fff);cursor:pointer;font-size:14px}.sync-bar-items{display:flex;flex-direction:column;gap:10px;padding:12px 14px;max-height:44vh;overflow-y:auto}.sync-row{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border, #e2e2e6);border-radius:10px;background:var(--bg-primary, #fff)}.sync-row.is-syncing{border-color:var(--accent, #007aff)}.sync-row.has-error{border-color:#f4433680}.sync-row-email{flex:0 1 auto;min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.sync-row-spacer{flex:1 1 auto}.sync-prog{position:relative;flex:0 0 auto;width:110px;height:6px;border-radius:999px;background:var(--border, #e2e2e6);overflow:hidden}.sync-prog-fill{height:100%;border-radius:999px;background:var(--accent, #007aff);transition:width .3s ease}.sync-prog.indeterminate .sync-prog-fill{width:4%;animation:sync-prog-creep 30s cubic-bezier(.12,.8,.15,1) forwards}@keyframes sync-prog-creep{0%{width:4%}to{width:90%}}.sync-detail{flex:0 0 auto;font-size:11px;color:var(--text-secondary, #888);white-space:nowrap}.sync-elapsed{flex:0 0 auto;font-size:11px;font-variant-numeric:tabular-nums;color:var(--text-secondary, #888)}.sync-idle-meta{flex:0 1 auto;font-size:11px;color:var(--text-secondary, #888);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-err{flex:0 1 auto;font-size:11px;color:#f44336;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-bar-all{flex:0 0 auto;padding:4px 10px;border:1px solid var(--border, #ccc);border-radius:6px;background:var(--bg-primary, #fff);cursor:pointer;font:inherit;font-size:12px}.sync-bar-all:disabled{opacity:.5;cursor:default}.sync-bar-item{display:flex;align-items:center;gap:6px;padding:3px 8px;border:1px solid var(--border, #e2e2e6);border-radius:999px;background:var(--bg-primary, #fff);white-space:nowrap}.sync-bar-item.is-syncing{border-color:var(--accent, #007aff)}.sync-bar-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.sync-bar-dot.ok{background:#4caf50}.sync-bar-dot.error{background:#f44336}.sync-bar-dot.syncing{background:var(--accent, #007aff);animation:sync-bar-pulse 1s ease-in-out infinite}@keyframes sync-bar-pulse{0%,to{opacity:1}50%{opacity:.35}}.sync-bar-email{max-width:180px;overflow:hidden;text-overflow:ellipsis}.sync-bar-detail{color:var(--text-secondary, #888)}.sync-bar-prov{flex:0 0 auto}.sync-bar-btn{flex:0 0 auto;padding:2px 8px;border:1px solid var(--border, #ccc);border-radius:6px;background:transparent;cursor:pointer;font:inherit;font-size:11px}.sync-bar-btn.stop{border-color:#f44336;color:#f44336}.main-content{padding-bottom:16px}html,body{height:100%;width:100%;overflow-x:hidden}body{height:100dvh}#app{flex-direction:column;height:100dvh;width:100vw;max-width:100%}.sidebar{display:none}.main-content{overflow-x:hidden}.main-content>*{min-width:0;max-width:100%}.chat-layout,.chat-screen,.chat-messages,.chat-input-row,.cal-screen,.compose-root{min-width:0;max-width:100%}.chat-input{min-width:0}.chat-range-row{flex-wrap:wrap;row-gap:6px}.chat-empty{word-break:break-word}.compose-grid{grid-template-columns:52px minmax(0,1fr)}.compose-grid .setting-input{min-width:0;max-width:100%}.web-top{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top));background:var(--bg-sidebar);color:var(--text-sidebar-active)}.web-brand{font-weight:700;font-size:15px;white-space:nowrap}.web-demo-banner{flex:0 0 auto;text-align:center;font-size:12px;font-weight:600;padding:4px 12px;background:#fc6;color:#3b2a00}.web-demo-tag{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:1px 6px;border-radius:999px;background:#fc6;color:#3b2a00;margin-left:6px}.web-fresh{margin-left:auto;font-size:12px;color:var(--text-sidebar);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.web-fresh{text-decoration:none;cursor:pointer}.web-fresh.stale{color:#fc6}.web-fresh.running:before{content:"⟳ ";display:inline-block;animation:web-spin 1.2s linear infinite}@keyframes web-spin{to{transform:rotate(360deg)}}.main-content{flex:1 1 auto;min-height:0;padding:16px;-webkit-overflow-scrolling:touch}.web-nav{flex:0 0 auto;display:flex;border-top:1px solid var(--border);background:var(--bg-primary);padding-bottom:env(safe-area-inset-bottom)}.web-nav .nav-item{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;font-size:11px;color:var(--text-secondary);text-decoration:none;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.web-nav .nav-item[hidden]{display:none}.web-nav .nav-item.active{color:var(--accent);font-weight:600}.web-nav .nav-icon{font-size:20px;line-height:1}.search-screen{margin:-16px}.back-bar{margin:-16px -16px 12px;padding:10px 16px}.chat-input-row{padding-bottom:10px}.btn{min-height:34px}.result-item{padding:12px 14px}@media (max-width: 700px){.search-panels{flex-direction:column}.search-results-panel{width:100%;min-width:0;border-right:none;flex:1 1 auto}.search-preview-panel{display:none}.search-top-bar{padding:10px 12px 6px}.filter-panel{flex-wrap:wrap}.chat-layout{flex-direction:column}.chat-sidebar{width:100%!important;max-height:28vh;padding-right:0}.chat-resizer{display:none}.chat-screen{padding-left:0}.chat-head .screen-subtitle{display:none}.chat-msg{max-width:100%}.cal-screen .screen-header{gap:8px}.cal-grid{grid-auto-rows:minmax(56px,auto);gap:2px}.cal-cell{padding:2px 3px;border-radius:6px}.cal-chip{font-size:9.5px;padding:0 3px}.cal-chip-time{display:none}.cal-day-item-line{margin-left:0}.cal-modal{padding:8px}.cal-modal-card{max-height:92vh}#email-content .card>div[style*="float: right"]{float:none!important;margin-bottom:10px}.compose-grid{grid-template-columns:52px 1fr}.screen-title{font-size:20px}}@media (min-width: 701px){.web-nav{justify-content:center;gap:6px}.web-nav .nav-item{flex:0 1 200px;flex-direction:row;gap:8px;font-size:13px;padding:10px 12px}.web-nav .nav-icon{font-size:16px}.main-content{padding:20px 24px}.search-screen{margin:-20px -24px}.back-bar{margin:-20px -24px 16px;padding:12px 24px}}.sync-web{max-width:640px;margin:0 auto}.sync-web-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.sync-web-fresh{flex:1 1 auto;font-weight:600}.sync-web-note{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.sync-web-list{display:flex;flex-direction:column;gap:8px}.sync-web-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-secondary)}.sync-web-who{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-web-state{grid-column:1;font-size:13px;color:var(--text-secondary);min-width:0}.sync-web-act{grid-column:2;grid-row:1 / span 2}.sync-web-warn{color:var(--warning)}.sync-web-spin{display:inline-block;animation:web-spin 1.2s linear infinite}.sync-web-bar{height:4px;border-radius:2px;background:var(--border);margin-top:6px;overflow:hidden}.sync-web-bar>div{height:100%;background:var(--accent);transition:width .4s ease}.sync-web-h{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:20px 0 8px}.sync-web-runs{display:flex;flex-direction:column}.sync-web-run{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 10px;padding:7px 0;border-bottom:1px solid var(--border);font-size:13px}.sync-web-run-when{color:var(--text-secondary);white-space:nowrap}.sync-web-run-who{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-web-run-what{grid-column:2;color:var(--text-secondary)}.sync-web-run.failed .sync-web-run-what{color:var(--error)}.sync-web-empty{font-size:13px;color:var(--text-secondary);padding:8px 0}