:root{color-scheme:dark;--bg: #1a1b26;--bg-raised: #16161e;--bg-sel: #292e42;--bg-hover: #24283b;--bg-active: #3b4261;--bar: #16161e;--line: #3b4261;--fg: #c0caf5;--dim: #a9b1d6;--mute: #565f89;--green: #9ece6a;--amber: #e0af68;--red: #f7768e;--unread: #c0caf5;--accent: #7aa2f7;--shadow: #0008}@media(prefers-color-scheme:light){:root{color-scheme:light;--bg: #e1e2e7;--bg-raised: #d0d5e3;--bg-sel: #b7c1e3;--bg-hover: #c4c8da;--bg-active: #a8aecb;--bar: #d0d5e3;--line: #a8aecb;--fg: #3760bf;--dim: #6172b0;--mute: #848cb5;--green: #587539;--amber: #8c6c3e;--red: #f52a65;--unread: #2e7de9;--accent: #2e7de9;--shadow: #8990b366}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.45}button,input,textarea,select{font:inherit;color:inherit}.app{height:100%;display:grid;grid-template-rows:auto auto 1fr auto auto;min-height:0}.chrome,.status{display:flex;align-items:center;gap:12px;padding:0 12px;height:28px;background:var(--bg-raised);border-bottom:1px solid var(--line);color:var(--dim);white-space:nowrap}.status{border-bottom:0;border-top:1px solid var(--line);justify-content:space-between}.chrome strong,.mode{color:var(--green);font-weight:600}.chrome .grow,.status .grow{flex:1;overflow:hidden;text-overflow:ellipsis}.hint{color:var(--mute)}.cal-bar{display:flex;flex-wrap:wrap;gap:8px;padding:6px 12px;background:var(--bg-raised);border-bottom:1px solid var(--line)}.cal-chip{appearance:none;display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;border:1px solid var(--line);background:var(--bg-hover);color:var(--dim);cursor:pointer}.cal-chip.on{color:var(--fg);border-color:var(--cal-color, var(--accent))}.cal-chip.off{opacity:.45}.cal-chip .cal-dot{width:8px;height:8px;border-radius:50%;background:var(--cal-color, var(--mute))}.workspace{min-height:0;display:grid;grid-template-rows:minmax(0,1fr)}.workspace.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.pane{min-height:0;overflow:auto}.workspace.split .pane+.pane{border-top:0;border-left:1px solid var(--line)}.date-header{position:sticky;top:0;z-index:1;padding:6px 12px;background:var(--bg-raised);border-bottom:1px solid var(--line);color:var(--green);font-weight:600}.row{display:grid;grid-template-columns:14px 10px 64px 88px 16px minmax(100px,1fr) minmax(80px,180px);gap:8px;padding:2px 12px;cursor:default;align-items:center}.row:hover{background:var(--bg-hover)}.row.sel{background:var(--bg-sel);color:var(--unread)}.row.pending-rsvp .rsvp{color:var(--amber)}.mark{color:var(--amber);text-align:center}.cal-dot{width:8px;height:8px;border-radius:50%;justify-self:center}.time,.cal-name,.meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dim)}.row.sel .time,.row.sel .cal-name,.row.sel .meta{color:inherit}.rsvp{text-align:center;color:var(--mute)}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty,.boot{padding:24px 16px;color:var(--dim)}.empty code,.help kbd,.boot code{color:var(--green)}.letter,.preview{padding:14px 16px 24px}.preview{background:var(--bg)}.headers{margin-bottom:16px;color:var(--dim)}.headers .subject-line{color:var(--fg);font-weight:600;font-size:14px;margin-bottom:8px}.headers a{color:var(--accent)}.body-text{white-space:pre-wrap;word-break:break-word}.attendee-list{margin:16px 0 0;padding-left:1.2em;color:var(--dim)}.rsvp-badge{color:var(--amber)}.compose{padding:10px 16px 16px;display:flex;flex-direction:column;gap:6px;min-height:0}.field{display:grid;grid-template-columns:72px 1fr;gap:8px;align-items:center}.field label{color:var(--mute)}.field input,.field select,.compose textarea{background:transparent;border:0;outline:none;width:100%;padding:2px 0}.compose textarea{flex:1;resize:none;min-height:160px;border-top:1px solid var(--line);padding-top:10px;margin-top:4px}.bar{display:flex;align-items:center;gap:8px;padding:0 12px;height:28px;background:var(--bar);border-top:1px solid var(--line)}.bar input{flex:1;background:transparent;border:0;outline:none}.bar.error{color:var(--red)}.bar.confirm{color:var(--amber)}.bar.confirm button{appearance:none;background:var(--bg-sel);border:1px solid var(--line);color:var(--green);padding:0 10px;height:20px;border-radius:4px}.help{position:fixed;inset:8% 10%;background:var(--bg-raised);border:1px solid var(--line);padding:16px 20px;overflow:auto;box-shadow:0 12px 40px var(--shadow);z-index:10}.help h2{margin:0 0 12px;font-size:13px;color:var(--green)}.help-grid{display:grid;grid-template-columns:160px 1fr;gap:4px 16px}.help-grid span:first-child,.flash{color:var(--amber)}.connect-banner{display:none;padding:12px 16px 4px;color:var(--dim)}.connect-banner>span{display:none}.connect-row{display:flex;flex-wrap:wrap;gap:8px}.btn{appearance:none;background:var(--bg-sel);border:1px solid var(--line);color:var(--green);padding:10px 14px;border-radius:8px;min-height:44px}.btn:active{background:var(--bg-active)}.mobile-only,.dock,.read-actions{display:none}@media(max-width:720px){html,body,#root{height:100dvh}body{font-size:15px}.app{grid-template-rows:auto auto 1fr auto auto auto;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.chrome,.status{height:48px;padding:0 16px;gap:8px}.mode,.hint,.mark,.cal-name,.meta{display:none}.workspace.split{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.workspace.split .preview,.workspace.view-read .agenda,.workspace.view-read .pane:first-child,.workspace.view-compose .agenda{display:none}.workspace.split .pane+.pane{border-left:0}.row{grid-template-columns:22px 10px minmax(0,1fr) auto;grid-template-areas:"mark dot title time" "mark rsvp title time";gap:2px 10px;padding:12px 16px;min-height:64px;border-bottom:1px solid var(--line)}.mark{grid-area:mark;align-self:center}.cal-dot{grid-area:dot;align-self:center}.time{grid-area:time;font-size:12px;display:block}.rsvp{grid-area:rsvp;display:block;text-align:left}.title{grid-area:title;font-size:15px}.letter,.preview,.compose{padding:16px}.headers .subject-line{font-size:18px;line-height:1.3}.compose textarea{min-height:40vh;font-size:16px}.field input,.field select{font-size:16px;min-height:44px}.help{inset:env(safe-area-inset-top) 0 0 0;border:0;padding:20px 16px 96px}.help-grid{grid-template-columns:1fr;gap:2px 0}.help-grid span:first-child{margin-top:10px}.connect-banner{display:block}.connect-banner>span{display:block;margin-bottom:8px}.dock,.read-actions{display:flex;align-items:center;justify-content:space-around;gap:4px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg-raised)}.dock button,.read-actions button{flex:1;appearance:none;background:var(--bg-hover);border:1px solid var(--line);border-radius:10px;color:var(--green);min-height:44px;padding:8px 4px}.status .grow{display:none}}