@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;1,400&family=IBM+Plex+Sans:wght@300;400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #070707;--bg-1: #0d0d0d;--bg-2: #141414;--bg-3: #1c1c1c;--bg-4: #242424;--border: #1f1f1f;--border-2: #2a2a2a;--border-3: #363636;--text: #e8e8e8;--text-2: #909090;--text-3: #565656;--text-4: #363636;--accent: #5cdb95;--accent-dim: rgba(92,219,149,.08);--accent-2: rgba(92,219,149,.15);--red: #f87171;--red-dim: rgba(248,113,113,.1);--blue: #67b8f7;--yellow: #fbbf24;--purple: #c084fc;--mono: "IBM Plex Mono", monospace;--sans: "IBM Plex Sans", sans-serif;--r: 2px;--t: .14s ease;--shadow: 0 8px 32px rgba(0,0,0,.6)}html,body,#root{height:100%;width:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:2px}button{font-family:var(--sans);font-size:13px;cursor:pointer;border:none;outline:none;background:none;color:inherit}input,textarea{font-family:var(--sans);font-size:13px;outline:none;border:none;background:none;color:var(--text)}input::placeholder,textarea::placeholder{color:var(--text-3)}a{color:inherit;text-decoration:none}.mono{font-family:var(--mono)}.t2{color:var(--text-2)}.t3{color:var(--text-3)}.acc{color:var(--accent)}.red{color:var(--red)}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideR{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.fade-up{animation:fadeUp .18s ease forwards}.fade-in{animation:fadeIn .15s ease forwards}.slide-r{animation:slideR .18s ease forwards}.scale-in{animation:scaleIn .18s ease forwards}.spinner{display:inline-block;width:13px;height:13px;border:1.5px solid var(--border-2);border-top-color:var(--accent);border-radius:50%;animation:spin .5s linear infinite;flex-shrink:0}.focusable:focus-visible{outline:1px solid var(--border-3);outline-offset:2px}.tag{font-family:var(--mono);font-size:10px;padding:1px 6px;border-radius:2px;background:var(--bg-3);border:1px solid var(--border-2);color:var(--text-3)}.tag.accent{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.tag.red{background:var(--red-dim);border-color:var(--red);color:var(--red)}.login-root{height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 30%,transparent 100%);mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 30%,transparent 100%);opacity:.5}.login-box{position:relative;width:340px;background:var(--bg-1);border:1px solid var(--border-2);padding:36px 32px;display:flex;flex-direction:column;gap:26px}.login-box-inline{width:100%;display:flex;flex-direction:column;gap:16px}.login-inline{width:100%}.login-header{display:flex;flex-direction:column;gap:5px}.login-logo{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600}.login-icon{font-size:14px}.login-tagline{font-size:11px;letter-spacing:.07em}.login-adding-label{font-size:11px;letter-spacing:.06em}.login-form{display:flex;flex-direction:column;gap:14px}.lf{display:flex;flex-direction:column;gap:5px}.ll{font-size:10px;color:var(--text-3);letter-spacing:.06em}.li{background:var(--bg-2);border:1px solid var(--border);padding:9px 11px;font-size:13px;transition:border-color var(--t),background var(--t);border-radius:var(--r)}.li:focus{border-color:var(--border-3);background:var(--bg-3)}.login-err{color:var(--red);font-size:11px}.login-btn{background:var(--accent);color:#000;padding:9px;font-size:13px;font-weight:600;border-radius:var(--r);height:36px;display:flex;align-items:center;justify-content:center;transition:opacity var(--t);margin-top:2px}.login-btn:hover:not(:disabled){opacity:.85}.login-btn:disabled{opacity:.45;cursor:not-allowed}.login-footer{font-size:11px;text-align:center;letter-spacing:.06em}.sidebar{width:216px;min-width:216px;height:100%;background:var(--bg-1);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sb-brand{display:flex;align-items:center;gap:7px;padding:15px 14px 12px;font-size:14px;font-weight:600;border-bottom:1px solid var(--border);flex-shrink:0}.sb-logo{font-size:12px}.sb-title{flex:1}.sb-total-badge{background:var(--accent);color:#000;font-size:10px;font-weight:700;font-family:var(--mono);padding:1px 5px;border-radius:10px;min-width:18px;text-align:center}.sb-compose-wrap{padding:10px 10px 6px;flex-shrink:0}.sb-compose{display:flex;align-items:center;gap:8px;background:var(--accent-dim);border:1px solid rgba(92,219,149,.2);color:var(--accent);padding:7px 10px;font-size:12px;font-weight:500;border-radius:var(--r);width:100%;transition:background var(--t)}.sb-compose:hover{background:var(--accent-2)}.sb-compose-plus{font-size:16px;line-height:1;flex-shrink:0}.sb-compose-hint{font-size:10px;margin-left:auto}.sb-nav{flex:1;overflow-y:auto;padding:4px 6px;display:flex;flex-direction:column;gap:1px}.sb-loading{display:flex;align-items:center;justify-content:center;height:60px}.sb-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--r);color:var(--text-2);width:100%;text-align:left;transition:background var(--t),color var(--t);position:relative}.sb-item:hover{background:var(--bg-2);color:var(--text)}.sb-item.active{background:var(--bg-3);color:var(--text)}.sb-item.active:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:2px;background:var(--accent);border-radius:1px}.sb-item-icon{font-size:11px;width:14px;text-align:center;flex-shrink:0;color:var(--text-3)}.sb-item.active .sb-item-icon{color:var(--accent)}.sb-item-name{font-size:12px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-badge{background:var(--accent);color:#000;font-size:10px;font-weight:700;font-family:var(--mono);padding:0 4px;border-radius:8px;min-width:17px;text-align:center}.sb-bottom{border-top:1px solid var(--border);padding:6px 6px 4px;display:flex;flex-direction:column;gap:2px;flex-shrink:0}.sb-accounts{position:relative}.sb-account-toggle{display:flex;align-items:center;gap:8px;padding:7px 8px;width:100%;border-radius:var(--r);transition:background var(--t)}.sb-account-toggle:hover{background:var(--bg-2)}.sb-avatar{width:26px;height:26px;background:var(--accent-dim);border:1px solid rgba(92,219,149,.25);color:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;font-family:var(--mono);flex-shrink:0}.sb-avatar.sm{width:22px;height:22px;font-size:10px}.sb-account-info{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.sb-account-name{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-account-email{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-chevron{font-size:10px;transition:transform var(--t);transform:rotate(180deg);flex-shrink:0}.sb-chevron.open{transform:rotate(0)}.sb-account-list{position:absolute;bottom:calc(100% + 4px);left:0;right:0;background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);z-index:50}.sb-account-item{display:flex;align-items:center;border-bottom:1px solid var(--border)}.sb-account-item:last-of-type{border-bottom:none}.sb-account-item.current{background:var(--bg-3)}.sb-account-select{flex:1;display:flex;align-items:center;gap:8px;padding:8px 10px;transition:background var(--t)}.sb-account-select:hover{background:var(--bg-3)}.sb-account-item-info{flex:1;display:flex;flex-direction:column;text-align:left;min-width:0}.sb-account-item-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.sb-account-remove{padding:8px 10px;font-size:16px;line-height:1;transition:color var(--t)}.sb-account-remove:hover{color:var(--red)}.sb-add-account{display:flex;align-items:center;gap:8px;padding:8px 10px;width:100%;color:var(--text-3);font-size:12px;border-top:1px solid var(--border);transition:color var(--t),background var(--t)}.sb-add-account:hover{color:var(--accent);background:var(--accent-dim)}.sb-add-account span:first-child{font-size:14px}.ml{width:272px;min-width:272px;height:100%;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.ml-header{padding:10px 12px 8px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:7px;flex-shrink:0}.ml-title-row{display:flex;align-items:center;gap:6px}.ml-name{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-2);flex:1}.ml-count{font-size:10px}.ml-search{display:flex;align-items:center;gap:6px;background:var(--bg-2);border:1px solid var(--border);padding:5px 8px;border-radius:var(--r);transition:border-color var(--t)}.ml-search:focus-within{border-color:var(--border-2)}.ml-search-icon{font-size:12px}.ml-search-input{flex:1;font-size:12px}.ml-search-clear{color:var(--text-3);font-size:14px;line-height:1;transition:color var(--t)}.ml-search-clear:hover{color:var(--text)}.ml-bulk{display:flex;align-items:center;gap:8px;padding:4px 0}.ml-bulk-btn{font-size:11px;font-family:var(--mono);padding:2px 7px;border:1px solid var(--border-2);border-radius:var(--r);color:var(--text-2);transition:all var(--t)}.ml-bulk-btn:hover{border-color:var(--red);color:var(--red);background:var(--red-dim)}.ml-bulk-btn:last-child:hover{border-color:var(--border-3);color:var(--text);background:var(--bg-3)}.ml-list{flex:1;overflow-y:auto}.ml-state{display:flex;align-items:center;justify-content:center;height:80px}.ml-item{display:flex;align-items:stretch;border-bottom:1px solid var(--border);position:relative;transition:background var(--t)}.ml-item:hover{background:var(--bg-2)}.ml-item.active{background:var(--bg-3)}.ml-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent)}.ml-item.checked{background:var(--accent-dim)}.ml-checkbox{padding:10px 0 10px 10px;color:var(--text-3);font-size:12px;flex-shrink:0;transition:color var(--t);display:flex;align-items:flex-start}.ml-checkbox:hover,.ml-item.checked .ml-checkbox{color:var(--accent)}.ml-content{flex:1;padding:8px 10px 8px 6px;display:flex;flex-direction:column;gap:2px;text-align:left;min-width:0}.ml-top{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.ml-from{font-size:12px;font-weight:500;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.ml-item.unseen .ml-from{color:var(--text);font-weight:600}.ml-date{font-size:10px;color:var(--text-3);flex-shrink:0}.ml-subject{font-size:12px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ml-item.unseen .ml-subject{color:var(--text-2)}.ml-item.unseen:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:4px;height:4px;background:var(--accent);border-radius:50%}.ml-item.unseen.active:after{display:none}.ml-intro{font-size:11px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ml-meta{display:flex;gap:5px;font-size:11px;margin-top:1px}.ml-flag{color:var(--yellow)}.ml-pager{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-top:1px solid var(--border);flex-shrink:0}.ml-page-btn{font-size:11px;font-family:var(--mono);color:var(--text-3);padding:3px 6px;border-radius:var(--r);transition:color var(--t),background var(--t)}.ml-page-btn:not(:disabled):hover{color:var(--text);background:var(--bg-2)}.ml-page-btn:disabled{opacity:.3;cursor:not-allowed}.ml-select-row{display:flex;gap:8px;padding:5px 12px;border-top:1px solid var(--border);flex-shrink:0}.ml-sel-btn{font-size:10px;letter-spacing:.04em;padding:2px 6px;border-radius:var(--r);transition:color var(--t),background var(--t)}.ml-sel-btn:hover{color:var(--text-2);background:var(--bg-2)}.mv{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;background:var(--bg)}.mv-loading{align-items:center;justify-content:center}.mv-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid var(--border);flex-shrink:0;gap:8px}.mv-bar-left,.mv-bar-right{display:flex;align-items:center;gap:2px}.mv-divider{width:1px;height:14px;background:var(--border-2);margin:0 4px}.mv-btn{padding:4px 9px;font-size:12px;font-family:var(--mono);color:var(--text-3);border:1px solid transparent;border-radius:var(--r);transition:all var(--t)}.mv-btn:hover{color:var(--text);background:var(--bg-2);border-color:var(--border)}.mv-btn.flagged{color:var(--yellow)}.mv-btn.danger:hover{color:var(--red);background:var(--red-dim);border-color:transparent}.mv-content{flex:1;overflow-y:auto;padding:24px 32px 40px;display:flex;flex-direction:column;gap:18px}.mv-subject{font-size:20px;font-weight:600;line-height:1.3;color:var(--text);letter-spacing:-.01em}.mv-meta{display:flex;flex-direction:column;gap:5px;padding:14px 16px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--r)}.mv-meta-row{display:flex;gap:14px;align-items:baseline}.mv-lbl{font-size:10px;color:var(--text-3);width:28px;flex-shrink:0;letter-spacing:.05em}.mv-val{font-size:12px;color:var(--text-2);overflow-wrap:break-word;word-break:break-all}.mv-attachments{display:flex;flex-wrap:wrap;gap:6px}.mv-att{display:flex;align-items:center;gap:6px;padding:5px 10px;background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--r);font-size:12px}.mv-att-icon{font-size:11px}.mv-att-name{color:var(--text-2)}.mv-att-size{font-size:10px}.mv-body{flex:1}.mv-iframe{width:100%;min-height:200px;border:none;display:block;border-radius:var(--r)}.mv-text{font-family:var(--mono);font-size:12px;color:var(--text-2);white-space:pre-wrap;word-break:break-word;line-height:1.75}.cp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:flex-end;padding:20px;z-index:200}.cp-modal{width:560px;max-height:72vh;background:var(--bg-1);border:1px solid var(--border-2);box-shadow:var(--shadow);display:flex;flex-direction:column}.cp-head{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-bottom:1px solid var(--border);flex-shrink:0}.cp-mode{font-size:10px;letter-spacing:.07em}.cp-head-r{display:flex;align-items:center;gap:12px}.cp-from-label{font-size:11px}.cp-close{color:var(--text-3);font-size:18px;line-height:1;transition:color var(--t)}.cp-close:hover{color:var(--text)}.cp-fields{border-bottom:1px solid var(--border);flex-shrink:0}.cp-row{display:flex;align-items:center;gap:10px;padding:7px 13px;border-bottom:1px solid var(--border)}.cp-row:last-child{border-bottom:none}.cp-lbl{font-size:10px;color:var(--text-3);letter-spacing:.05em;width:44px;flex-shrink:0}.cp-in{flex:1;font-size:13px;padding:1px 0;border-bottom:1px solid transparent;transition:border-color var(--t)}.cp-in:focus{border-bottom-color:var(--border-2)}.cp-cc-btn{font-size:10px;letter-spacing:.04em;padding:2px 6px;border-radius:var(--r);border:1px solid var(--border);transition:all var(--t);flex-shrink:0}.cp-cc-btn:hover{color:var(--text-2);border-color:var(--border-2)}.cp-body{flex:1;padding:13px;font-size:13px;line-height:1.65;resize:none;min-height:220px;color:var(--text);background:var(--bg-1)}.cp-foot{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-top:1px solid var(--border);flex-shrink:0;gap:12px}.cp-foot-l{flex:1}.cp-foot-r{display:flex;align-items:center;gap:8px}.cp-err{font-size:11px;color:var(--red)}.cp-ok{font-size:11px}.cp-discard{font-size:12px;font-family:var(--mono);color:var(--text-3);padding:5px 10px;border:1px solid var(--border);border-radius:var(--r);transition:all var(--t)}.cp-discard:hover{color:var(--red);border-color:var(--red-dim)}.cp-draft{font-size:12px;font-family:var(--mono);color:var(--text-3);padding:5px 10px;border:1px solid var(--border);border-radius:var(--r);height:29px;display:flex;align-items:center;transition:all var(--t)}.cp-draft:hover:not(:disabled){color:var(--text-2);border-color:var(--border-2)}.cp-draft:disabled{opacity:.4;cursor:not-allowed}.cp-send{background:var(--accent);color:#000;font-size:12px;font-weight:600;padding:5px 16px;border-radius:var(--r);height:29px;min-width:68px;display:flex;align-items:center;justify-content:center;transition:opacity var(--t)}.cp-send:hover:not(:disabled){opacity:.85}.cp-send:disabled{opacity:.45;cursor:not-allowed}.st-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:300}.st-panel{width:420px;background:var(--bg-1);border:1px solid var(--border-2);box-shadow:var(--shadow);display:flex;flex-direction:column;max-height:80vh}.st-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.st-title{font-size:10px;letter-spacing:.08em}.st-close{color:var(--text-3);font-size:18px;line-height:1;transition:color var(--t)}.st-close:hover{color:var(--text)}.st-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.st-tab{flex:1;padding:9px 0;font-size:11px;letter-spacing:.06em;color:var(--text-3);border-bottom:2px solid transparent;transition:all var(--t)}.st-tab:hover{color:var(--text-2)}.st-tab.active{color:var(--text);border-bottom-color:var(--accent)}.st-body{flex:1;overflow-y:auto;padding:20px 16px}.st-section{display:flex;flex-direction:column;gap:14px}.st-field{display:flex;flex-direction:column;gap:5px}.st-lbl{font-size:10px;color:var(--text-3);letter-spacing:.06em}.st-in{background:var(--bg-2);border:1px solid var(--border);padding:8px 10px;font-size:13px;border-radius:var(--r);transition:border-color var(--t),background var(--t)}.st-in:focus{border-color:var(--border-3);background:var(--bg-3)}.st-in:disabled{opacity:.4;cursor:not-allowed}.st-msg{font-size:11px}.st-btn{background:var(--accent);color:#000;font-size:12px;font-weight:600;padding:8px 16px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;height:34px;transition:opacity var(--t);align-self:flex-start}.st-btn:hover:not(:disabled){opacity:.85}.st-btn:disabled{opacity:.45;cursor:not-allowed}.st-btn.outline{background:transparent;color:var(--text-2);border:1px solid var(--border-2)}.st-btn.outline:hover{border-color:var(--accent);color:var(--accent);opacity:1}.st-acc-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r);margin-bottom:6px}.st-acc-avatar{width:28px;height:28px;background:var(--accent-dim);border:1px solid rgba(92,219,149,.2);color:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;font-family:var(--mono);flex-shrink:0}.st-acc-info{flex:1;display:flex;flex-direction:column;min-width:0}.st-acc-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.st-acc-rm{font-size:16px;line-height:1;padding:4px 6px;transition:color var(--t)}.st-acc-rm:hover{color:var(--red)}.aa-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:300}.aa-panel{width:360px;background:var(--bg-1);border:1px solid var(--border-2);box-shadow:var(--shadow)}.aa-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.aa-title{font-size:10px;letter-spacing:.08em}.aa-close{color:var(--text-3);font-size:18px;line-height:1;transition:color var(--t)}.aa-close:hover{color:var(--text)}.aa-body{padding:20px 16px}.app{display:flex;height:100%;width:100%;overflow:hidden}.app-main{flex:1;display:flex;overflow:hidden;min-width:0}.app-view{flex:1;overflow:hidden;min-width:0;display:flex;flex-direction:column}.app-empty{flex:1;display:flex;align-items:center;justify-content:center}.app-empty-inner{display:flex;flex-direction:column;align-items:center;gap:14px}.app-empty-icon{font-size:24px;opacity:.3}.app-empty-hint{font-size:11px;letter-spacing:.06em}.app-shortcuts{display:flex;flex-direction:column;gap:6px;margin-top:8px}.app-sc-row{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-3)}kbd{font-family:var(--mono);font-size:10px;background:var(--bg-2);border:1px solid var(--border-2);padding:1px 5px;border-radius:2px;color:var(--text-2)}.app-welcome{flex:1;display:flex;align-items:center;justify-content:center}