:root{--bg:#fff;--fg:#202124;--muted:#6b7280;--line:#e5e7eb;--accent:#1a73e8;--sel:#e8f0fe;--side:#f6f8fc;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1b1c1f;--fg:#e8eaed;--muted:#9aa0a6;--line:#33353a;--accent:#8ab4f8;--sel:#2b3445;--side:#222428}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:14px system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:6px 10px}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.danger{color:#d93025}button:disabled{opacity:.6}input,textarea{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:8px}.cap{text-transform:capitalize}.muted{color:var(--muted)}.small{font-size:12px}.err{color:#d93025}.pad{padding:12px}.center{justify-content:center;align-items:center;height:100%;display:flex}.login{flex-direction:column;gap:10px;width:min(320px,90vw);display:flex}.app{grid-template-columns:200px 360px 1fr;height:100%;display:grid}.sidebar{background:var(--side);flex-direction:column;gap:2px;padding:12px;display:flex;overflow:auto}.sidebar a{border-radius:16px;justify-content:space-between;padding:8px 10px;display:flex}.sidebar a.active{background:var(--sel);font-weight:600}.compose-btn{margin-bottom:10px;padding:10px}.badge{font-size:12px}.spacer{flex:1}.me{color:var(--muted);text-overflow:ellipsis;padding:6px;font-size:12px;overflow:hidden}.scrim{display:none}.pane{border-right:1px solid var(--line);min-width:0;overflow:auto}.list-pane{flex-direction:column;display:flex}.bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:8px;display:flex}.search{flex:1}.search input{width:100%}.menu,.back{display:none}.list-title{padding:8px 12px;font-weight:600}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--line)}.list li.sel{background:var(--sel)}.list li a{gap:4px;padding:8px;display:flex}.list .row{flex:1;min-width:0}.r1{justify-content:space-between;gap:8px;display:flex}.from,.subj,.snip{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.snip,.date{color:var(--muted);font-size:12px}.unread .from,.unread .subj{font-weight:700}.unread{background:color-mix(in srgb,var(--sel) 35%,transparent)}.star{color:var(--muted);background:0 0;border:0;align-self:flex-start;padding:0 4px;font-size:18px}.star.on{color:#f4b400}.more{margin:12px}.thread-pane{border-right:0}.empty{text-align:center;color:var(--muted);padding:40px}.thread-bar{background:var(--bg);z-index:1;position:sticky;top:0}.tsubj{margin:12px 16px}.msg{border:1px solid var(--line);border-radius:8px;margin:8px 16px;padding:10px}.msg-head{cursor:pointer;flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.msg-head .snip{width:100%}.meta{color:var(--muted);margin:6px 0;font-size:12px}.mail-frame{background:#fff;border:0;border-radius:4px;width:100%}.plain{white-space:pre-wrap;font:inherit;margin:8px 0}.atts{flex-wrap:wrap;gap:6px;padding:0;list-style:none;display:flex}.actions{gap:6px;margin-top:8px;display:flex}.modal-wrap{z-index:10;background:#0006;justify-content:flex-end;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--bg);border-radius:8px 8px 0 0;flex-direction:column;gap:8px;width:min(560px,100%);max-height:100%;padding:12px;display:flex;overflow:auto}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal label{align-items:center;gap:8px;display:flex}.modal label input,.modal label select{flex:1}.modal textarea{resize:vertical;min-height:240px}.modal-foot{gap:8px;display:flex}.chip{border:1px solid var(--line);border-radius:12px;gap:4px;margin:2px;padding:2px 8px;font-size:12px;display:inline-flex}.chip button{border:0;padding:0 2px}.toast{color:#fff;z-index:20;background:#323232;border-radius:6px;padding:8px 16px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}@media (width<=800px){.app{display:block}.sidebar{z-index:6;width:240px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{transform:none}.scrim{z-index:5;background:#0006;display:block;position:fixed;inset:0}.menu,.back{display:inline-block}.app .list-pane,.app .thread-pane{border:0;height:100%}.app.show-thread .list-pane,.app:not(.show-thread) .thread-pane{display:none}.modal-wrap{align-items:stretch}.modal{border-radius:0}}.accts{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding:8px 6px;display:flex}.acct{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.acct-addr{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}kbd{border:1px solid var(--line);background:var(--side);border-bottom-width:2px;border-radius:4px;margin-right:4px;padding:1px 6px;font:12px ui-monospace,monospace}.center-wrap{justify-content:center;align-items:center}.center-wrap .modal{border-radius:8px;max-height:90vh}.help,.settings{width:min(640px,94vw)}.keys{border-collapse:collapse;width:100%}.keys td{border-bottom:1px solid var(--line);vertical-align:top;padding:4px 6px}.keys input{width:100%;padding:4px 6px}.row-l{justify-content:flex-start;align-items:center;gap:8px;display:flex}.modal .row-l select{flex:0}.settings .modal-foot{flex-wrap:wrap}.side-row{gap:6px;display:flex}.undo{color:#8ab4f8;background:0 0;border:0;margin-left:12px;font-weight:600}.pick{align-self:flex-start;margin:2px 2px 0 0}.list li.cur{box-shadow:inset 3px 0 var(--accent)}.list li.chk{background:var(--sel)}.dens-compact .list li a{padding:3px 8px}.dens-compact .snip{display:none}.dens-compact .list .row{align-items:baseline;gap:10px;display:flex}.dens-compact .r1{flex:none;width:200px}.dens-compact .subj{flex:1}@media (width>=801px){.app.pv-bottom{grid-template-rows:minmax(0,1fr) minmax(0,1.3fr);grid-template-columns:200px 1fr}.app.pv-bottom .sidebar{grid-row:1/3}.app.pv-bottom .list-pane{border-right:0;border-bottom:1px solid var(--line)}.app.pv-off{grid-template-columns:200px 1fr}.app.pv-off.show-thread .list-pane,.app.pv-off:not(.show-thread) .thread-pane{display:none}.app.pv-off .thread-pane .back{display:inline-block}}.modal .row-l input[type=checkbox]{flex:none}.palette{width:min(420px,94vw)}.cmds{max-height:50vh;margin:0;padding:0;list-style:none;overflow:auto}.cmds li{cursor:pointer;border-radius:4px;padding:4px 8px}.cmds li.on{background:var(--sel)}