@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Inter:ital,wght@0,400;0,500;0,600;1,400&display=swap";:root{--brand: #0F7AE5;--brand-hover: #0A67C7;--brand-light: rgba(15, 122, 229, .11);--brand-dim: rgba(15, 122, 229, .06);--brand-glow: rgba(15, 122, 229, .22);--bg-shell: #f5f5f7;--bg-nav: #ebebed;--bg-nav-2: #1c1c1e;--bg-list: #f9f9fb;--bg-pane: #ffffff;--bg-hover: rgba(0, 0, 0, .05);--bg-selected: rgba(15, 122, 229, .1);--bg-active: rgba(15, 122, 229, .18);--border: rgba(0, 0, 0, .11);--border-light: rgba(0, 0, 0, .06);--border-focus: rgba(15, 122, 229, .5);--text-0: #1d1d1f;--text-1: #3c3c43;--text-2: #6e6e73;--text-3: #aeaeb2;--danger: #dc2626;--danger-dim: rgba(220, 38, 38, .08);--success: #16a34a;--warn: #d97706;--unread: #0F7AE5;--nav-w: 56px;--folder-w: 236px;--list-w: 342px;--topbar-h: 52px;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 4px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.09), 0 1px 4px rgba(0,0,0,.05);--shadow-lg: 0 8px 40px rgba(0,0,0,.13), 0 2px 10px rgba(0,0,0,.07);--shadow-compose: 0 20px 60px rgba(0,0,0,.18), 0 4px 20px rgba(0,0,0,.08);--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--radius: 6px;--radius-lg: 10px;--radius-pill: 999px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg-shell: #1c1c1e;--bg-nav: #2c2c2e;--bg-nav-2: #111113;--bg-list: #1c1c1e;--bg-pane: #242426;--bg-hover: rgba(255, 255, 255, .06);--bg-selected: rgba(15, 122, 229, .2);--bg-active: rgba(15, 122, 229, .32);--border: rgba(255, 255, 255, .09);--border-light: rgba(255, 255, 255, .04);--text-0: #f5f5f7;--text-1: #c7c7cc;--text-2: #8e8e93;--text-3: #636366;--brand-light: rgba(15, 122, 229, .22);--brand-dim: rgba(15, 122, 229, .11);--danger-dim: rgba(220, 38, 38, .15);--shadow-xs: 0 1px 2px rgba(0,0,0,.25);--shadow-sm: 0 1px 4px rgba(0,0,0,.35), 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 16px rgba(0,0,0,.45), 0 1px 4px rgba(0,0,0,.25);--shadow-lg: 0 8px 40px rgba(0,0,0,.55), 0 2px 10px rgba(0,0,0,.3);--shadow-compose: 0 20px 60px rgba(0,0,0,.65), 0 4px 20px rgba(0,0,0,.35)}}:root[data-theme=dark]{--bg-shell: #1c1c1e;--bg-nav: #2c2c2e;--bg-nav-2: #111113;--bg-list: #1c1c1e;--bg-pane: #242426;--bg-hover: rgba(255, 255, 255, .06);--bg-selected: rgba(15, 122, 229, .2);--bg-active: rgba(15, 122, 229, .32);--border: rgba(255, 255, 255, .09);--border-light: rgba(255, 255, 255, .04);--text-0: #f5f5f7;--text-1: #c7c7cc;--text-2: #8e8e93;--text-3: #636366;--brand-light: rgba(15, 122, 229, .22);--brand-dim: rgba(15, 122, 229, .11);--danger-dim: rgba(220, 38, 38, .15);--shadow-xs: 0 1px 2px rgba(0,0,0,.25);--shadow-sm: 0 1px 4px rgba(0,0,0,.35), 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 16px rgba(0,0,0,.45), 0 1px 4px rgba(0,0,0,.25);--shadow-lg: 0 8px 40px rgba(0,0,0,.55), 0 2px 10px rgba(0,0,0,.3);--shadow-compose: 0 20px 60px rgba(0,0,0,.65), 0 4px 20px rgba(0,0,0,.35)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden;font-size:14px}body{font-family:var(--font);line-height:1.45;color:var(--text-0);background:var(--bg-shell);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:13px;color:var(--text-0);background:transparent;outline:none;border:none;width:100%}input::placeholder,textarea::placeholder{color:var(--text-3)}.fdm-topbar-search::placeholder{color:#ffffff80}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.btn{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:var(--radius);font-size:13px;font-weight:500;height:32px;transition:background .12s,box-shadow .12s,opacity .12s;white-space:nowrap;font-family:var(--font);letter-spacing:-.01em}.btn-primary{background:var(--brand);color:#fff;border:none;box-shadow:0 1px 4px #0f7ae547}.btn-primary:hover{background:var(--brand-hover);box-shadow:0 2px 10px #0f7ae561}.btn-ghost{background:transparent;color:var(--text-1);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-0)}.btn-subtle{background:transparent;color:var(--text-1);border:1px solid transparent}.btn-subtle:hover{background:var(--bg-hover);color:var(--text-0)}.btn-danger{background:var(--danger);color:#fff;border:none}.btn-danger:hover{opacity:.88}.fdm-nav-item{width:40px;height:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .12s;position:relative}.fdm-nav-item:hover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);background:#ffffff14}.fdm-nav-item.active:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:6px;background:#ffffff1a}.fdm-folder-item{display:flex;align-items:center;gap:9px;padding:7px 10px 7px 14px;border-radius:var(--radius);color:var(--text-1);font-family:var(--font);font-size:13px;font-weight:400;width:100%;text-align:left;cursor:pointer;position:relative;transition:background .08s;margin-bottom:1px}.fdm-folder-item:hover{background:var(--bg-hover)}.fdm-folder-item.active{background:var(--bg-selected);color:var(--brand);font-weight:600}.fdm-folder-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--brand);border-radius:0 3px 3px 0}.fdm-msg-item{display:flex;align-items:center;width:100%;padding:11px 14px 11px 18px;border-bottom:1px solid var(--border-light);cursor:pointer;text-align:left;background:transparent;gap:11px;position:relative;transition:background .08s;min-height:72px;font-family:var(--font)}.fdm-msg-item:hover{background:var(--bg-hover)}.fdm-msg-item.selected{background:var(--bg-selected)}.fdm-msg-item.selected:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--brand);border-radius:0 3px 3px 0}.fdm-tool-btn{display:flex;align-items:center;gap:5px;padding:4px 9px;border-radius:var(--radius);color:var(--text-2);cursor:pointer;font-size:12px;font-family:var(--font);font-weight:400;transition:background .1s,color .1s;height:28px;white-space:nowrap}.fdm-tool-btn:hover{background:var(--bg-hover);color:var(--text-0)}.fdm-tool-btn.danger{color:var(--danger)}.fdm-tool-btn.danger:hover{background:var(--danger-dim)}.fdm-icon-btn{width:32px;height:32px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--text-2);cursor:pointer;transition:background .1s,color .1s}.fdm-icon-btn:hover{background:var(--bg-hover);color:var(--text-0)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .75s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .14s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .2s cubic-bezier(.16,1,.3,1)}.fdm-unread-dot{position:absolute;left:6px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--brand);flex-shrink:0}.fdm-folder-row{position:relative;display:flex;align-items:center}.fdm-folder-row .fdm-folder-action{opacity:0;transition:opacity .12s}.fdm-folder-row:hover .fdm-folder-action{opacity:1}.fdm-compose-body:empty:before{content:attr(data-placeholder);color:var(--text-3);pointer-events:none;display:block}.fdm-move-item:hover{background:var(--bg-hover)}.fdm-compose-body blockquote{border-left:3px solid var(--border);margin:8px 0;padding-left:12px;color:var(--text-2)}.fdm-compose-body a{color:var(--brand)}.fdm-compose-body ul,.fdm-compose-body ol{padding-left:20px}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}button:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:none}[contenteditable]:focus{outline:none}