:root{--bg:#121317;--bg-side:#17181d;--surface:#1c1e24;--surface-2:#23252d;--surface-3:#2b2e37;--border:#2c2f38;--border-strong:#3a3e4a;--text:#ecedf1;--text-2:#b5b8c3;--text-3:#7c808d;--accent:#8b7cf6;--accent-hover:#9d90f8;--accent-text:#0f0d1f;--accent-soft:#8b7cf629;--green:#4ade80;--red:#f87171;--red-soft:#f8717121;--amber:#fbbf24;--radius:12px;--radius-sm:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 Segoe UI,system-ui,sans-serif;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;padding:7px 10px}input:focus,select:focus,textarea:focus{border-color:var(--accent)}.boot{background:var(--bg);height:100%}.muted{color:var(--text-3)}.small{font-size:12.5px}.strong{font-weight:600}.faint{color:var(--text-3)}.nowrap{white-space:nowrap}.grow{flex:1}.c-red{color:var(--red)}.c-green{color:var(--green)}.c-amber{color:var(--amber)}.c-accent{color:var(--accent)}.row{flex-wrap:wrap;align-items:center;display:flex}.gap{gap:10px}.gap-s{gap:6px}.center{justify-content:center}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-2);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-3)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:0 0}.btn-danger-ghost{color:var(--red);background:0 0}.btn-sm{padding:5px 10px;font-size:13px}.btn-lg{padding:11px 18px;font-size:15px}.icon{width:28px;height:28px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.icon:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.icon:disabled{opacity:.35;cursor:default}.icon.danger:hover{color:var(--red);background:var(--red-soft)}.link{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0 4px;font-weight:600}.tb{height:30px;color:var(--text-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:6px;padding:0 9px;font-size:13px;font-weight:600;display:inline-flex}.tb:hover:not(:disabled){background:var(--surface-2);border-color:var(--border);color:var(--text)}.tb:disabled{opacity:.5;cursor:default}.tb.danger:hover:not(:disabled){color:var(--red)}.check{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;flex:none;margin:0}.prov{color:#fff;border-radius:5px;flex:none;place-items:center;width:18px;height:18px;font-size:11px;font-weight:800;display:inline-grid}.prov-gmail{background:#ea4335}.prov-outlook{background:#0a64d8}.app{height:100%;display:flex}.side{background:var(--bg-side);border-right:1px solid var(--border);flex-direction:column;flex:none;gap:12px;width:264px;padding:14px 10px;display:flex}.brand{align-items:center;gap:10px;padding:2px 6px;font-weight:700;display:flex}.compose-btn{width:100%}.accounts{flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:auto}.acct-head{cursor:pointer;width:100%;color:var(--text-2);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:7px 8px;display:flex}.acct-head:hover{background:var(--surface-2)}.acct-head.on{color:var(--text)}.acct-text{flex-direction:column;flex:1;min-width:0;display:flex}.acct-email{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.acct-owner{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-3);font-size:11.5px;overflow:hidden}.menu-note{color:var(--text-3);padding:6px 10px 4px;font-size:12px}.side-status{color:var(--amber);align-items:center;gap:8px;padding:6px 10px;font-size:12.5px;display:flex}.banner{border-radius:var(--radius-sm);background:var(--red-soft);color:var(--text);align-items:center;gap:8px;margin-bottom:10px;padding:9px 12px;display:flex}fieldset.plain{border:0;min-width:0;margin:0;padding:0}.folders{flex-direction:column;padding-bottom:6px;display:flex}.folder{width:100%;color:var(--text-2);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:6px 10px 6px 30px;font-size:13.5px;display:flex}.folder:hover{background:var(--surface-2);color:var(--text)}.folder.on{background:var(--accent-soft);color:var(--text);font-weight:600}.folder.more{color:var(--text-3)}.folder-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.count{color:var(--accent);font-size:12px;font-weight:700}.folder-err{color:var(--text-3);padding:4px 30px;font-size:12.5px}.side-foot{border-top:1px solid var(--border);flex-direction:column;gap:2px;padding-top:8px;display:flex}.side-link{width:100%;color:var(--text-2);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:7px 10px;display:flex}.side-link:hover:not(:disabled),.side-link.on{background:var(--surface-2);color:var(--text)}.add-wrap{position:relative}.menu{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);z-index:10;margin-bottom:4px;padding:4px;position:absolute;bottom:100%;left:0;right:0;box-shadow:0 10px 30px #00000073}.menu button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;width:100%;padding:8px 10px;display:flex}.menu button:hover{background:var(--surface-2)}.main,.mailview{flex:1;min-width:0;display:flex}.list-pane{border-right:1px solid var(--border);flex-direction:column;width:42%;min-width:360px;max-width:560px;display:flex}.list-top{padding:12px 12px 6px}.search{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-3);align-items:center;gap:8px;padding:0 10px;display:flex}.search:focus-within{border-color:var(--accent)}.search input{color:var(--text);background:0 0;border:0;flex:1;padding:8px 0}.toolbar{border-bottom:1px solid var(--border);align-items:center;gap:4px;min-height:44px;padding:4px 12px 8px 14px;display:flex}.toolbar>.check{margin-right:6px}.switch{color:var(--text-2);cursor:pointer;align-items:center;gap:6px;margin-right:4px;font-size:13px;display:inline-flex}.switch input{accent-color:var(--accent)}.msgs{flex:1;overflow-y:auto}.msg{border-bottom:1px solid var(--border);cursor:pointer;align-items:flex-start;gap:10px;padding:10px 12px 10px 14px;display:flex;position:relative}.msg:hover{background:var(--surface)}.msg.sel{background:var(--accent-soft)}.msg.open{background:var(--surface-2);box-shadow:inset 3px 0 0 var(--accent)}.msg .check{margin-top:3px}.msg-body{flex:1;min-width:0}.msg-line{align-items:center;gap:7px;min-width:0;display:flex}.msg-from{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-2);flex:0 auto;overflow:hidden}.msg-subj{text-overflow:ellipsis;white-space:nowrap;color:var(--text-3);margin-top:2px;overflow:hidden}.msg-date{color:var(--text-3);white-space:nowrap;margin-left:auto;padding-left:8px;font-size:12.5px}.msg.unread .msg-from,.msg.unread .msg-subj{color:var(--text);font-weight:700}.dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.msg-actions{background:var(--surface-2);border-radius:8px;gap:2px;padding:2px;display:none;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.msg:hover .msg-actions{display:flex}.msgs.compact .msg{align-items:center;padding-top:6px;padding-bottom:6px}.msgs.compact .msg .check{margin-top:0}.msgs.compact .msg-from{flex:0 0 34%}.msgs.compact .msg-subj{flex:1;min-width:0;margin-top:0}.pager{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:4px;padding:6px 10px;display:flex}.pager span{margin-right:8px}.empty{color:var(--text-3);text-align:center;place-items:center;padding:40px 16px;display:grid}.empty.err{color:var(--red)}.empty.big{align-content:center;gap:10px;height:100%}.read-pane{flex-direction:column;flex:1;min-width:0;display:flex}.reader{flex-direction:column;height:100%;min-height:0;display:flex}.reader-actions{border-bottom:1px solid var(--border);align-items:center;gap:4px;padding:10px 14px;display:flex}.reader-subj{margin:16px 20px 8px;font-size:20px;font-weight:700;line-height:1.3}.reader-meta{justify-content:space-between;gap:16px;padding:0 20px 12px;display:flex}.reader-from{font-weight:600}.atts{flex-wrap:wrap;gap:6px;padding:0 20px 12px;display:flex}.att{border:1px solid var(--border);background:var(--surface-2);max-width:280px;color:var(--text-2);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:5px 9px;font-size:12.5px;display:inline-flex}.att-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notice{background:var(--surface-2);color:var(--text-2);border-radius:8px;align-items:center;gap:8px;margin:0 20px 10px;padding:8px 12px;font-size:13px;display:flex}.mail-frame{border:0;border-top:1px solid var(--border);background:#fff;flex:1;width:100%;min-height:0}.mail-text{white-space:pre-wrap;word-wrap:break-word;border-top:1px solid var(--border);flex:1;margin:0;padding:16px 20px;font:14px/1.55 Segoe UI,sans-serif;overflow:auto}.compose{background:var(--surface);border:1px solid var(--border-strong);z-index:20;border-radius:12px 12px 0 0;flex-direction:column;width:560px;max-width:calc(100vw - 48px);height:520px;max-height:calc(100vh - 48px);display:flex;position:fixed;box-shadow:0 10px 40px #0000008c}.compose.min{width:300px;height:auto}.compose-head{background:var(--surface-2);cursor:default;border-radius:12px 12px 0 0;align-items:center;gap:4px;padding:8px 8px 8px 14px;font-weight:600;display:flex}.compose-head span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compose-fields{flex-direction:column;display:flex}.compose-fields label{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:0 14px;display:flex}.compose-fields label>span{width:56px;color:var(--text-3);font-size:13px}.compose-fields input,.compose-fields select{background:0 0;border:0;flex:1;padding:9px 0}.compose-fields select option{background:var(--surface)}.compose-body{resize:none;background:0 0;border:0;border-radius:0;flex:1;padding:12px 14px;line-height:1.55}.compose .atts{padding:8px 14px 0}.compose-foot{border-top:1px solid var(--border);align-items:center;gap:8px;padding:10px 14px;display:flex}.settings{flex:1;padding:24px 32px 48px;overflow-y:auto}.settings h1{margin:0 0 18px;font-size:22px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:900px;margin-bottom:16px;padding:18px 20px}.card h2{margin:0 0 6px;font-size:16px}.card p{max-width:70ch;margin:0 0 12px}.form{gap:12px;max-width:560px;margin-bottom:12px;display:grid}.form label{color:var(--text-2);gap:5px;font-size:13px;display:grid}.form label.check-label{align-items:center;gap:8px;display:flex}.form select option,.link-form select option{background:var(--surface)}.acct-row{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:10px;padding:12px 14px}.acct-row-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.link-form{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;padding-top:10px;display:flex}.link-form .inline{color:var(--text-2);align-items:center;gap:6px;font-size:13px;display:inline-flex}.welcome{text-align:center;flex:1;place-content:center;justify-items:center;gap:12px;padding:24px;display:grid}.welcome h1{margin:6px 0 0;font-size:24px}.welcome p{max-width:46ch;margin:0}.toasts{z-index:50;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;right:16px}.toast{background:var(--surface-2);border:1px solid var(--border-strong);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;width:340px;padding:10px 14px;display:flex;box-shadow:0 10px 30px #00000073}.toast-success svg{color:var(--green)}.toast-error svg{color:var(--red)}.toast-info svg{color:var(--accent)}.toast-title{font-weight:600}.toast-body{color:var(--text-2);word-break:break-word;font-size:13px}:root{--green-soft:#4ade8024;--amber-soft:#fbbf2424;--blue:#60a5fa;--blue-soft:#60a5fa24;--teal:#2dd4bf;--teal-soft:#2dd4bf24;--purple:#c4b5fd;--purple-soft:#a78bfa29;--grey-soft:#9ca3af24}.views{border-bottom:1px solid var(--border);flex-direction:column;gap:2px;padding-bottom:8px;display:flex}.side-link .grow{text-align:left}.chips{flex-wrap:wrap;align-items:center;gap:6px;padding:0 12px 10px;display:flex}.list-pane>.chips{border-bottom:1px solid var(--border)}.chip{white-space:nowrap;background:var(--surface-2);color:var(--text-2);cursor:default;border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-flex}button.chip{cursor:pointer;border-color:var(--border);background:0 0}button.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.chip-green{background:var(--green-soft);color:var(--green)}.chip-amber{background:var(--amber-soft);color:var(--amber)}.chip-red{background:var(--red-soft);color:var(--red)}.chip-blue{background:var(--blue-soft);color:var(--blue)}.chip-teal{background:var(--teal-soft);color:var(--teal)}.chip-purple{background:var(--purple-soft);color:var(--purple)}.chip-grey{background:var(--grey-soft);color:var(--text-2)}.chip-accent{background:var(--accent-soft);color:var(--accent-hover)}button.chip.chip-green,button.chip.chip-amber,button.chip.chip-red,button.chip.chip-blue,button.chip.chip-teal,button.chip.chip-purple,button.chip.chip-grey{border-color:#0000}button.chip.on[class*=chip-]{border-color:currentColor}.chip-select{border-radius:999px;padding:2px 8px;font-size:12px}.msg.job{cursor:pointer}.msg-snippet{color:var(--text-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:13px;display:-webkit-box;overflow:hidden}.strong-subj{color:var(--text);font-weight:600}.msg-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.tag{color:var(--text-3);background:var(--surface-2);border-radius:5px;padding:1px 6px;font-size:11.5px}.tag-acct{color:var(--accent-hover)}.job-panel{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);margin:0 20px 12px}.job-panel.off{opacity:.8}.job-panel-head{align-items:center;gap:8px;padding:6px 8px 6px 12px;display:flex}.job-panel-body{padding:0 12px 10px}.job-panel-body p{margin:0 0 6px}.job-facts{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13px;display:flex}.job-facts span{align-items:center;gap:5px;display:inline-flex}.job-facts .link{align-items:center;gap:4px;display:inline-flex}.tb.starred{color:var(--amber)}.menu-wrap{position:relative}.menu.right{min-width:200px;max-height:320px;margin:4px 0 0;inset:100% 0 auto auto;overflow-y:auto}.pad{padding:8px 10px}.page-head{margin-bottom:4px}.page-head h1{margin:0}.grid-3{grid-template-columns:repeat(3,1fr);gap:12px;margin:10px 0 12px;display:grid}.grid-3 label,.engine-fields label{color:var(--text-2);gap:5px;font-size:13px;display:grid}.check-label{color:var(--text-2);cursor:pointer;align-items:center;gap:8px;margin:4px 0;font-size:13.5px;display:flex}.check-label input{accent-color:var(--accent)}.form.wide{max-width:720px}.label{color:var(--text-2);margin-bottom:6px;font-size:13px}.form .chips{padding:0}.inline-field{color:var(--text-2);align-items:center;gap:8px;margin-top:6px;font-size:13.5px;display:flex}textarea{resize:vertical;font-family:inherit}.engine{border:1px solid var(--border);border-radius:var(--radius-sm);gap:6px;margin-bottom:10px;padding:10px 12px;display:grid}.engine.off{opacity:.65}.engine-head{align-items:center;gap:8px;display:flex}.engine-head .check-label{margin:0}.engine-rank{background:var(--accent-soft);width:22px;height:22px;color:var(--accent-hover);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.engine-fields{grid-template-columns:1.3fr 1fr 1fr auto;align-items:end;gap:10px;display:grid}.card.rule{margin-bottom:8px;padding:12px 16px}.card.rule.off{opacity:.6}.alerts{flex-direction:column;gap:6px;max-width:900px;display:flex}.alert{text-align:left;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);cursor:pointer;align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.alert:hover{border-color:var(--border-strong)}.alert.unread{border-color:var(--accent)}.alert .dot{margin-top:6px}.notice+.card,.settings .notice{margin:0 0 12px}.tb-select{height:30px;color:var(--text-2);border-color:var(--border);background:0 0;padding:0 6px;font-size:13px;font-weight:600}.label-row{align-items:center;gap:6px;display:flex}.dialog-backdrop{z-index:50;background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(480px,100vw - 32px);margin:0;padding:20px 22px;box-shadow:0 12px 40px #0000004d}.dialog h2{align-items:center;gap:8px;margin:0;font-size:17px;display:flex}.dialog .steps{gap:4px;margin:0;padding-left:18px;display:grid}.auth-page{background:var(--bg);place-items:center;height:100%;padding:24px 16px;display:grid;overflow-y:auto}.auth-card{gap:12px;width:min(400px,100%);margin:0;display:grid}.auth-card h2{margin:0;font-size:19px}.auth-card p{margin:0}.auth-card .form{max-width:none;margin:0}.auth-brand{color:var(--text-2);align-items:center;gap:8px;font-weight:700;display:flex}.web-page{background:var(--bg);flex-direction:column;height:100%;display:flex}.web-bar{border-bottom:1px solid var(--border);background:var(--bg-side);flex:none;align-items:center;gap:12px;height:48px;padding:0 16px;display:flex}.web-bar a.tb{text-decoration:none}.web-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;margin-bottom:16px;display:flex}.web-tab{color:var(--text-2);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px;font-weight:600}.web-tab:hover{color:var(--text)}.web-tab.on{color:var(--text);border-bottom-color:var(--accent)}.card.web-wide{max-width:1200px}.web-inline-form{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.web-inline-form input{flex:180px;min-width:0}.web-invite{border-color:var(--accent)}.web-invite input{min-width:0;font-family:Consolas,monospace;font-size:12.5px}.web-list{gap:2px;display:grid}.web-list-row{border-top:1px solid var(--border);align-items:center;gap:12px;padding:9px 4px;display:flex}.web-list-row:first-child{border-top:0}.web-list-row.off,.web-table tr.off{opacity:.55}.web-table-wrap{overflow-x:auto}.web-table{border-collapse:collapse;width:100%}.web-table th{text-align:left;color:var(--text-3);border-bottom:1px solid var(--border);white-space:nowrap;padding:6px 10px 6px 0;font-size:12px;font-weight:600}.web-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:9px 10px 9px 0}.web-table tr:last-child td{border-bottom:0}.web-table select{max-width:240px;padding:4px 8px}.web-table select option{background:var(--surface)}.web-detail{overflow-wrap:anywhere;max-width:360px;color:var(--text-2)}.web-share{gap:2px;min-width:200px;display:grid}.user-menu{border-top:1px solid var(--border);gap:6px;padding:10px 12px;display:grid}.user-menu-who{min-width:0;display:grid}.user-menu-who>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-menu a.tb{text-decoration:none}@media (width<=640px){.settings{padding:16px}}.web-chips{gap:4px;padding:0}.web-danger{border-color:var(--red)}.btn-danger{background:var(--red);border-color:var(--red);color:#1a0b0b}.btn-danger:hover:not(:disabled){background:var(--red);filter:brightness(1.08)}.web-mono{font-family:Consolas,monospace;font-weight:400}.card p code{background:var(--surface-2);border-radius:5px;padding:1px 5px;font-family:Consolas,monospace;font-size:12.5px}