:root{color-scheme:light dark;--bg: #fbfaf8;--pane: #ffffff;--line: #ebe7e1;--text: #1d1b19;--muted: #7b756d;--accent: #b9741a;--accent-ink: #ffffff;--sel: #f5efe6;--done: #2f8f5b;--later: #c9792b;--shadow: 0 12px 40px rgba(30, 20, 10, .18);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}@media (prefers-color-scheme: dark){:root{--bg: #141312;--pane: #1a1917;--line: #2a2825;--text: #f1eee9;--muted: #9a938a;--accent: #f3b562;--accent-ink: #1c1a18;--sel: #26231f;--done: #49b67c;--later: #e39a4c;--shadow: 0 12px 40px rgba(0, 0, 0, .55)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 var(--font);overscroll-behavior:none;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{opacity:.45;cursor:default}input,textarea{font:inherit;color:inherit}kbd{font:600 11px/1 var(--font);padding:3px 5px;border:1px solid var(--line);border-radius:5px;color:var(--muted);background:var(--bg)}.muted{color:var(--muted)}.small{font-size:12.5px}h1,h2,p{margin:0}.app{height:100%;display:grid;grid-template-columns:minmax(340px,440px) 1fr}.pane{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--pane)}.list-pane{border-right:1px solid var(--line)}.topbar{display:flex;align-items:center;gap:4px;padding:calc(8px + var(--safe-t)) 10px 8px 14px;border-bottom:1px solid var(--line);min-height:52px}.topbar h1{font-size:16px;font-weight:650;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;color:var(--muted);flex:none}.icon:hover,.icon:focus-visible{background:var(--sel);color:var(--text);outline:none}.acct{font-size:12.5px;font-weight:600;padding-right:6px}.tabs{display:flex;gap:2px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.tabs button{padding:8px 12px;border-radius:9px;font-weight:600;color:var(--muted);white-space:nowrap;display:flex;align-items:center;gap:6px}.tabs button.on{color:var(--text);background:var(--sel)}.count{font-size:11.5px;font-weight:700;color:var(--accent)}.search{flex:1;min-width:0;height:40px;border:0;outline:0;background:var(--sel);border-radius:10px;padding:0 12px}.list{flex:1;overflow-y:auto;overscroll-behavior:contain}.row{position:relative;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none}.row-under{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-weight:650;color:#fff;background:var(--line)}.row[data-dir=right] .row-under{background:color-mix(in srgb,var(--done) 55%,var(--line))}.row[data-dir=left] .row-under{background:color-mix(in srgb,var(--later) 55%,var(--line))}.row[data-dir=right][data-armed="1"] .row-under{background:var(--done)}.row[data-dir=left][data-armed="1"] .row-under{background:var(--later)}.row[data-dir=right] .under-right,.row[data-dir=left] .under-left,.row:not([data-dir]) .row-under,.row[data-dir=""] .row-under{visibility:hidden}.row-body{position:relative;display:flex;gap:10px;padding:11px 14px 11px 12px;background:var(--pane);border-bottom:1px solid var(--line);transform:translate3d(var(--dx, 0),0,0);will-change:transform}.row.settling .row-body{transition:transform .14s cubic-bezier(.2,.8,.2,1)}.row.selected .row-body{background:var(--sel);box-shadow:inset 3px 0 0 var(--accent)}.dot{width:8px;height:8px;border-radius:50%;margin-top:7px;flex:none}.row-text{min-width:0;flex:1}.row-line{display:flex;justify-content:space-between;gap:10px}.from{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.from .n{color:var(--muted);font-weight:400;font-size:12.5px}.row time{color:var(--muted);font-size:12.5px;flex:none}.subject,.snippet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snippet{color:var(--muted);font-size:13.5px}.unread .from,.unread .subject{font-weight:680}.unread time{color:var(--accent);font-weight:600}.hints{padding:8px 14px calc(8px + var(--safe-b));border-top:1px solid var(--line);color:var(--muted);font-size:12px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.zero{flex:1;display:grid;place-content:center;text-align:center;gap:6px;padding:48px 24px}.zero-mark{width:56px;height:56px;margin:0 auto 8px;border-radius:50%;display:grid;place-items:center;font-size:26px;color:var(--done);background:color-mix(in srgb,var(--done) 14%,transparent)}.messages{flex:1;overflow-y:auto;padding:18px clamp(14px,4vw,40px) 24px;display:flex;flex-direction:column;gap:14px}.msg{max-width:760px;width:100%;margin:0 auto;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--bg);user-select:text;-webkit-user-select:text}.msg-head{display:flex;gap:8px;align-items:baseline;margin-bottom:8px;font-size:13.5px}.msg-head .muted{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg p{margin:0 0 9px}.msg p:last-child{margin-bottom:0}blockquote{margin:0 0 9px;padding:2px 0 2px 12px;border-left:3px solid var(--accent);color:var(--muted)}.actions{display:flex;gap:8px;padding:10px 12px calc(10px + var(--safe-b));border-top:1px solid var(--line)}.actions button,.composer-bar button{flex:1;height:46px;border-radius:12px;font-weight:650;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--sel)}.primary{background:var(--accent)!important;color:var(--accent-ink)!important}.ghost{background:transparent!important;color:var(--muted)}.composer{max-width:760px;width:100%;margin:0 auto;border:1px solid var(--accent);border-radius:14px;background:var(--pane);overflow:hidden}.composer textarea{display:block;width:100%;border:0;outline:0;resize:vertical;background:transparent;padding:14px 16px;min-height:140px;font-size:16px}.composer-bar{display:flex;gap:8px;align-items:center;padding:8px;border-top:1px solid var(--line)}.composer-bar .muted{flex:3;font-size:12.5px;padding-left:8px}.composer-bar button{flex:1;height:40px;min-width:96px}.scrim{position:fixed;inset:0;z-index:20;background:#00000061;display:flex;align-items:flex-end;justify-content:center;animation:fade .12s ease-out}.scrim.top{align-items:flex-start;padding-top:min(18vh,140px)}.sheet,.palette{width:min(560px,100%);background:var(--pane);box-shadow:var(--shadow);padding:8px 14px calc(14px + var(--safe-b));border-radius:18px 18px 0 0;animation:rise .16s cubic-bezier(.2,.8,.2,1);max-height:86dvh;overflow-y:auto}.palette{border-radius:16px;padding:8px;animation:pop .12s ease-out;margin:0 12px}.sheet-grip{width:38px;height:4px;border-radius:4px;background:var(--line);margin:4px auto 12px}.sheet h2{font-size:17px;margin-bottom:4px}.sheet>p{margin-bottom:10px}.snooze-form input,.palette>input{width:100%;height:48px;border:0;outline:0;background:var(--sel);border-radius:12px;padding:0 14px;font-size:16px}.snooze-preview{padding:8px 4px 4px;font-size:13.5px;color:var(--muted);min-height:32px}.snooze-preview.ok{color:var(--accent);font-weight:600}.options{list-style:none;margin:6px 0 0;padding:0}.options button{width:100%;min-height:46px;padding:0 12px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.options button:hover:not(:disabled),.options button.active{background:var(--sel)}.options .empty{padding:14px 12px;color:var(--muted)}.toast{position:fixed;z-index:30;left:12px;right:12px;margin-inline:auto;width:fit-content;bottom:calc(76px + var(--safe-b));background:var(--text);color:var(--bg);padding:10px 14px;border-radius:12px;display:flex;gap:14px;align-items:center;box-shadow:var(--shadow);max-width:calc(100vw - 24px);animation:pop .12s ease-out;font-size:14px}.toast button{font-weight:700;color:var(--accent);filter:brightness(1.15)}@media (prefers-color-scheme: dark){.toast button{color:#a8610d;filter:none}}.latency{position:fixed;z-index:40;top:calc(6px + var(--safe-t));left:50%;transform:translate(-50%);font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;padding:5px 8px;border-radius:8px;background:var(--done);color:#fff;pointer-events:none}.latency.warn{background:var(--later)}.latency.slow{background:#c0392b}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(24px);opacity:.4}}@keyframes pop{0%{transform:scale(.97);opacity:0}}@media (max-width: 859px){.app{display:block;position:relative;overflow:hidden}.pane{position:absolute;inset:0}.list-pane{border-right:0}.thread-pane{transform:translate3d(100%,0,0);transition:transform .18s cubic-bezier(.2,.8,.2,1);z-index:5;box-shadow:var(--shadow)}.has-open .thread-pane{transform:none}.hints,.desktop-only{display:none}.row-body{padding:13px 14px 13px 12px}.composer-bar .muted{display:none}}@media (min-width: 860px){.back,.actions{display:none}.row{cursor:default}.scrim{align-items:center}.sheet{border-radius:18px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}