:root{--bg:#fff;--bg-soft:#f4f3f8;--bg-hover:#ece9f5;--bg-selected:#e3dbf7;--fg:#1d1d1f;--muted:#6b6b76;--line:#e2e0ea;--accent:#5b2ac2;--accent-fg:#fff;--warn:#b3261e;--warn-bg:#fdecea;--shadow:0 8px 30px #0000002e;--sidebar:250px;--list:400px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#17161c;--bg-soft:#201f27;--bg-hover:#2a2833;--bg-selected:#3a3054;--fg:#ececf1;--muted:#a09fae;--line:#2f2d38;--accent:#a98bf0;--accent-fg:#17161c;--warn:#ff8a80;--warn-bg:#3b1d1b}}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;font:16px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#app{height:100%}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{opacity:.5;cursor:default}input,select{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:8px;min-width:0;padding:8px 10px}ul{margin:0;padding:0;list-style:none}.muted{color:var(--muted)}.small{font-size:.85rem}.warn-text{color:var(--warn)}.spacer{flex:1}.app{grid-template-columns:var(--sidebar) var(--list) 1fr;grid-template-areas:"sidebar list message";height:100%;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--bg-soft);padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);grid-area:sidebar;overflow:hidden}.pane{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.list-pane{border-right:1px solid var(--line);grid-area:list}.message-pane{grid-area:message}.icon-button.menu{display:none}.scrim{z-index:20;background:#00000059;position:fixed;inset:0}@media (max-width:1100px){.app{grid-template-columns:var(--list) 1fr;grid-template-areas:"list message"}.sidebar{z-index:30;width:min(85vw,300px);box-shadow:var(--shadow);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.drawer-open .sidebar{transform:none}.icon-button.menu{display:inline-flex}}@media (max-width:760px){.app{grid-template-columns:1fr;grid-template-areas:"main"}.list-pane,.message-pane{border:0;grid-area:main}.app.has-message .list-pane,.app:not(.has-message) .message-pane{display:none}}@media (min-width:761px){.reader-toolbar .back{visibility:hidden}}.toolbar{min-height:52px;padding:calc(env(safe-area-inset-top) + 4px) 8px 4px;border-bottom:1px solid var(--line);background:var(--bg);align-items:center;gap:4px;display:flex}.toolbar .title{white-space:nowrap;text-overflow:ellipsis;margin:0 0 0 6px;font-size:1.15rem;overflow:hidden}.icon-button{border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.icon-button:hover,.icon-button.active{background:var(--bg-hover)}.icon-button.active{color:var(--accent)}.text-button{color:var(--accent);border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-weight:500;display:inline-flex}.text-button:hover{background:var(--bg-hover)}.primary{background:var(--accent);color:var(--accent-fg);border-radius:10px;padding:10px 22px;font-weight:600}.chip{border:1px solid var(--line);border-radius:999px;align-items:center;gap:4px;padding:4px 12px;font-size:.9rem;display:inline-flex}.chip:hover{background:var(--bg-hover)}.folders{flex-direction:column;height:100%;display:flex}.folders-head{text-overflow:ellipsis;white-space:nowrap;padding:18px 16px 10px;overflow:hidden}.folders ul{overscroll-behavior:contain;flex:1;padding:0 8px;overflow-y:auto}.folder{text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;display:flex}.folder:hover{background:var(--bg-hover)}.folder.selected{background:var(--bg-selected);font-weight:600}.folder-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.count{color:var(--accent);font-size:.85rem;font-weight:600}.folders-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);justify-items:start;gap:4px;font-size:.85rem;display:grid}.folders-foot .text-button{padding:4px 0}.list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom);flex:1;overflow-y:auto}.pull{color:var(--muted);justify-content:center;align-items:flex-end;transition:height .15s;display:flex;overflow:hidden}.pull span{padding-bottom:10px;transition:transform .2s,color .2s}.pull span.ready{color:var(--accent);transform:rotate(180deg)}.pull.spinning span{animation:.9s linear infinite spin}.list-total{color:var(--muted);border-bottom:1px solid var(--line);padding:8px 16px;font-size:.85rem}.row{border-bottom:1px solid var(--line);text-align:left;gap:2px;width:100%;padding:10px 16px 11px 22px;display:grid;position:relative}.row:hover{background:var(--bg-soft)}.row.selected{background:var(--bg-selected)}.row.unread:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:17px;left:8px}.row-top{align-items:baseline;gap:8px;display:flex}.row-from{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.row.unread .row-from,.row.unread .row-subject{font-weight:650}.row-date{color:var(--muted);flex:none;font-size:.8rem}.row-subject{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:.95rem;display:flex;overflow:hidden}.row-subject .clip,.row-subject .flag{color:var(--muted);flex:none;display:inline-flex}.row-subject .flag{color:#d18b00}.row-snippet{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;display:-webkit-box;overflow:hidden}.row.deleted{opacity:.7}.row-meta{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.tag{background:var(--bg-hover);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:.75rem;display:inline-block}.tag.current{background:var(--bg-selected);color:var(--fg)}.tag.warn{background:var(--warn-bg);color:var(--warn)}.empty{color:var(--muted);text-align:center;padding:32px 24px}.sentinel{justify-content:center;min-height:48px;padding:16px;display:flex}.spinner{border:2.5px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.search{border-bottom:1px solid var(--line);padding:calc(env(safe-area-inset-top) + 4px) 8px 6px}.search-row{align-items:center;gap:4px;min-height:44px;display:flex}.search-row input{background:var(--bg-soft);border-radius:10px;flex:1}.filters{grid-template-columns:1fr 1fr;gap:10px;padding:10px 6px 6px;display:grid}.filters label{color:var(--muted);gap:4px;font-size:.8rem;display:grid}.filters label.check{color:var(--fg);align-items:center;gap:8px;font-size:.9rem;display:flex}.filter-actions{grid-column:1/-1;justify-content:space-between;display:flex}.reader{overscroll-behavior:contain;padding-bottom:calc(24px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.reader-toolbar{z-index:5;position:sticky;top:0}.reader-head{border-bottom:1px solid var(--line);gap:3px;padding:14px 16px 10px;display:grid}.reader-head h1{overflow-wrap:anywhere;margin:0 0 6px;font-size:1.25rem}.reader-from{overflow-wrap:anywhere}.reader-tags{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.move-picker{border-bottom:1px solid var(--line);background:var(--bg-soft);padding:10px 16px;font-size:.9rem}.move-options{flex-wrap:wrap;gap:6px;max-height:40vh;margin-top:8px;display:flex;overflow-y:auto}.thread{border-bottom:1px solid var(--line);background:var(--bg-soft)}.attachments{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:10px 16px;display:flex}.attachment{border:1px solid var(--line);border-radius:10px;align-items:center;gap:6px;max-width:100%;padding:6px 10px;font-size:.9rem;display:inline-flex}.attachment:hover{background:var(--bg-hover)}.attachment-name{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.banner{background:var(--bg-soft);border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:4px 8px 4px 16px;font-size:.9rem;display:flex}.message-frame{background:#fff;border:0;width:100%;display:block}.plain{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;margin:0;padding:14px 16px;font-size:.95rem}.placeholder{color:var(--line);flex:1;justify-content:center;align-items:center;display:flex}.viewer{z-index:50;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.viewer img{object-fit:contain;max-width:100%;max-height:100%}.viewer-close{top:calc(env(safe-area-inset-top) + 8px);color:#fff;position:absolute;right:8px}.compose{overscroll-behavior:contain;padding-bottom:calc(24px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.compose-toolbar{z-index:5;position:sticky;top:0}.send-button{align-items:center;gap:6px;margin-left:4px;padding:8px 14px;display:inline-flex}.spinner.on-accent{border-width:2px;border-color:#ffffff59;border-top-color:var(--accent-fg);width:16px;height:16px}.compose-field{border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:46px;padding:0 8px 0 16px;display:flex}.compose-field>span{width:4.2rem;color:var(--muted);flex:none;font-size:.9rem}.compose-field input{background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:10px 0}.compose-field .text-button{padding:6px 8px;font-size:.85rem}.compose-body{resize:none;width:100%;min-height:40vh;color:inherit;font:inherit;background:0 0;border:0;outline:none;padding:14px 16px;line-height:1.45;display:block;overflow:hidden}.chip-remove{width:22px;height:22px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;margin-left:2px;display:inline-flex}.chip-remove:hover{background:var(--bg-hover);color:var(--fg)}.banner.problem{background:var(--warn-bg);color:var(--warn)}.banner>span{flex:1;padding:6px 0}.notice{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));background:var(--fg);max-width:min(90vw,480px);color:var(--bg);box-shadow:var(--shadow);z-index:60;border-radius:10px;padding:10px 16px;font-size:.9rem;position:fixed;transform:translate(-50%)}.notice.error{background:var(--warn);color:#fff}.update-bar{z-index:70;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:var(--accent);color:var(--accent-fg);font-weight:600;position:fixed;bottom:0;left:0;right:0}.signin{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100%;padding:24px;display:flex}.signin h1{margin:8px 0 0}.signin p{max-width:28rem;margin:0 0 8px}