:root{--color-ground:#f5f2ec;--color-surface:#fff;--color-surface-sunk:#efebe3;--color-ink:#23272c;--color-ink-muted:#5c636c;--color-line:#23272c1f;--color-on-fill:#fff;--color-action:#2c6a6e;--color-action-fill:#e1eeee;--color-approve:#2f6b4f;--color-approve-fill:#dcebe2;--color-reject:#8a4a2a;--color-reject-fill:#f3e2d8;--color-important:#9a5b00;--color-important-fill:#f6e9d2;--color-trouble:#a33a28;--color-trouble-fill:#f6dfd9;--color-quiet-fill:#ece9e2;--color-scrim:#14161959;--shadow-card:0 1px 2px #23272c0d,0 6px 20px #23272c0d;--shadow-sheet:0 -8px 30px #14161926}@media (prefers-color-scheme:dark){:root{--color-ground:#16181b;--color-surface:#1f2226;--color-surface-sunk:#272b30;--color-ink:#e9e6e0;--color-ink-muted:#a7a39b;--color-line:#ffffff1a;--color-on-fill:#0f1113;--color-action:#86c3c6;--color-action-fill:#22383a;--color-approve:#8fcfa9;--color-approve-fill:#213529;--color-reject:#e4a988;--color-reject-fill:#3d2a20;--color-important:#f0c27a;--color-important-fill:#3a2f1c;--color-trouble:#f09a86;--color-trouble-fill:#3f231d;--color-quiet-fill:#2a2d31;--color-scrim:#00000080;--shadow-card:none;--shadow-sheet:none}}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--gutter:16px;--page-width:720px;--tab-height:64px;--radius-card:18px;--radius-field:12px;--radius-full:999px;--font-body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-reading:"Iowan Old Style","Charter","Georgia",serif;--text-small:.8125rem;--text-body:1rem;--text-reading:1.0625rem;--text-title:1.125rem;--text-page:1.875rem;--weight-light:300;--weight-regular:400;--weight-medium:560;--leading-reading:1.55;--transition-quick:.16s ease;--transition-sheet:.24s cubic-bezier(.2,.8,.2,1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-ground);color:var(--color-ink);font:var(--weight-regular)var(--text-body)/1.45 var(--font-body);-webkit-tap-highlight-color:transparent;margin:0}h1,h2,h3{font-weight:var(--weight-medium);margin:0}h1{font-size:var(--text-page);font-weight:var(--weight-light);letter-spacing:-.01em}h2{font-size:var(--text-title)}p{margin:0}button{font:inherit;font-weight:var(--weight-medium);border-radius:var(--radius-full);padding:var(--space-2)var(--space-4);background:var(--color-action);color:var(--color-on-fill);cursor:pointer;transition:opacity var(--transition-quick);border:0}button:disabled{opacity:.45;cursor:default}button[data-kind=quiet]{background:var(--color-surface-sunk);color:var(--color-ink)}button[data-kind=plain]{color:var(--color-action);padding-inline:var(--space-2);background:0 0}button[data-kind=danger]{background:var(--color-trouble-fill);color:var(--color-trouble)}input,select{font:inherit;color:inherit;background:var(--color-surface-sunk);border-radius:var(--radius-field);padding:var(--space-2)var(--space-3);border:1px solid #0000;width:100%;min-width:0}input[type=checkbox]{accent-color:var(--color-action);width:auto}:focus-visible{outline:2px solid var(--color-action);outline-offset:2px}a{color:var(--color-action)}.muted{color:var(--color-ink-muted)}.small{font-size:var(--text-small)}.notice{position:fixed;left:50%;bottom:calc(var(--tab-height) + var(--space-3) + env(safe-area-inset-bottom));max-width:calc(100% - 2*var(--gutter));background:var(--color-ink);color:var(--color-ground);border-radius:var(--radius-field);padding:var(--space-2)var(--space-4);font-size:var(--text-small);z-index:30;transform:translate(-50%)}.tab-bar{position:fixed;height:calc(var(--tab-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;justify-content:center;gap:var(--space-2);background:var(--color-surface);box-shadow:0 -1px 0 var(--color-line);z-index:20;inset:auto 0 0}.tab-bar button{position:relative;display:flex;color:var(--color-ink-muted);border-radius:var(--radius-field);font-size:var(--text-small);font-weight:var(--weight-regular);background:0 0;flex-direction:column;flex:0 140px;justify-content:center;align-items: center;gap:2px}.tab-bar button[data-current=yes]{color:var(--color-ink);font-weight:var(--weight-medium)}.tab-bar .badge{position:absolute;border-radius:var(--radius-full);background:var(--color-action);color:var(--color-on-fill);min-width:18px;padding:0 5px;font-size:.6875rem;line-height:18px;top:6px;left:calc(50% + 6px)}.chip{display:inline-flex;align-items: center;gap:var(--space-1);border-radius:var(--radius-full);padding:1px var(--space-2);font-size:var(--text-small);font-weight:var(--weight-medium);white-space:nowrap;background:var(--color-quiet-fill);color:var(--color-ink-muted)}.chip[data-tone=action]{background:var(--color-action-fill);color:var(--color-action)}.chip[data-tone=important]{background:var(--color-important-fill);color:var(--color-important)}.chip[data-tone=trouble]{background:var(--color-trouble-fill);color:var(--color-trouble)}.feed-card{list-style:none}.feed-card+.feed-card{margin-top:var(--space-3)}.feed-card button{display:flex;gap:var(--space-1);text-align:left;background:var(--color-surface);color:var(--color-ink);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-4);font-weight:var(--weight-regular);flex-direction:column;width:100%}.feed-card .from{display:flex;align-items: center;gap:var(--space-2)}.feed-card .from strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--weight-medium);flex:1;min-width:0}.feed-card .dot{border-radius:var(--radius-full);background:var(--color-action);flex:none;width:8px;height:8px}.feed-card .subject{color:var(--color-ink-muted);font-size:var(--text-small)}.feed-card .text{font-family:var(--font-reading);font-size:var(--text-reading);line-height:var(--leading-reading)}.feed-card .chips{display:flex;gap:var(--space-2);flex-wrap:wrap}.feed-card .chips:empty{display:none}.feed-card[data-seen=yes] .text{color:var(--color-ink-muted)}@media (prefers-color-scheme:dark){.feed-card button{border:1px solid var(--color-line)}}.feed-screen{display:flex;gap:var(--space-4);flex-direction:column}.feed-screen .channels{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1)}.feed-screen .channels button{font-weight:var(--weight-regular);flex:none}.feed-screen .channels button[data-current=yes]{background:var(--color-ink);color:var(--color-ground)}.feed-screen .items{margin:0;padding:0}.feed-screen .older{align-self: center}.feed-screen .empty{font-family:var(--font-reading);font-size:var(--text-reading);margin-top:var(--space-5)}.message-screen{display:flex;gap:var(--space-3);flex-direction:column}.message-screen .top{display:flex;justify-content:space-between}.message-screen .top button{display:inline-flex;align-items: center;gap:var(--space-1)}.message-screen article{display:flex;gap:var(--space-2);flex-direction:column}.message-screen h1{overflow-wrap:anywhere;font-size:1.5rem}.message-screen .from{overflow-wrap:anywhere}.message-screen .warning{display:flex;align-items: center;gap:var(--space-2);color:var(--color-trouble);background:var(--color-trouble-fill);padding:var(--space-2)var(--space-3);border-radius:var(--radius-field)}.message-screen .text{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-reading);font-size:var(--text-reading);line-height:var(--leading-reading);margin-top:var(--space-3)}.message-screen .images{align-self: flex-start}.message-screen iframe{border-radius:var(--radius-field);margin-top:var(--space-2);background:#fff;border:0;width:100%;height:70vh}.message-screen .attachments ul{margin:var(--space-2)0 0;padding:0}.message-screen .attachments li{list-style:none;padding:var(--space-1)0}.message-screen .attachments a{display:inline-flex;align-items: center;gap:var(--space-1)}.message-screen .error{color:var(--color-trouble)}.card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-4);min-width:0}.card header{display:flex;justify-content:space-between;align-items: center;gap:var(--space-3);margin-bottom:var(--space-2)}.card .aside{display:flex;align-items: center;gap:var(--space-2)}.card .hint{margin-bottom:var(--space-3)}@media (prefers-color-scheme:dark){.card{border:1px solid var(--color-line)}}.field{display:flex;gap:var(--space-1);flex-direction:column;min-width:0}.accounts-card ul{margin:0;padding:0}.accounts-card li{list-style:none;display:flex;justify-content:space-between;align-items: center;gap:var(--space-3);padding:var(--space-3)0;flex-wrap:wrap}.accounts-card .what{display:flex;gap:var(--space-1);flex-direction:column;min-width:0}.accounts-card .buttons{display:flex;gap:var(--space-2);flex-wrap:wrap}.accounts-card .add-account{display:flex;gap:var(--space-3);margin-top:var(--space-3);flex-direction:column}.accounts-card .server{display:grid;grid-template-columns:1fr 90px auto;gap:var(--space-2);align-items: end}.accounts-card .tls{display:flex;align-items: center;gap:var(--space-1);padding-bottom:var(--space-2)}.accounts-card .error{color:var(--color-trouble)}.channels-card ul{display:flex;gap:var(--space-2);flex-direction:column;margin:0;padding:0}.channels-card li{list-style:none;display:flex;align-items: center;gap:var(--space-3)}.channels-card .channel-editor{display:flex;gap:var(--space-3);flex-direction:column;width:100%}.channels-card fieldset{display:flex;gap:var(--space-2);border:0;flex-direction:column;margin:0;padding:0}.channels-card .folder{display:flex;align-items: center;gap:var(--space-2)}.channels-card .buttons{display:flex;gap:var(--space-2);flex-wrap:wrap}.rules-card ul{margin:0;padding:0}.rules-card li{list-style:none;display:flex;align-items: center;gap:var(--space-3);padding:var(--space-2)0}.rules-card li[data-enabled=no] .what{opacity:.55}.rules-card .what{overflow-wrap:anywhere;flex:1;min-width:0}.rules-card .add-rule{display:flex;gap:var(--space-3);margin-top:var(--space-3);flex-direction:column}.rules-card .when{display:grid;grid-template-columns:minmax(0,.9fr)minmax(0,1.1fr);gap:var(--space-2)}.rules-card .buttons{display:flex;gap:var(--space-2)}.settings-screen{display:flex;gap:var(--space-4);flex-direction:column}.settings-screen .who{text-align:center}.sign-in-screen{display:flex;padding:var(--gutter);justify-content:center;align-items: center;min-height:100vh}.sign-in-screen form{display:flex;gap:var(--space-4);flex-direction:column;width:min(100%,360px)}.sign-in-screen h1{margin-bottom:var(--space-4)}.sign-in-screen button{align-self: flex-start}.sign-in-screen .error{color:var(--color-trouble)}.sheet{position:fixed;z-index:40;display:flex;justify-content:center;align-items: flex-end;inset:0}.sheet .scrim{position:absolute;background:var(--color-scrim);border-radius:0;padding:0;inset:0}.sheet .panel{position:relative;width:min(100%,var(--page-width));overflow-y:auto;background:var(--color-surface);border-radius:var(--radius-card)var(--radius-card)0 0;box-shadow:var(--shadow-sheet);padding:var(--space-5)var(--gutter)calc(var(--space-5) + env(safe-area-inset-bottom));animation:sheet-up var(--transition-sheet);max-height:80vh}.sheet h2{margin-bottom:var(--space-3)}@keyframes sheet-up{0%{transform:translateY(40px);opacity:0}}.option-picker{list-style:none;display:flex;gap:var(--space-2);flex-direction:column;margin:0;padding:0}.option-picker button{display:flex;align-items: center;gap:var(--space-3);border-radius:var(--radius-field);padding:var(--space-3)var(--space-4);font-weight:var(--weight-regular);text-align:left;width:100%}.option-picker button[data-current=yes]{background:var(--color-action-fill);color:var(--color-action);font-weight:var(--weight-medium)}.proposal-row{position:relative;list-style:none;border-radius:var(--radius-field);overflow:hidden}.proposal-row .behind{position:absolute;display:flex;padding:0 var(--space-5);background:var(--color-quiet-fill);color:var(--color-ink-muted);justify-content:space-between;align-items: center;inset:0}.proposal-row[data-swipe=approve] .behind{background:var(--color-approve-fill);color:var(--color-approve)}.proposal-row[data-swipe=reject] .behind{background:var(--color-reject-fill);color:var(--color-reject)}.proposal-row .front{position:relative;display:flex;align-items: flex-start;gap:var(--space-3);padding:var(--space-3)var(--space-2);background:var(--color-surface);touch-action:pan-y;transition:transform var(--transition-quick)}.proposal-row input[type=checkbox]{flex:none;width:18px;height:18px;margin-top:4px}.proposal-row .body{display:flex;flex-direction:column;flex:1;gap:2px;min-width:0}.proposal-row .from{display:flex;justify-content:space-between;gap:var(--space-2)}.proposal-row .from strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--weight-medium)}.proposal-row .subject{overflow-wrap:anywhere}.proposal-row .excerpt{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical}.proposal-row .chips{display:flex;align-items: center;gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap}.proposal-row .actions{display:flex;gap:var(--space-1);flex-direction:column}.proposal-row .actions button{padding:var(--space-2);line-height:0}.proposal-row+.proposal-row{margin-top:var(--space-1)}.proposal-group .rows{margin:0;padding:0}.recent-list ul{margin:0;padding:0}.recent-list li{list-style:none;display:flex;justify-content:space-between;align-items: center;gap:var(--space-3);padding:var(--space-2)0}.recent-list .what{min-width:0}.recent-list .subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-list button{display:inline-flex;align-items: center;gap:var(--space-1);flex:none}.sort-screen{display:flex;gap:var(--space-4);flex-direction:column}.sort-screen .empty{font-family:var(--font-reading);font-size:var(--text-reading);margin-top:var(--space-5)}.app{max-width:var(--page-width);padding:calc(var(--space-5) + env(safe-area-inset-top))var(--gutter)calc(var(--tab-height) + var(--space-6) + env(safe-area-inset-bottom));margin:0 auto}