:root{--bg:#fff;--surface:#f5f6f8;--text:#1b1f24;--muted:#667085;--border:#e4e7ec;--accent:#2f6fdb;--urgent-bg:#fff1f0;--urgent-text:#a8071a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#12151a;--surface:#1b2028;--text:#e6e9ee;--muted:#98a2b3;--border:#2a313c;--accent:#7aa7ff;--urgent-bg:#3a1518;--urgent-text:#ffb3b8}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:inherit;text-decoration:none}.app{max-width:1600px;padding-bottom:env(safe-area-inset-bottom);margin:0 auto}.bar{padding:calc(12px + env(safe-area-inset-top)) 16px 12px;border-bottom:1px solid var(--border);background:var(--bg);z-index:1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{font-size:1.1rem;font-weight:700}nav a{color:var(--muted);border-radius:6px;padding:4px 8px}nav a.active{color:var(--text);background:var(--surface)}main{padding:8px 16px 32px}.center{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.muted{color:var(--muted)}.error{color:var(--urgent-text)}h2{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:20px 0 8px;font-size:.85rem}.count{background:var(--surface);border-radius:999px;margin-left:6px;padding:1px 8px;font-weight:600}.urgent{gap:8px;margin-top:12px;display:grid}.alert{background:var(--urgent-bg);color:var(--urgent-text);border-radius:8px;padding:10px 12px;font-weight:500}.items{margin:0;padding:0;list-style:none}.item{border-bottom:1px solid var(--border);gap:10px;padding:10px 0;display:flex}a.item:hover{background:var(--surface)}.swatch{border-radius:2px;flex:none;align-self:stretch;width:4px;min-height:16px}.accounts .swatch{border-radius:50%;align-self:center;width:10px;height:10px;min-height:0}.item-main{flex:1;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"sender time""subject subject";column-gap:8px;min-width:0;display:grid}.sender{text-overflow:ellipsis;white-space:nowrap;grid-area:sender;font-weight:600;overflow:hidden}.subject{flex-direction:column;grid-area:subject;min-width:0;display:flex}time{color:var(--muted);white-space:nowrap;grid-area:time;font-size:.85rem}.title,.snippet{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.snippet{color:var(--muted);font-size:.9rem}@media (width>=900px){.bar,main{padding-left:24px;padding-right:24px}.item{border-bottom-color:#0000;border-radius:6px;align-items:center;padding:7px 8px}.items li{border-bottom:1px solid var(--border)}.swatch{min-height:20px}.item-main{grid-template-columns:minmax(140px,220px) minmax(0,1fr) auto;grid-template-areas:"sender subject time";align-items:baseline;column-gap:16px}.subject{white-space:nowrap;flex-direction:row;overflow:hidden}.title{flex:0 auto;max-width:70%}.snippet{min-width:0;font-size:inherit;flex:1 1 0}.snippet:before{content:"—";margin:0 8px}}.accounts{margin:0 0 12px;padding:0;list-style:none}.accounts li{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 0;display:flex}.grow{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.status{color:var(--muted);font-size:.85rem}.status.auth_error{color:var(--urgent-text);font-weight:600}.button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:8px;padding:10px 16px;font-weight:600;display:inline-block}.button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.sync{border-collapse:collapse;width:100%;font-size:.9rem}.sync th,.sync td{text-align:left;border-bottom:1px solid var(--border);padding:6px 4px}.sync th{color:var(--muted);font-weight:500}@media (width<=480px){.sync th:nth-child(2),.sync td:nth-child(2){display:none}}