:root{--bg:var(--tg-theme-bg-color,#fff);--bg2:var(--tg-theme-secondary-bg-color,#f1f3f6);--section:var(--tg-theme-section-bg-color,var(--bg));--text:var(--tg-theme-text-color,#15181c);--hint:var(--tg-theme-hint-color,#7b8591);--link:var(--tg-theme-link-color,#2a7de1);--accent:var(--tg-theme-button-color,#2a7de1);--accent-text:var(--tg-theme-button-text-color,#fff);--header:var(--tg-theme-header-bg-color,var(--bg));--sep:var(--tg-theme-section-separator-color,#7f7f7f2e);--danger:var(--tg-theme-destructive-text-color,#e53935);--good:#2e9d57;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:var(--tg-theme-bg-color,#17191c);--bg2:var(--tg-theme-secondary-bg-color,#0f1012);--text:var(--tg-theme-text-color,#eceef1);--hint:var(--tg-theme-hint-color,#8b939d)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);overscroll-behavior-y:none;margin:0;font:15px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,textarea,select{font:inherit;color:var(--text);background:0 0;border:0;outline:none;min-width:0}a{color:var(--link)}.icon{flex:none;display:block}.muted{color:var(--hint)}.small{font-size:12.5px}.block{display:block}.mono{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.strike{opacity:.6;text-decoration:line-through}.page{min-height:100vh;padding-bottom:calc(96px + env(safe-area-inset-bottom))}.topbar{z-index:10;background:var(--header);border-bottom:1px solid var(--sep);align-items:center;gap:4px;height:52px;padding:0 4px;display:flex;position:sticky;top:0}.topbar-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;padding-left:4px;font-size:17px;font-weight:600;overflow:hidden}.title-stack{flex-direction:column;line-height:1.15;display:flex}.title-stack .small{font-weight:400}.topbar-actions{align-items:center;display:flex}.icon-btn{width:40px;height:40px;color:var(--text);border-radius:50%;place-items:center;display:grid}.icon-btn:active{background:var(--bg2)}.icon-btn.active{color:#f4b400}.icon-btn:disabled{opacity:.4}.send-btn{color:var(--accent)}.text-btn{color:var(--link);white-space:nowrap;padding:8px 10px;font-weight:500}.text-btn.muted{color:var(--hint)}.primary-btn{background:var(--accent);color:var(--accent-text);white-space:nowrap;border-radius:10px;align-items:center;gap:4px;padding:8px 14px;font-weight:600;display:inline-flex}.primary-btn:disabled{opacity:.5}.search-form input{width:100%;padding:8px 4px;font-size:16px}.scrim{opacity:0;pointer-events:none;z-index:30;background:#00000059;transition:opacity .2s;position:fixed;inset:0}.scrim.open{opacity:1;pointer-events:auto}.drawer{background:var(--bg);z-index:31;width:min(300px,82vw);padding:8px 8px calc(16px + env(safe-area-inset-bottom));transition:transform .22s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-102%)}.drawer.open{transform:none;box-shadow:0 0 40px #00000040}.drawer-head{padding:12px 12px 14px}.brand{letter-spacing:-.02em;font-size:20px;font-weight:700}.drawer-item{text-align:left;border-radius:24px;align-items:center;gap:14px;width:100%;padding:10px 12px;display:flex}.drawer-item>span:not(.badge):not(.dot){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.drawer-item.active{background:color-mix(in srgb, var(--accent) 16%, transparent);font-weight:600}.drawer-section{text-transform:uppercase;letter-spacing:.06em;color:var(--hint);padding:16px 12px 6px;font-size:12px}.drawer-sep{background:var(--sep);height:1px;margin:8px 4px}.dot{border-radius:50%;flex:none;width:10px;height:10px;margin:0 6px}.badge{background:var(--accent);color:var(--accent-text);border-radius:10px;padding:1px 7px;font-size:12px;font-weight:600}.badge.subtle{background:var(--bg2);color:var(--hint)}.thread-list{margin:0;padding:0;list-style:none}.thread-row{border-bottom:1px solid var(--sep);-webkit-user-select:none;user-select:none;cursor:pointer;gap:12px;padding:10px 14px;display:flex}.thread-row:active,.thread-row.selected{background:color-mix(in srgb, var(--accent) 10%, transparent)}.avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:15px;font-weight:600;display:grid}.avatar.small{width:28px;height:28px;font-size:12px}.thread-main{flex:1;min-width:0}.thread-line1,.thread-line3,.msg-head-line{align-items:baseline;gap:8px;display:flex}.participants,.subject,.snippet{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.participants{flex:1}.count{color:var(--hint);font-size:13px}.date{color:var(--hint);flex:none;font-size:12.5px}.thread-line2{display:flex}.snippet{color:var(--hint);flex:1;font-size:14px}.thread-row.unread .participants,.thread-row.unread .subject{font-weight:700}.thread-row.unread .date{color:var(--accent);font-weight:600}.row-icons{color:var(--hint);align-items:center;gap:4px;display:flex}.star{color:var(--hint);place-items:center;padding:2px;display:grid}.star.on{color:#f4b400}.label-chips{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.label-chip{background:hsl(var(--h) 70% 50% / .15);color:hsl(var(--h) 60% 40%);vertical-align:middle;border-radius:8px;padding:1px 8px;font-size:11.5px;font-weight:500;display:inline-block}@media (prefers-color-scheme:dark){.label-chip{color:hsl(var(--h) 70% 70%)}}.status-pill{background:var(--bg2);color:var(--hint);text-transform:capitalize;white-space:nowrap;border-radius:8px;padding:1px 7px;font-size:11px;font-weight:600}.status-pill.bad{background:color-mix(in srgb, var(--danger) 15%, transparent);color:var(--danger)}.status-pill.good{background:color-mix(in srgb, var(--good) 15%, transparent);color:var(--good)}.empty{text-align:center;color:var(--hint);padding:64px 24px}.empty .icon{opacity:.5;margin:0 auto 8px}.loading-row{text-align:center;color:var(--hint);padding:20px}.fab{right:16px;bottom:calc(20px + env(safe-area-inset-bottom));background:var(--accent);color:var(--accent-text);z-index:5;border-radius:16px;align-items:center;gap:8px;padding:14px 18px;font-weight:600;display:flex;position:fixed;box-shadow:0 4px 16px #0003}.toast{left:50%;bottom:calc(88px + env(safe-area-inset-bottom));color:#fff;z-index:50;background:#2b2f33;border-radius:10px;align-items:center;gap:16px;max-width:calc(100vw - 32px);padding:10px 16px;font-size:14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 4px 16px #00000040}.toast button{color:#8ab4f8;font-weight:600}.thread{padding:0 0 16px}.thread-subject{flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:14px 16px 10px;font-size:20px;font-weight:600;line-height:1.3;display:flex}.message{border-top:1px solid var(--sep);padding:12px 14px}.message.collapsed{cursor:pointer;align-items:center;gap:10px;display:flex}.message.collapsed .msg-from{text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:35%;font-weight:600;overflow:hidden}.draft-card{text-align:left;width:100%;color:var(--danger);align-items:center;gap:10px;display:flex}.msg-head{cursor:pointer;align-items:flex-start;gap:10px;display:flex;position:relative}.msg-head-main{flex:1;min-width:0}.msg-from{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.msg-head-line .msg-from{flex:1}.msg-to{color:var(--hint);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:2px;max-width:100%;font-size:13px;display:inline-flex;overflow:hidden}.msg-head-actions{align-items:center;margin:-6px -8px 0 0;display:flex}.msg-head-actions .icon-btn{width:36px;height:36px}.menu-scrim{z-index:19;position:fixed;inset:0}.menu{z-index:20;background:var(--section);border-radius:12px;min-width:220px;margin:0;padding:6px 0;list-style:none;position:absolute;top:36px;right:0;box-shadow:0 6px 24px #00000038}.menu button{text-align:left;width:100%;padding:10px 16px;display:block}.menu button:active{background:var(--bg2)}.msg-details{background:var(--bg2);border-radius:10px;grid-template-columns:auto 1fr;gap:4px 12px;margin:10px 0 0;padding:10px 12px;font-size:13px;display:grid}.msg-details dt{color:var(--hint)}.msg-details dd{word-break:break-all;margin:0}.msg-body{margin-top:12px}.notice{background:color-mix(in srgb, var(--danger) 12%, transparent);border-radius:10px;margin-bottom:10px;padding:10px 12px;font-size:14px}.plain-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px}.plain-text .quoted{color:var(--hint)}.quote-toggle{background:var(--bg2);color:var(--hint);letter-spacing:2px;border-radius:8px;margin:4px 0;padding:0 8px;display:inline-block}.html-frame{background:#fff;border-radius:10px;overflow:hidden}.html-frame iframe{background:#fff;border:0;width:100%;display:block}.images-banner{color:#3c4043;text-align:left;background:#f1f3f4;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;display:flex}.skeleton{background:linear-gradient(90deg, var(--bg2), var(--bg), var(--bg2));background-size:200% 100%;border-radius:10px;animation:1.2s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.attachments{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.attachment{border:1px solid var(--sep);text-align:left;border-radius:10px;align-items:center;gap:10px;max-width:100%;padding:8px 10px;display:flex}.attachment img{object-fit:cover;border-radius:6px;width:40px;height:40px}.att-ext{background:var(--bg2);width:40px;height:40px;color:var(--hint);border-radius:6px;place-items:center;font-size:11px;font-weight:700;display:grid}.att-meta{flex-direction:column;min-width:0;display:flex}.att-name{text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:14px;overflow:hidden}.att-size{color:var(--hint);font-size:12px}.reply-bar{flex-wrap:wrap;gap:8px;padding:16px 14px;display:flex}.reply-bar button{border:1px solid var(--sep);border-radius:20px;align-items:center;gap:6px;padding:9px 16px;font-weight:500;display:flex}.compose-form{flex-direction:column;display:flex}.field{border-bottom:1px solid var(--sep);align-items:center;gap:8px;min-height:48px;padding:4px 14px;display:flex;position:relative}.field>input{flex:1;padding:8px 0}.field-label{color:var(--hint);min-width:36px;font-size:14px}.to-row{align-items:stretch;display:flex}.to-row .field{flex:1}.to-row>.text-btn{border-bottom:1px solid var(--sep)}.chips{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;padding:6px 0;display:flex}.chips input{flex:1;min-width:120px;padding:4px 0}.chips input.invalid{color:var(--danger)}.chip{background:var(--bg2);border-radius:14px;align-items:center;gap:4px;max-width:100%;padding:3px 4px 3px 10px;font-size:14px;display:inline-flex}.chip button{width:22px;height:22px;color:var(--hint);border-radius:50%;font-size:16px;line-height:1}.file-chip{padding-left:8px;padding-right:6px}.file-chip.off{opacity:.5;text-decoration:line-through}.file-chip.uploading{opacity:.7}.suggestions{z-index:15;background:var(--section);border-radius:10px;margin:0;padding:4px 0;list-style:none;position:absolute;top:100%;left:8px;right:8px;box-shadow:0 6px 24px #0003}.suggestions li{cursor:pointer;flex-direction:column;padding:8px 14px;display:flex}.suggestions li.active,.suggestions li:active{background:var(--bg2)}.from-select{flex-direction:column;flex:1;min-width:0;padding:6px 0;display:flex}.from-select select{appearance:none;padding:2px 0;font-weight:600}.from-addr{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.subject-input{font-size:16px}.body-input{resize:none;min-height:160px;padding:12px 14px;font-size:16px;line-height:1.5}.compose-attachments{flex-wrap:wrap;gap:6px;padding:8px 14px;display:flex}.quoted-preview{padding:4px 4px 16px}.quoted-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;color:var(--hint);border-left:2px solid var(--sep);margin:4px 10px;padding-left:10px;font-size:14px}.spinner{border:2px solid var(--hint);border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.new-label{gap:8px;padding:12px 14px 4px;display:flex}.new-label input{background:var(--bg2);border-radius:10px;flex:1;padding:8px 12px}.hint{color:var(--hint);margin:6px 14px 10px;font-size:13px}.label-list{margin:0;padding:0;list-style:none}.label-item{border-top:1px solid var(--sep)}.label-item.disabled .label-name{opacity:.6}.label-head{cursor:pointer;align-items:center;gap:8px;padding:8px 6px 8px 14px;display:flex}.label-main{flex:1;min-width:0}.label-name{align-items:center;gap:6px;font-weight:600;display:flex}.label-body{flex-direction:column;gap:10px;padding:4px 14px 14px;display:flex}.switch-row{justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.switch-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.num{background:var(--bg2);text-align:right;border-radius:8px;width:72px;padding:6px 8px}.stack{flex-direction:column;gap:4px;display:flex}.stack input,.stack textarea{background:var(--bg2);resize:vertical;border-radius:10px;padding:8px 12px}.row-actions{gap:8px;margin-left:-10px;display:flex}.settings section{border-bottom:1px solid var(--sep);padding:8px 14px 14px}.settings h2{text-transform:uppercase;letter-spacing:.06em;color:var(--hint);margin:10px 0;font-size:13px;font-weight:600}.settings .stack{margin-bottom:10px}.settings .new-label,.settings .hint{margin-left:0;padding-left:0}.simple-list{margin:0;padding:0;list-style:none}.simple-list li{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.usage{flex-direction:column;gap:6px;display:flex}.usage-bar{background:var(--bg2);border-radius:3px;height:6px;overflow:hidden}.usage-bar span{background:var(--accent);height:100%;display:block}