:root{--orange: #f7a500;--orange-dark: #e09500;--blue: #1e7fd8;--red: #d93025;--text: #202020;--text-2: #6b6b6b;--line: #e5e5e5;--bg: #ffffff;--bg-hover: #f5f5f5;--bg-sel: #ededed;--bg-sel-blue: #e3e9f2;--group: #f5f5f5;--group-text: #8a8a8a;--shadow: 0 6px 28px rgba(0, 0, 0, .22)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;color:var(--text);background:var(--bg);overflow:hidden}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}button:disabled{opacity:.4;cursor:default}input,select,textarea{font:inherit;color:inherit}input[type=text],input:not([type]),input[type=number],select,textarea{border:1px solid #c9c9c9;border-radius:3px;padding:4px 8px;background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue)}.flex1{flex:1}.u-first:first-letter{text-decoration:underline}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#c9c9c9;border-radius:5px;border:2px solid #fff}::-webkit-scrollbar-track{background:transparent}.app{height:100%;display:flex;flex-direction:column;overflow:hidden}.toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);background:#fff;min-height:52px}.toolbar-left{display:flex;align-items:center;gap:10px}.toolbar-center{display:flex;align-items:center;gap:6px;flex:1;justify-content:center;min-width:0}.toolbar-right{display:flex;align-items:center;gap:2px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:6px;border-radius:4px;color:var(--text)}.icon-btn:hover{background:var(--bg-hover)}.icon-btn.small{padding:4px}.split-btn{display:inline-flex;border-radius:4px;overflow:hidden}.split-btn.orange{background:var(--orange);color:#fff}.split-btn.orange .split-main:hover,.split-btn.orange .split-arrow:hover{background:var(--orange-dark)}.split-btn.plain{background:transparent;color:var(--text)}.split-btn.plain .split-main:hover,.split-btn.plain .split-arrow:hover{background:var(--bg-hover)}.split-main{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;font-weight:600}.split-btn.plain .split-main{font-weight:400}.split-arrow{display:inline-flex;align-items:center;padding:0 5px;border-left:1px solid rgba(255,255,255,.35)}.split-btn.plain .split-arrow{border-left-color:transparent}.error-badge{display:inline-flex;align-items:center;gap:4px;color:var(--red);font-weight:600;padding:5px 7px;border-radius:4px}.error-badge:hover{background:var(--bg-hover)}.scope-select{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid #c9c9c9;border-radius:3px;background:#fff;white-space:nowrap}.searchbox{display:flex;align-items:center;gap:4px;flex:0 1 420px;min-width:120px;border:1px solid #c9c9c9;border-radius:16px;padding:5px 10px;background:#fff}.searchbox input{border:none!important;outline:none;flex:1;min-width:40px;padding:0}.searchbox .search-ico{color:var(--text-2);flex:none}.searchbox.small{flex:0 1 220px;padding:3px 9px}.tb-action{display:inline-flex;align-items:center;gap:5px;padding:7px 8px;border-radius:4px;white-space:nowrap}.tb-action:hover:not(:disabled){background:var(--bg-hover)}.tb-chev{color:var(--text-2);margin-left:-2px}.main-body{flex:1;display:flex;min-height:0}.pane{min-height:0;display:flex;flex-direction:column}.pane-sidebar{flex:none;border-right:none}.pane-list{flex:none}.pane-reading{flex:1;min-width:0}.splitter{width:5px;cursor:col-resize;background:transparent;border-left:1px solid var(--line);flex:none}.splitter:hover{background:#dcdcdc}.sidebar{display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar-head{display:flex;align-items:center;gap:4px;padding:10px 10px 6px 14px}.sidebar-title{font-size:18px;font-weight:600;margin-right:4px}.sidebar-filter{padding:2px 10px 6px}.sidebar-filter input{width:100%}.sidebar-tree{flex:1;overflow-y:auto;padding-bottom:8px}.tree-row{display:flex;align-items:center;gap:7px;padding:5px 10px;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:30px}.tree-row:hover{background:var(--bg-hover)}.tree-row.selected{background:var(--bg-sel-blue)}.tree-row.section{color:var(--text-2)}.tree-row.acct{color:#444}.tree-chev{width:16px;flex:none;display:inline-flex;color:var(--text-2)}.tree-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-count{color:var(--blue);font-size:13px;padding-right:4px}.tag-dot{width:10px;height:10px;border-radius:50%}.acct-avatar{width:22px;height:22px;border-radius:50%;color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none;letter-spacing:.3px}.acct-avatar.small{width:20px;height:20px;font-size:9px}.module-bar{display:flex;border-top:1px solid var(--line)}.module-bar button{flex:1;padding:12px 0;display:flex;justify-content:center;color:#444;border-top:2px solid transparent}.module-bar button:hover{background:var(--bg-hover)}.module-bar button.active{color:var(--blue);background:var(--bg-hover);border-top-color:var(--blue)}.msg-list{display:flex;flex-direction:column;height:100%;overflow:hidden}.msg-list-head{display:flex;align-items:center;padding:4px 8px 0;border-bottom:1px solid var(--line)}.cat-tabs{display:flex;gap:4px}.cat-tabs button{padding:9px 18px 8px;color:var(--text-2);border-bottom:3px solid transparent;font-size:14px}.cat-tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.tab-badge{margin-left:5px;color:var(--blue);font-size:12px}.list-title{padding:9px 10px 8px;color:var(--text-2);display:inline-block}.msg-scroll{flex:1;overflow-y:auto}.date-group{display:flex;align-items:center;gap:5px;padding:8px 12px 4px;color:var(--text-2);cursor:pointer;font-size:13.5px;-webkit-user-select:none;user-select:none}.msg-row{position:relative;display:flex;gap:8px;padding:9px 10px 9px 2px;cursor:pointer;border-bottom:1px solid #f0f0f0}.msg-row:hover{background:var(--bg-hover)}.msg-row.selected{background:var(--bg-sel-blue)}.msg-flag-col{width:16px;flex:none;display:flex;align-items:flex-start;padding-top:3px;justify-content:center}.msg-avatar{width:36px;height:36px;border-radius:50%;color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex:none;margin-top:2px}.msg-main{flex:1;min-width:0}.msg-line1{display:flex;align-items:baseline;gap:8px}.msg-sender{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-row.unread .msg-sender,.msg-row.unread .msg-subject{font-weight:600}.msg-date{color:var(--text-2);font-size:12.5px;flex:none}.msg-line2{display:flex;align-items:center;gap:6px;margin-top:1px}.msg-subject{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13.5px}.msg-icons{display:inline-flex;gap:4px;color:var(--text-2);flex:none;align-items:center}.imp{color:var(--red);font-weight:800}.imp.big{font-size:17px}.msg-line3{display:flex;gap:6px;margin-top:1px;align-items:flex-start}.msg-snippet{flex:1;color:var(--text-2);font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.msg-tag{display:inline-block;border:1px solid #999;border-radius:9px;font-size:11px;padding:0 7px;margin-right:5px;color:#555;white-space:nowrap}.msg-threadcount{flex:none;background:#8a8a8a;color:#fff;font-size:11px;border-radius:3px;padding:1px 6px;margin-top:2px}.msg-hover-del{position:absolute;right:8px;top:6px;display:none;padding:4px;border-radius:4px;background:#fff;border:1px solid var(--line);color:var(--text-2)}.msg-row:hover .msg-hover-del{display:inline-flex}.empty-list{text-align:center;color:var(--text-2);padding:48px 20px}.reading-pane{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#fff}.reading-pane.empty{justify-content:center}.reading-head{display:flex;align-items:center;gap:8px;padding:12px 16px 8px}.reading-subject{font-size:20px;font-weight:600;flex:1;min-width:0}.back-btn{display:none}.reading-scroll{flex:1;overflow-y:auto;padding:0 16px 24px}.mcard{border:1px solid var(--line);border-radius:4px;margin-top:10px;background:#fff}.mcard.fade-in{animation:fadein .25s ease}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1}}.mcard-head,.mcard.collapsed{display:flex;gap:10px;padding:10px 12px;cursor:pointer;align-items:flex-start}.mcard.collapsed{align-items:center}.mcard-avatar{width:40px;height:40px;border-radius:50%;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}.mcard-who{flex:1;min-width:0}.mcard-from{color:var(--blue);font-weight:600}.mcard-from .addr,.mcard-to .addr{color:var(--blue);font-weight:400}.mcard-to{color:var(--text-2);font-size:13px;margin-top:2px}.mcard-collapsed-line{flex:1;min-width:0;display:flex;flex-direction:column}.mcard-snippet{color:var(--text-2);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mcard-meta{display:flex;align-items:center;gap:7px;flex:none}.folder-chip{border:1px solid #bbb;border-radius:3px;font-size:11.5px;padding:1px 7px;color:#555}.mcard-time{color:var(--text-2);font-size:13px}.mcard-body{padding:6px 16px 16px;overflow-x:auto;line-height:1.5}.mcard-body table{max-width:100%}.mcard-body a{color:var(--blue)}.mcard-body img{max-width:100%}.blocked-banner{background:#fff8e1;border-top:1px solid #f0e0b0;border-bottom:1px solid #f0e0b0;padding:7px 16px;font-size:13px;color:#7a5c00}.blocked-banner button{color:var(--blue);text-decoration:underline}.mcard-attachments{padding:8px 16px 14px;display:flex;flex-wrap:wrap;gap:8px}.att-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:4px;padding:4px 9px;font-size:13px;background:var(--bg-hover)}.att-size{color:var(--text-2);font-size:12px}.right-rail{width:48px;border-left:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:4px;flex:none}.right-rail button{padding:10px;border-radius:4px;color:#444;position:relative}.right-rail button:hover{background:var(--bg-hover)}.right-rail button.active{color:var(--blue);background:var(--bg-hover)}.right-rail button.active:before{content:"";position:absolute;left:-1px;top:6px;bottom:6px;width:3px;background:var(--blue);border-radius:2px}.menu-portal{position:fixed;z-index:1000;background:#fff;border:1px solid #d5d5d5;border-radius:6px;box-shadow:var(--shadow);padding:4px 0}.menu-list{display:flex;flex-direction:column}.menu-item{position:relative;display:flex;align-items:center;gap:8px;padding:7px 14px 7px 8px;cursor:pointer;white-space:nowrap}.menu-item:hover:not(.disabled){background:var(--bg-hover)}.menu-item.disabled{color:#aaa;cursor:default}.menu-item.danger{color:var(--red)}.menu-check{width:16px;flex:none;display:inline-flex;color:var(--text)}.menu-icon{width:18px;flex:none;display:inline-flex;color:#444}.menu-label{flex:1}.menu-shortcut{color:var(--text-2);font-size:12px;margin-left:24px}.menu-sub-arrow{color:var(--text-2)}.menu-sep{height:1px;background:var(--line);margin:4px 0}.menu-submenu{position:absolute;left:100%;top:-5px;background:#fff;border:1px solid #d5d5d5;border-radius:6px;box-shadow:var(--shadow);padding:4px 0;z-index:1001}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:500;display:flex;align-items:center;justify-content:center}.dialog{background:#fff;border-radius:8px;box-shadow:var(--shadow);display:flex;flex-direction:column;max-width:96vw;max-height:92vh;overflow:hidden}.dialog-titlebar{display:flex;align-items:center;gap:8px;padding:12px 14px 6px}.dialog-titlebar.center{justify-content:center;position:relative}.dialog-title{font-size:17px}.dialog-close{margin-left:auto}.dialog-titlebar.center .dialog-close{position:absolute;right:10px;top:10px}.dialog-toolbar{display:flex;align-items:center;gap:8px;padding:8px 14px}.btn-orange{display:inline-flex;align-items:center;gap:7px;background:var(--orange);color:#fff;font-weight:600;padding:8px 14px;border-radius:4px}.btn-orange:hover{background:var(--orange-dark)}.btn-plain{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:4px}.btn-plain:hover:not(:disabled){background:var(--bg-hover)}.ops-dialog{width:860px;height:620px}.ops-tabs{display:flex;gap:2px;padding:0 14px;border-bottom:1px solid var(--line)}.ops-tabs button{padding:9px 16px;color:var(--text-2);border-bottom:3px solid transparent}.ops-tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.ops-body{flex:1;overflow-y:auto;padding:10px 16px}.op-row{display:flex;gap:12px;padding:10px 4px;align-items:flex-start}.op-avatar-wrap{position:relative}.op-avatar-wrap .acct-avatar{width:38px;height:38px;font-size:13px}.op-sync-badge{position:absolute;right:-4px;bottom:-4px;background:var(--blue);color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.op-text{flex:1;min-width:0}.op-title{font-weight:600}.op-detail{color:var(--text-2);font-size:13px;margin-top:1px}.op-time{color:var(--text-2);font-size:12px;margin-top:2px}.op-progress{height:3px;background:#e8e8e8;margin-top:8px;border-radius:2px;overflow:hidden;position:relative}.op-progress-bar{position:absolute;height:100%;width:35%;background:var(--blue);border-radius:2px;animation:indeterminate 1.3s infinite ease-in-out}@keyframes indeterminate{0%{left:-35%}to{left:100%}}.op-row.error .op-detail{color:var(--red)}.ops-log{font-family:Consolas,monospace;font-size:12px;white-space:pre-wrap;color:#444}.accounts-dialog{width:1000px;height:680px}.accounts-body{flex:1;display:flex;min-height:0}.accounts-list{width:320px;border-right:1px solid var(--line);overflow-y:auto}.accounts-row{display:flex;gap:10px;padding:10px 14px;cursor:pointer;align-items:center}.accounts-row:hover{background:var(--bg-hover)}.accounts-row.selected{background:var(--bg-sel)}.accounts-row .acct-avatar{width:34px;height:34px;font-size:12px}.accounts-email{font-weight:500}.accounts-sub{color:var(--text-2);font-size:12.5px}.accounts-detail{flex:1;overflow-y:auto;display:flex;flex-direction:column}.accounts-form{padding:14px 20px;display:flex;flex-direction:column;gap:10px}.form-row{display:flex;align-items:center;gap:10px}.form-row label{width:220px;text-align:right;color:#444;flex:none}.form-row input,.form-row select{flex:1;max-width:460px}.group-bar{background:var(--group);color:var(--group-text);padding:6px 12px;border-radius:2px;margin:10px 0 4px;font-size:13.5px}.check-row{display:flex;align-items:center;gap:8px;padding:3px 4px;cursor:pointer}.check-row.indent{padding-left:28px}.check-row input[type=checkbox],.check-row input[type=radio]{accent-color:var(--blue);width:15px;height:15px}.num-input{width:64px}.sig-edit{width:100%;max-width:560px;font-family:Consolas,monospace;font-size:12.5px}.hint{color:var(--text-2);padding:4px;line-height:1.5}.settings-dialog{width:1150px;height:760px}.settings-toolbar{border-bottom:1px solid var(--line)}.settings-body{flex:1;display:flex;min-height:0}.settings-nav{width:300px;border-right:1px solid var(--line);overflow-y:auto;padding:6px 0}.settings-content{flex:1;overflow-y:auto;padding:14px 24px 30px}.notif-table{border-collapse:collapse;margin:8px 0;width:100%;max-width:640px}.notif-table th,.notif-table td{border-bottom:1px solid var(--line);text-align:left;padding:7px 10px}.notif-table th{color:var(--text-2);font-weight:400;font-size:13px}.preview-box{border:1px solid var(--line);border-radius:3px;background:#fafafa;color:#444;padding:10px 14px;font-size:13px;line-height:1.6;max-width:640px}.preview-box.tall{min-height:140px;background:#fff}.qt-list{border:1px solid var(--line);border-radius:3px;max-width:640px;max-height:180px;overflow-y:auto}.qt-row{display:flex;align-items:center;padding:7px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0}.qt-row:hover{background:var(--bg-hover)}.qt-row.selected{background:var(--bg-sel)}.compose-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0003;z-index:600;display:flex;align-items:center;justify-content:center}.compose-window{background:#fff;border-radius:8px;box-shadow:var(--shadow);width:980px;max-width:96vw;height:700px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.compose-titlebar{display:flex;align-items:center;padding:8px 10px 2px}.compose-title{font-size:15px;color:#333}.compose-toprow{display:flex;align-items:center;gap:12px;padding:8px 14px}.from-select{display:inline-flex;align-items:center;gap:7px;padding:6px 8px;border-radius:4px}.from-select:hover{background:var(--bg-hover)}.compose-fields{padding:0 14px}.compose-field{display:flex;align-items:center;gap:10px;margin-bottom:7px}.compose-field>label{width:52px;text-align:right;color:var(--text-2);flex:none;font-size:13.5px}.subject-input{flex:1}.chip-input{flex:1;display:flex;flex-wrap:wrap;gap:4px;border:1px solid #c9c9c9;border-radius:3px;padding:3px 6px;min-height:30px;background:#fff}.chip-input input{border:none!important;outline:none;flex:1;min-width:120px;padding:2px}.chip{display:inline-flex;align-items:center;gap:4px;background:#eef3fa;border:1px solid #cdd9ea;border-radius:12px;padding:1px 8px;font-size:13px}.chip button{display:inline-flex;color:var(--text-2)}.compose-toolbar{display:flex;align-items:center;gap:2px;padding:6px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap}.vsep{width:1px;height:20px;background:var(--line);margin:0 6px}.dot-on{width:6px;height:6px;border-radius:50%;background:var(--blue);position:absolute;margin-left:14px;margin-top:-12px}.compose-attachments{display:flex;flex-wrap:wrap;gap:6px;padding:8px 14px 0}.compose-body{flex:1;overflow-y:auto;padding:14px 18px;outline:none;line-height:1.5}.minimized-bar{position:fixed;bottom:0;right:80px;display:flex;gap:6px;z-index:590}.minimized-bar button{background:#fff;border:1px solid var(--line);border-bottom:none;border-radius:6px 6px 0 0;padding:8px 14px;box-shadow:0 -2px 10px #0000001f;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toasts{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:10px;z-index:900;max-width:380px}.toast{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:10px 12px}.toast.simple{display:flex;gap:10px;align-items:flex-start}.toast-subject{font-weight:600;font-size:13.5px}.toast-preview{color:var(--text-2);font-size:12.5px;margin-top:2px;overflow:hidden}.toast-acct{color:var(--text-2);font-size:11.5px}.toast-head{display:flex;align-items:center;gap:6px;font-size:12.5px;margin-bottom:6px}.toast-mail-body{display:flex;gap:10px}.toast-mail-body .msg-avatar{width:34px;height:34px;font-size:12px}.toast-mail-text{flex:1;min-width:0}.toast-actions{display:flex;gap:8px;margin-top:10px}.toast-actions button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #c9c9c9;border-radius:4px;padding:7px 0}.toast-actions button:hover{background:var(--bg-hover)}.undo-toast{display:flex;align-items:center;gap:10px}.undo-count{color:var(--text-2);font-size:12.5px}.undo-btn{color:var(--blue);font-weight:600;display:inline-flex;align-items:center;gap:4px}.module-stub{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-2)}.mobile-topbar,.mobile-bottomnav,.fab{display:none}@media (max-width: 1199px){.right-rail,.btn-label{display:none}.tb-action{padding:7px 6px}}@media (max-width: 899px){.desktop-toolbar .toolbar-center{display:none}.main-body{position:relative}.splitter{display:none}.pane-sidebar{position:absolute;z-index:100;top:0;bottom:0;left:0;width:300px!important;background:#fff;box-shadow:var(--shadow);transform:translate(-105%);transition:transform .2s ease}.main-body.pane-folders .pane-sidebar{transform:translate(0)}.pane-list{flex:1;width:auto!important}.pane-reading{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;z-index:50;transform:translate(105%);transition:transform .2s ease}.main-body.pane-reading .pane-reading{transform:translate(0)}.back-btn{display:inline-flex}}@media (max-width: 599px){.desktop-toolbar{display:none}.mobile-topbar{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);min-height:50px}.mobile-title{font-size:17px;font-weight:600}.mobile-search{flex:1}.mobile-bottomnav{display:flex;border-top:1px solid var(--line);background:#fff;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottomnav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 6px;color:#555;font-size:10.5px}.mobile-bottomnav button.active{color:var(--blue)}.module-bar{display:none}.fab{display:flex;position:fixed;right:18px;bottom:76px;width:56px;height:56px;border-radius:50%;background:var(--orange);color:#fff;align-items:center;justify-content:center;box-shadow:0 4px 14px #0000004d;z-index:200}.compose-window{width:100vw;height:100%;max-height:100vh;border-radius:0}.compose-overlay{align-items:stretch}.settings-dialog,.accounts-dialog,.ops-dialog{width:100vw;height:100%;max-height:100vh;border-radius:0}.settings-nav,.accounts-list{width:42%}.form-row{flex-direction:column;align-items:stretch}.form-row label{width:auto;text-align:left}.toasts{left:12px;right:12px;max-width:none}}@media (min-width: 600px){.mobile-topbar,.mobile-bottomnav{display:none}}@media print{.toolbar,.sidebar,.msg-list,.right-rail,.module-bar,.mobile-topbar,.mobile-bottomnav,.fab,.toasts{display:none!important}.pane-reading{position:static!important}body{overflow:visible}}