:root{--bg: #101014;--bg2: #17171d;--bg3: #1e1e26;--text: #d8d8e0;--text-dim: #8a8a96;--accent: #e8b34b;--border: #26262e;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,sans-serif;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.spacer{flex:1}.dim{color:var(--text-dim)}.topbar{background:var(--bg2);border-bottom:1px solid var(--border);padding:calc(env(safe-area-inset-top) + 10px) 16px 10px;display:flex;align-items:center;gap:10px}.logo{color:var(--accent);font-weight:600;white-space:nowrap}.view-title{color:var(--text-dim);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-btn{background:none;border:none;color:var(--text);font-size:1.1rem;cursor:pointer;display:none}.mini{background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-dim);padding:4px 10px;font-size:.8rem;cursor:pointer;white-space:nowrap}.mini:hover{color:var(--text);border-color:var(--text-dim)}.mini.danger:hover{color:#e86060;border-color:#e86060}.layout{flex:1;display:flex;min-height:0}.sidebar{width:210px;flex-shrink:0;background:var(--bg2);border-right:1px solid var(--border);overflow-y:auto;padding:8px}.nav-item,.acct-name,.folder{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;text-align:left;background:none;border:none;color:var(--text);padding:8px 10px;border-radius:6px;cursor:pointer}.nav-item:hover,.acct-name:hover,.folder:hover{background:var(--bg3)}.nav-item.active{background:var(--bg3);color:var(--accent)}.acct{margin-bottom:2px}.acct-name{font-weight:600}.acct.active .acct-name{color:var(--accent)}.folder{color:var(--text-dim);padding:6px 10px 6px 22px;font-size:.9rem}.folder-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder:hover{color:var(--text)}.folder.active{background:var(--bg3);color:var(--accent)}.count{background:var(--accent);color:#101014;font-size:.7rem;font-weight:700;border-radius:10px;padding:1px 7px;flex-shrink:0}.msglist{flex:1;min-width:0;overflow-y:auto;border-right:1px solid var(--border)}.msg{padding:10px 14px;border-bottom:1px solid var(--border);cursor:pointer}.msg:hover{background:var(--bg2)}.msg.open{background:var(--bg3)}.msg-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:2px}.msg-from{color:var(--text-dim);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-date{color:var(--text-dim);font-size:.78rem;flex-shrink:0}.msg-subject{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-acct{color:var(--accent);font-size:.72rem;border:1px solid var(--border);border-radius:8px;padding:0 7px;flex-shrink:0}.msg.unread .msg-subject{font-weight:600}.msg.unread .msg-from{color:var(--text);font-weight:600}.msg.unread .msg-subject:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:8px;vertical-align:middle}.load-more{display:block;width:100%;background:none;border:none;color:var(--accent);padding:12px;cursor:pointer;font-size:.9rem}.load-more:hover{background:var(--bg2)}.empty{padding:24px 16px;color:var(--text-dim)}.msgview{flex:1.4;min-width:0;display:flex;flex-direction:column;overflow:hidden}.msg-placeholder{margin:auto;color:var(--text-dim)}.msg-actions{display:flex;gap:6px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);flex-wrap:wrap}.msg-actions .back{display:none}.msg-title{font-size:1.05rem;padding:12px 16px 4px}.msg-meta{padding:0 16px 10px;font-size:.85rem;border-bottom:1px solid var(--border)}.attachments{display:flex;gap:8px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--border)}.chip{border:1px solid var(--border);border-radius:14px;padding:3px 12px;font-size:.82rem;color:var(--text);text-decoration:none}.chip:hover{border-color:var(--accent);color:var(--accent)}.remote-bar{display:flex;gap:10px;align-items:center;padding:8px 16px;font-size:.82rem;color:var(--text-dim);border-bottom:1px solid var(--border);background:var(--bg2)}.msg-frame{flex:1;width:100%;border:none;background:#fff}.compose-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.compose-card{width:100%;max-width:620px;max-height:92dvh;background:var(--bg2);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;padding:14px 16px calc(env(safe-area-inset-bottom) + 14px);gap:8px}.compose-head{display:flex;justify-content:space-between;align-items:center;color:var(--accent);font-weight:600;margin-bottom:4px}.compose-field{display:flex;align-items:center;gap:10px;font-size:.85rem}.compose-field>span{width:52px;flex-shrink:0;text-align:right}.compose-input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:7px 10px;font-size:.9rem;min-width:0}.compose-input:focus{outline:none;border-color:var(--accent)}.compose-body{flex:1;min-height:220px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:10px;font:.9rem/1.5 system-ui,sans-serif;resize:vertical}.compose-body:focus{outline:none;border-color:var(--accent)}.compose-foot{display:flex;justify-content:flex-end}.compose-foot .login-btn{min-width:120px}.statusbar{background:var(--bg2);border-top:1px solid var(--border);padding:6px 16px calc(env(safe-area-inset-bottom) + 6px)}.status{color:var(--text-dim);font-size:.85rem;min-height:1.2em}.login{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:340px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:28px 24px;display:flex;flex-direction:column;gap:12px}.login-logo{color:var(--accent);font-weight:600;font-size:1.3rem;text-align:center;margin-bottom:8px}.login-input{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:10px 12px;font-size:1rem}.login-input:focus{outline:none;border-color:var(--accent)}.login-btn{background:var(--accent);border:none;border-radius:6px;color:#101014;font-weight:600;font-size:1rem;padding:10px;cursor:pointer;margin-top:4px}.login-btn:hover{filter:brightness(1.1)}.login-btn:disabled{opacity:.6;cursor:default}.login-error{color:#e86060;font-size:.85rem;min-height:1.2em;text-align:center}@media (max-width: 900px){.menu-btn{display:block}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:10;transform:translate(-100%);transition:transform .15s ease;padding-top:calc(env(safe-area-inset-top) + 52px)}body.sidebar-open .sidebar{transform:translate(0)}.msglist{border-right:none}.msgview,body.show-msg .msglist{display:none}body.show-msg .msgview{display:flex}.msg-actions .back{display:inline-block}}