:root{--bg:#f6f7f9;--panel:#fff;--text:#1c2024;--muted:#687076;--line:#e1e4e8;--hover:#f1f3f5;--accent:#2563eb;--accent-soft:#e8efff;--accent-text:#fff;--err:#cd2b31;--err-bg:#fff0f0;--star:#e5a000;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:14px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--bg:#111315;--panel:#1a1d20;--text:#e6e8ea;--muted:#9ba1a6;--line:#2c3136;--hover:#23272b;--accent:#4f8cff;--accent-soft:#1d2a44;--err:#ff6369;--err-bg:#3a1a1c;--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)}a{color:var(--accent);text-decoration:none}button,select,input,textarea{font:inherit;color:inherit}button,a.button,select{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:6px;padding:5px 10px}a.button{color:inherit;text-decoration:none;display:inline-block}table.plain{border-collapse:collapse;margin:8px 0}table.plain th,table.plain td{text-align:left;vertical-align:top;padding:4px 12px 4px 0}table.plain th{white-space:nowrap;font-weight:600}button:hover:not(:disabled),a.button:hover{background:var(--hover)}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}button.primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}button.danger{color:var(--err)}button.link{color:var(--accent);background:0 0;border:0;padding:0}button.link:hover{background:0 0;text-decoration:underline}.icon-btn{background:0 0;border:0;padding:6px 8px;font-size:1.286rem;line-height:1}input,textarea{border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:7px 9px}input:focus,textarea:focus,select:focus,button:focus-visible,.row:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.muted{color:var(--muted)}.small{font-size:.857rem}.error{color:var(--err)}.banner{background:var(--err-bg);padding:8px 12px}.grow{flex:1}.center{place-items:center;height:100%;display:grid}.login{place-items:center;min-height:100%;padding:16px;display:grid}.login-box{background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:14px;width:min(360px,100%);padding:28px;display:grid}.login-box h1{margin:0 0 4px;font-size:1.4rem}.login-box label{gap:4px;font-weight:500;display:grid}.login-box button{padding:9px}.mail{grid-template-columns:220px minmax(320px,420px) 1fr;height:100%;display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--line);background:var(--bg);flex-direction:column;min-height:0;display:flex}.brand{padding:16px 16px 10px;font-size:1.143rem;font-weight:700}.compose-btn{margin:0 12px 10px;padding:9px}.boxes,.boxes ul{margin:0;padding:0;list-style:none}.boxes{flex:1;padding:0 6px;overflow-y:auto}.box{color:var(--text);border-radius:6px;align-items:center;gap:8px;padding:6px 10px;display:flex}.box:hover{background:var(--hover);text-decoration:none}.box.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.box.unread .name{font-weight:600}.box .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.box .count{font-size:.857rem;font-weight:600}.account{border-top:1px solid var(--line);align-items:center;gap:8px;padding:10px 14px;display:flex}.account .who{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.list{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;min-height:0;display:flex}.list-head{align-items:center;gap:6px;padding:10px 10px 6px;display:flex}.search{flex:1}.search input{background:var(--bg);width:100%}.list-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;min-height:42px;padding:4px 10px 8px 14px;display:flex}.list-bar .title{font-weight:600}.list-bar button{padding:3px 8px}.rows{flex:1;position:relative;overflow-y:auto}.row{border-bottom:1px solid var(--line);cursor:pointer;align-items:flex-start;gap:8px;padding:9px 8px 9px 12px;display:flex;position:absolute;left:0;right:0;overflow:hidden}.row:hover{background:var(--hover)}.row.selected,.row.checked{background:var(--accent-soft)}.row input[type=checkbox]{margin-top:3px}.row-main{flex:1;min-width:0}.row-top{align-items:baseline;gap:6px;display:flex}.row .from{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.row .date{color:var(--muted);flex:none;font-size:.857rem}.row .subject,.row .preview{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row .preview{color:var(--muted);font-size:.893rem}.row.unread .from,.row.unread .subject{font-weight:700}.row.unread:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:14px;left:3px}.star{color:var(--line);background:0 0;border:0;padding:0 4px;font-size:1.143rem}.star.on{color:var(--star)}.star:hover{color:var(--star);background:0 0}.clip{border:1.5px solid var(--muted);vertical-align:-1px;border-radius:5px;width:9px;height:12px;display:inline-block}.empty{text-align:center;padding:40px 16px}select.move{max-width:130px}.reader{background:var(--panel);flex-direction:column;min-width:0;min-height:0;display:flex}.empty-reader{place-items:center;display:grid}.reader-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;display:flex}.thread{flex:1;padding:0 16px 24px;overflow-y:auto}.thread-subject{word-break:break-word;margin:16px 4px 12px;font-size:1.3rem}.msg{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;overflow:hidden}.msg-head{cursor:pointer;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.msg-head:hover{background:var(--hover)}.avatar{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.msg-who{flex:1;min-width:0}.msg-who .preview,.msg-who .recipients{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.msg.open .msg-who .recipients{white-space:normal}.msg-actions{flex-wrap:wrap;align-items:center;gap:6px;padding:0 12px 8px 54px;display:flex}iframe.body{border:0;border-top:1px solid var(--line);background:#fff;width:100%;height:62vh;display:block}.files{border-top:1px solid var(--line);flex-wrap:wrap;gap:6px 14px;margin:0;padding:8px 12px;list-style:none;display:flex}.compose-wrap{z-index:20;background:#00000040;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.compose{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;width:min(760px,100%);height:min(720px,100%);display:flex;overflow:hidden;box-shadow:0 10px 40px #00000040}.compose-head,.compose-foot{align-items:center;gap:8px;padding:8px 12px;display:flex}.compose-head{border-bottom:1px solid var(--line)}.compose-foot{border-top:1px solid var(--line)}.fields label{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:2px 12px;display:flex}.fields label>span{width:72px;color:var(--muted);flex:none}.fields input,.fields select{background:0 0;border:0;border-radius:0;flex:1;padding:8px 0}.fields input:focus{outline:none}.compose-body{resize:none;border:0;border-radius:0;flex:1;padding:12px;line-height:1.6}.compose-body:focus{outline:none}.compose .files{max-height:110px;overflow-y:auto}.notice{padding:4px 12px}.compose.dragging{outline:3px dashed var(--accent);outline-offset:-8px}@media (width<=820px){.compose-foot .hint{display:none}}.settings-link{margin:4px 6px}.mail.settings-mode{grid-template-columns:220px 1fr}.settings{background:var(--panel);flex-direction:column;min-width:0;min-height:0;display:flex}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;overscroll-behavior-x:contain;flex-shrink:0;gap:2px;padding:0 12px;display:flex;overflow-x:auto}.tab{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex-shrink:0;padding:10px 12px}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.settings-body{flex:1;max-width:760px;padding:8px 24px 32px;overflow-y:auto}.field-group{border-bottom:1px solid var(--line);padding:14px 0}.field-group:last-child{border-bottom:0}.field-group h2{margin:0 0 10px;font-size:1rem}.field{gap:6px;margin-top:8px;display:grid}.field>span:first-child{font-weight:500}.field select{max-width:420px}.check,.radio{align-items:center;gap:8px;padding:4px 0;display:flex}.kv{grid-template-columns:7em 1fr;gap:6px 12px;margin:0;display:grid}.kv dt{color:var(--muted)}.kv dd{word-break:break-all;margin:0}.addr-list{margin:0;padding:0;list-style:none}.addr-list li{flex-wrap:wrap;align-items:center;gap:8px;padding:6px 0;display:flex}.addr-list .addr{word-break:break-all}.tag{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:.786rem}.tag.accent{border-color:var(--accent);color:var(--accent)}.save-bar{border-top:1px solid var(--line);background:var(--bg);align-items:center;gap:8px;padding:10px 24px;display:flex}.save-bar .ok{color:#1f8a4c}@media (prefers-color-scheme:dark){.save-bar .ok{color:#4cc38a}}.inline-form{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.inline-form input{flex:1;min-width:160px}.inline-form select{max-width:220px}.folder-list{margin:0;padding:0;list-style:none}.folder-list li{border-bottom:1px solid var(--line);padding:6px 0}.folder-row{flex-wrap:wrap;align-items:center;gap:8px;min-height:30px;display:flex}.folder-name{word-break:break-all;font-weight:500}.small-btn{padding:3px 8px;font-size:.857rem}.notice{background:var(--hover);border-radius:6px;margin:10px 0 0;padding:8px 12px}.notice.error{background:var(--err-bg)}.sticky-bar{margin:0 -24px;position:sticky;bottom:-32px}.sticky-bar:empty{display:none}.date-row{flex-wrap:wrap;gap:12px;display:flex}.field input[type=date]{max-width:200px}.row-head{align-items:center;gap:8px;display:flex}.row-head h2{margin:0}.rule-list{margin:10px 0 0;padding:0;list-style:none}.rule-list li{border:1px solid var(--line);border-radius:8px;margin-bottom:8px;padding:8px 12px}.rule-list li.off{opacity:.6}.rule-desc{word-break:break-word;margin:2px 0 6px 26px}.rule-actions{flex-wrap:wrap;gap:4px;margin-left:26px;display:flex}.rule-editor{border:1px solid var(--accent);border-radius:10px;gap:8px;margin:10px 0;padding:12px 14px;display:grid}.cond-row{flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0;display:flex}.cond-row input{flex:1;min-width:140px}.menu-btn,.back-btn,.scrim{display:none}@media (width<=1100px){.mail{grid-template-columns:200px minmax(300px,360px) 1fr}}@media (width<=820px){.mail,.mail.settings-mode{grid-template-columns:1fr}.settings-body{padding:8px 16px 24px}.sticky-bar{margin:0 -16px;bottom:-24px}.save-bar{padding:10px 16px}.menu-btn,.back-btn{display:inline-block}.sidebar{z-index:15;background:var(--panel);width:260px;transition:transform .15s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.menu-open .sidebar{transform:none}.menu-open .scrim{z-index:14;background:#0000004d;display:block;position:fixed;inset:0}.mail .reader{display:none}.mail.reading .reader{display:flex}.mail.reading .list{display:none}.list{border-right:0}.thread{padding:0 8px 16px}.msg-actions{padding-left:12px}.compose-wrap{padding:0}.compose{border-radius:0;width:100%;height:100%}}.logo{max-width:100%;display:block}.logo-sub{color:var(--muted);margin-top:6px;font-size:.85rem;font-weight:600;display:block}html[data-font-size=small]{font-size:13px}html[data-font-size=large]{font-size:16px}.totp-setup{gap:8px;display:grid}.totp-setup ol{margin:0;padding-left:1.2rem}.qr{background:#fff;border-radius:8px;width:200px;height:200px;padding:4px}.qr svg{width:100%;height:100%}.secret{-webkit-user-select:all;user-select:all;word-break:break-all}.secret-big{letter-spacing:.06em;-webkit-user-select:all;user-select:all;margin:6px 0;font-family:ui-monospace,monospace;font-size:1.3rem}.scope-row{flex-wrap:wrap;gap:4px 14px;margin:6px 0 10px;display:flex}.import-list{margin:0;padding:0;list-style:none}.import-job{border:1px solid var(--line);border-radius:8px;gap:4px;margin-bottom:8px;padding:10px 12px;display:grid}.progress{background:var(--hover);border-radius:999px;height:8px;overflow:hidden}.progress>div{background:var(--accent);height:100%;transition:width .4s}.import-failed .progress>div{background:var(--err)}.tag.bad{border-color:var(--err);color:var(--err)}.rich{border-top:1px solid var(--line);flex-direction:column;flex:1;min-height:0;display:flex}.rich-tools{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:2px;padding:4px 8px;display:flex}.rich-tools .tool{background:0 0;border:0;border-radius:4px;min-width:30px;padding:4px 6px}.rich-tools .tool:hover{background:var(--hover)}.tool-bold{font-weight:700}.tool-italic{font-style:italic}.tool-underline{text-decoration:underline}.tool-strikeThrough{text-decoration:line-through}.rich-body{word-break:break-word;outline:none;flex:1;min-height:200px;padding:12px 14px;line-height:1.55;overflow-y:auto}.rich-body:focus-visible{outline:none}.rich-body blockquote{border-left:3px solid var(--line);color:var(--muted);margin:6px 0 6px 4px;padding-left:10px}.rich-body img{max-width:100%;height:auto}.rich-body .signature{color:var(--muted)}