:root{--bg: #f5f6f8;--surface: #ffffff;--surface-2: #eef0f4;--raised: #ffffff;--border: #dfe2e8;--border-strong: #c8cdd6;--text: #16181d;--muted: #616a7a;--faint: #8c95a4;--accent: #2563eb;--accent-soft: #dbe6ff;--accent-text: #ffffff;--danger: #c8341f;--danger-soft: #fde8e4;--warn: #8a5a00;--warn-soft: #fdf1d6;--ok: #1c7a4a;--shadow: 0 1px 2px rgb(16 20 28 / 8%), 0 8px 24px rgb(16 20 28 / 8%);--radius: 10px;--radius-sm: 7px;--row-pad: 11px;--sidebar-w: 200px;--list-w: 320px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--acct-blue: #464cd1;--acct-amber: #a39000;--acct-teal: #21665c;--acct-rose: #f84693;--acct-sky: #0097de;--acct-moss: #4f6000;--acct-violet: #853b91;--acct-rust: #c87d5b;color-scheme:light dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--acct-blue: #7184ff;--acct-amber: #eacd26;--acct-teal: #379f88;--acct-rose: #ffb8d1;--acct-sky: #67c8ff;--acct-moss: #859900;--acct-violet: #b17cb8;--acct-rust: #e09864;--bg: #0e1014;--surface: #15171c;--surface-2: #1b1e25;--raised: #1d2027;--border: #272b34;--border-strong: #363c47;--text: #e6e8ec;--muted: #9aa3b2;--faint: #6f7887;--accent: #4d84f5;--accent-soft: #1b2c4d;--accent-text: #ffffff;--danger: #ff8a75;--danger-soft: #3a1d17;--warn: #e2b25a;--warn-soft: #33280f;--ok: #4fc98a;--shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 10px 30px rgb(0 0 0 / 35%);color-scheme:dark}}:root[data-theme=dark]{--acct-blue: #7184ff;--acct-amber: #eacd26;--acct-teal: #379f88;--acct-rose: #ffb8d1;--acct-sky: #67c8ff;--acct-moss: #859900;--acct-violet: #b17cb8;--acct-rust: #e09864;--bg: #0e1014;--surface: #15171c;--surface-2: #1b1e25;--raised: #1d2027;--border: #272b34;--border-strong: #363c47;--text: #e6e8ec;--muted: #9aa3b2;--faint: #6f7887;--accent: #4d84f5;--accent-soft: #1b2c4d;--accent-text: #ffffff;--danger: #ff8a75;--danger-soft: #3a1d17;--warn: #e2b25a;--warn-soft: #33280f;--ok: #4fc98a;--shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 10px 30px rgb(0 0 0 / 35%);color-scheme:dark}:root[data-theme=light]{color-scheme:light}:root[data-density=compact]{--row-pad: 7px}*{box-sizing:border-box}.icon{width:17px;height:17px;flex:none}html,body,#app{height:100%;margin:0}html{height:100dvh}body{font-family:var(--font);font-size:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:4px}.shell{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100%;overflow:hidden;position:relative;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.shell>.col{grid-area:1 / 1;visibility:hidden}.shell[data-pane=sidebar]>.sidebar,.shell[data-pane=list]>.list-col,.shell[data-pane=reader]>.reader-col,.shell[data-pane=panel]>.panel-col{visibility:visible}.col{min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--surface)}.col:last-child{border-right:0;background:var(--bg)}.col:focus{outline:none}@media(min-width:48rem)and (max-width:56.1875rem){:root{--list-w: 340px}.shell:not(.no-pane){grid-template-columns:var(--list-w) minmax(0,1fr)}.shell:not(.no-pane)>.col{visibility:visible}.shell:not(.no-pane)>.sidebar{display:none}.shell:not(.no-pane)>.list-col{grid-area:1 / 1}.shell:not(.no-pane)>.reader-col{grid-area:1 / 2}.shell:not(.no-pane)>.panel-col{grid-area:1 / 1 / auto / -1}.shell:not(.no-pane)[data-pane=sidebar]{grid-template-columns:var(--sidebar-w) minmax(0,1fr)}.shell:not(.no-pane)[data-pane=sidebar]>.sidebar{display:flex;grid-area:1 / 1}.shell:not(.no-pane)[data-pane=sidebar]>.list-col{grid-area:1 / 2}.shell:not(.no-pane)[data-pane=sidebar]>.reader-col{grid-area:1 / 2;visibility:hidden}}@media(min-width:56.25rem){.shell{grid-template-columns:var(--sidebar-w) var(--list-w) minmax(0,1fr)}.shell.no-pane{grid-template-columns:var(--sidebar-w) minmax(0,1fr) 0}.shell>.col{visibility:visible}.shell>.sidebar{grid-area:1 / 1}.shell>.list-col{grid-area:1 / 2}.shell>.reader-col{grid-area:1 / 3}.shell>.panel-col{grid-area:1 / 2 / auto / -1}}.pane-divider{display:none}@media(min-width:56.25rem){.pane-divider{display:block;position:absolute;top:0;bottom:0;--grab-left: 3px;width:11px;margin-left:calc(0px - var(--grab-left));z-index:2;cursor:col-resize;touch-action:none}.pane-divider[data-edge=sidebar]{left:calc(env(safe-area-inset-left,0px) + var(--sidebar-w))}.pane-divider[data-edge=list]{left:calc(env(safe-area-inset-left,0px) + var(--sidebar-w) + var(--list-w))}.pane-divider:before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--grab-left) - 1.5px);width:3px;background:transparent;transition:background .12s ease}.pane-divider:hover:before,.pane-divider:focus-visible:before{background:var(--accent)}}@media(min-width:56.25rem)and (pointer:coarse){.pane-divider{--grab-left: 6px;width:22px}}.resizing *,.resizing *:before,.resizing *:after{cursor:col-resize!important;user-select:none!important}.resizing .body-frame{pointer-events:none}.col-head{display:flex;align-items:center;gap:8px;padding:10px 12px;min-height:52px;border-bottom:1px solid var(--border);background:var(--surface)}.col-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.brand{display:flex;align-items:center;gap:9px;font-weight:650;letter-spacing:-.01em}.brand .mark{width:22px;height:22px;color:var(--accent)}.nav{padding:8px;display:flex;flex-direction:column;gap:1px}.nav-label{padding:14px 10px 5px;font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);display:flex;align-items:center;justify-content:space-between}.nav-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 10px;border:0;border-radius:var(--radius-sm);background:transparent;text-align:left;cursor:pointer;color:var(--text);transition:background 90ms ease}.nav-item:hover{background:var(--surface-2)}.nav-item[aria-current=true]{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item .icon{width:16px;height:16px;flex:none;opacity:.85}.nav-item .label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item .count{font-size:11.5px;font-variant-numeric:tabular-nums;color:var(--muted)}.nav-item[aria-current=true] .count{color:var(--accent)}.nav-row{--nav-indent: calc(22px + 12px*(min(var(--depth, 1), 4) - 1)) ;position:relative;display:flex}.nav-sub{padding-left:var(--nav-indent, 22px)}.nav-row>.nav-item{flex:1;min-width:0}.nav-twisty{position:absolute;left:calc(var(--nav-indent) - 20px);top:0;bottom:0;width:20px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer;color:var(--muted);z-index:1}.nav-twisty:hover{color:var(--text)}.nav-fold{width:100%;border:0;background:transparent;cursor:pointer;font:inherit;font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;gap:6px}.nav-fold:hover .label,.nav-fold:hover .fold-mark{color:var(--text)}.nav-fold[aria-current=location] .label,.nav-fold[aria-current=location] .count,.nav-fold[aria-current=location] .fold-mark,.nav-row>.nav-item[aria-current=location] .label,.nav-row>.nav-item[aria-current=location] .count{color:var(--accent)}.fold-mark{width:12px;height:12px;flex:none;opacity:.75;transition:transform .12s ease}.fold-mark.open{transform:rotate(90deg)}@media(prefers-reduced-motion:reduce){.fold-mark{transition:none}}.nav-group{display:flex;flex-direction:column;gap:1px}.nav-group[hidden]{display:none}.compose-button{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 10px 2px;padding:9px 12px;border:0;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-text);font-weight:600;cursor:pointer;box-shadow:var(--shadow)}.compose-button:hover{filter:brightness(1.07)}.sidebar-foot{border-top:1px solid var(--border);padding:8px;display:flex;gap:4px;align-items:center}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--raised);cursor:pointer;white-space:nowrap}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:transparent;color:var(--accent-text);font-weight:600}.btn.danger{color:var(--danger);border-color:var(--border-strong)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover:not(:disabled){background:var(--surface-2)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;border-radius:var(--radius-sm);background:transparent;cursor:pointer;color:var(--muted)}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn .icon{width:17px;height:17px}input[type=text],input[type=password],input[type=number],input[type=email],input[type=search],textarea,select{width:100%;padding:7px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.field label{font-size:12px;font-weight:600;color:var(--muted)}.field .hint{font-size:12px;color:var(--faint)}.search{position:relative;flex:1}.search input{padding-left:30px;background:var(--surface-2);border-color:transparent}.search .icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--faint);pointer-events:none}.list{display:flex;flex-direction:column}.row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:var(--row-pad) 12px;border:0;border-bottom:1px solid var(--border);border-left:3px solid transparent;background:transparent;text-align:left;cursor:pointer;width:100%;color:inherit}.row:hover{background:var(--surface-2)}.row[data-open=true]{background:var(--accent-soft);box-shadow:inset 0 1px 0 var(--accent),inset 0 -1px 0 var(--accent),inset -1px 0 0 var(--accent)}.row.unread .subject,.row.unread .who{font-weight:680}.row.unread .who:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--accent);vertical-align:middle}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:650;color:#fff;letter-spacing:.02em;user-select:none}:root[data-density=compact] .row{grid-template-columns:minmax(0,1fr)}:root[data-density=compact] .avatar{display:none}.row-top{display:flex;align-items:baseline;gap:8px}.who{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.when{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}.snippet{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.snippet mark{background:color-mix(in srgb,var(--accent) 28%,transparent);color:inherit;border-radius:2px;padding:0 1px}.row-tags{display:flex;gap:5px;align-items:center;margin-top:4px}.tag{font-size:10.5px;padding:1px 6px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);white-space:nowrap}.tag.account{background:transparent}.reader{display:flex;flex-direction:column;height:100%;min-height:0}.reader-head{padding:6px 20px 12px;border-bottom:1px solid var(--border);background:var(--surface)}.reader-title{display:flex;align-items:flex-start;gap:6px;margin:6px 0 10px}.reader-subject{font-size:18px;font-weight:650;letter-spacing:-.01em;margin:0;min-width:0;overflow-wrap:anywhere;line-height:1.3}.reader-from{display:flex;gap:11px;align-items:flex-start}.reader-from .avatar{width:36px;height:36px;font-size:13px}.reader-meta{flex:1;min-width:0}.reader-meta .line{display:flex;flex-wrap:wrap;gap:2px 8px;align-items:baseline}.reader-meta .addr{color:var(--muted);font-size:12.5px}.reader-meta .sent-at{margin-left:auto}.reader-actions{display:flex;gap:4px;align-items:center}.body-scroll{flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;background:var(--surface);-webkit-overflow-scrolling:touch}.body-frame{display:block;width:100%;height:100%;border:0;background:var(--surface)}.banner{display:flex;align-items:center;gap:10px;padding:8px 20px;font-size:12.5px;background:var(--warn-soft);color:var(--warn);border-bottom:1px solid var(--border)}.banner.error{background:var(--danger-soft);color:var(--danger)}.banner .spacer{flex:1}.attachments{display:flex;flex-wrap:wrap;gap:8px;padding:10px 20px;border-top:1px solid var(--border);background:var(--surface)}.attachment{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--raised);cursor:pointer;max-width:260px}.attachment .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment .size{color:var(--faint);font-size:11.5px;flex:none}.empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:220px;padding:40px;text-align:center;color:var(--muted)}.empty>.icon{width:34px;height:34px;opacity:.35}.empty h2{margin:0;font-size:15px;font-weight:600;color:var(--text)}.empty p{margin:0;max-width:40ch;font-size:13px;line-height:1.5}.skeleton-row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:var(--row-pad) 12px;border-bottom:1px solid var(--border)}.sk{border-radius:5px;background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 50%,var(--surface-2) 75%);background-size:300% 100%;animation:shimmer 1.4s ease-in-out infinite;height:9px}.sk.circle{width:30px;height:30px;border-radius:50%}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-150% 0}}@media(prefers-reduced-motion:reduce){.sk{animation:none}*{transition:none!important}}.spinner{width:15px;height:15px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.list-foot{display:flex;justify-content:center;align-items:center;gap:8px;padding:16px;color:var(--faint);font-size:12.5px}.panel{max-width:720px;margin:0 auto;padding:24px 24px 60px}.panel h1{font-size:19px;margin:0 0 4px;letter-spacing:-.01em}.panel .lede{color:var(--muted);margin:0 0 22px;line-height:1.55}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:16px;margin-bottom:14px}.card h2{font-size:14px;margin:0 0 12px}.dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--faint)}.dot.ok{background:var(--ok)}.dot.bad{background:var(--danger)}.dot.idle{background:var(--warn)}code{font-family:var(--mono);font-size:.92em;background:var(--surface-2);border-radius:4px;padding:1px 4px}.code{font-family:var(--mono);font-size:12.5px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 11px;overflow-x:auto;white-space:pre;user-select:all}.empty .code{max-width:100%;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}.seg{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden}.seg button{border:0;padding:6px 12px;background:var(--surface);cursor:pointer}.seg button+button{border-left:1px solid var(--border-strong)}.seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-text);font-weight:600}.compose{position:fixed;right:22px;bottom:0;width:min(620px,calc(100vw - 44px));height:min(560px,calc(100dvh - 60px));display:flex;flex-direction:column;background:var(--raised);border:1px solid var(--border-strong);border-bottom:0;border-radius:var(--radius) var(--radius) 0 0;box-shadow:var(--shadow);z-index:40;animation:rise .16s cubic-bezier(.2,.8,.3,1)}@keyframes rise{0%{transform:translateY(14px);opacity:0}}.compose-head{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--border);font-weight:600}.compose-head .grow{flex:1}.compose-fields{padding:10px 14px;display:flex;flex-direction:column;gap:8px}.compose-line{display:flex;align-items:center;gap:10px}.compose-line span{width:56px;flex:none;font-size:12.5px;color:var(--muted)}.compose-line input{border:0;border-bottom:1px solid var(--border);border-radius:0;padding:5px 2px;background:transparent}.compose-line input:focus{box-shadow:none;border-bottom-color:var(--accent)}.compose textarea{flex:1;min-height:0;margin:4px 14px 12px;width:auto;resize:none;border-radius:var(--radius-sm);line-height:1.55}.compose-foot{display:flex;align-items:center;gap:10px;padding:11px 14px;border-top:1px solid var(--border)}.compose-foot .grow{flex:1;font-size:12.5px;color:var(--muted)}.toasts{position:fixed;left:50%;bottom:22px;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:60;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;max-width:min(560px,92vw);padding:9px 13px;border-radius:var(--radius-sm);background:var(--raised);border:1px solid var(--border-strong);box-shadow:var(--shadow);animation:rise .16s ease;font-size:13px}.toast.error{border-color:var(--danger);color:var(--danger)}.install-hint{position:fixed;left:12px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:55;display:flex;align-items:center;gap:10px;max-width:min(460px,calc(100vw - 24px));padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--raised);box-shadow:var(--shadow);font-size:13px;line-height:1.45;animation:rise .16s ease}.install-hint-icon{display:flex;flex:none;color:var(--accent)}.install-hint-text{flex:1;min-width:0;color:var(--muted)}.install-hint-text strong{color:var(--text)}@media(max-width:56.25rem){.install-hint{left:8px;right:8px;max-width:none;flex-wrap:wrap}.install-hint-text{flex-basis:100%}}.overlay{position:fixed;inset:0;background:#0a0c1073;display:grid;place-items:center;z-index:70;padding:20px}.sheet{background:var(--raised);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;width:min(440px,100%);max-height:100%;overflow:auto}.login{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:var(--bg);overflow:auto}.login-card{background:var(--raised);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;width:min(380px,100%)}.login-brand{display:flex;align-items:center;gap:9px;margin-bottom:16px;font-size:16px}.login-card h1{font-size:17px;margin:0 0 6px}.login-card .btn{width:100%;justify-content:center;margin-top:4px}.login-card .code{white-space:pre-wrap;overflow-wrap:anywhere}.login-error{color:var(--danger);font-size:12.5px;margin:0 0 10px}details.card>summary{cursor:pointer;font-weight:650;user-select:none}.sheet:focus{outline:none}.sheet.help{width:min(520px,100%)}.help-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.help-head strong{flex:1;font-size:15px}.help-lede,.help-note{margin:0;color:var(--muted);font-size:12.5px}.help-group h3{margin:18px 0 0;font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.help-group h3+.help-note{margin-top:4px}.keys{display:grid;grid-template-columns:auto 1fr;gap:9px 14px;align-items:center;margin-top:12px}.help-keys{display:flex;align-items:center;gap:5px;justify-content:flex-end;flex-wrap:wrap}.help-combo{display:inline-flex;align-items:center;gap:3px}.help-join,.help-plus{color:var(--muted);font-size:11px}kbd{font-family:var(--mono);font-size:11.5px;padding:2px 6px;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:5px;background:var(--surface-2);white-space:nowrap}.acct-card{padding:14px 16px}.acct-head{display:flex;align-items:flex-start;gap:11px}.acct-head .grow{flex:1;min-width:0}.acct-head .dot{margin-top:7px}.acct-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:650}.acct-sub{font-size:12.5px;color:var(--muted);margin-top:2px;overflow-wrap:anywhere}.tag.acct-live{border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent)}.acct-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px 16px;margin:13px 0 0}.acct-stats dt{font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--faint)}.acct-stats dd{margin:2px 0 0;font-size:13px}.acct-alert{margin:12px 0 0;padding:11px 13px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);font-size:13px}.acct-alert p{margin:6px 0 0;color:var(--muted);line-height:1.5}.acct-alert .btn{margin-top:10px}.acct-alert.bad{border-color:color-mix(in srgb,var(--danger) 40%,var(--border));border-left:3px solid var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--surface))}.acct-alert.bad>strong{color:var(--danger)}.acct-alert.warn{border-color:color-mix(in srgb,var(--warn) 45%,var(--border));background:color-mix(in srgb,var(--warn) 9%,var(--surface))}.acct-alert.good{border-color:color-mix(in srgb,var(--ok) 40%,var(--border));background:color-mix(in srgb,var(--ok) 8%,var(--surface))}.acct-error{margin:11px 0 0;font-size:12.5px;color:var(--danger);overflow-wrap:anywhere}.acct-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:13px}.acct-actions .grow{flex:1;min-width:0}.acct-confirm{color:var(--danger)}.acct-sheet{width:min(520px,100%)}.swatch{width:9px;height:9px;border-radius:50%;background:var(--acct-colour, var(--faint));flex:none}.list .row{position:relative}.list .row:before{content:"";position:absolute;left:-3px;top:12px;bottom:12px;width:4px;background:var(--row-acct, transparent)}.nav-label .swatch{margin-right:7px}.nav-label .label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-chip{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.compose-line .rf-from-colour{width:auto;flex:none;display:inline-flex;align-items:center}.compose-line .rf-from-colour .swatch{width:11px;height:11px}.selection-accounts{display:flex;align-items:center;gap:4px 10px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.selection-accounts .acct-chip{gap:5px}.acct-swatches{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:4px}.acct-swatch{width:26px;height:26px;padding:0;border:1px solid color-mix(in srgb,var(--acct-colour) 55%,transparent);border-radius:50%;background:var(--acct-colour);cursor:pointer;position:relative}.acct-swatch:hover{filter:brightness(1.12)}.acct-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--text)}.acct-swatch:disabled{cursor:progress;opacity:.55}.acct-swatch-own{background:conic-gradient(from 90deg,#c8434d,#a38a00,#4f7a2e,#21776c,#4658c8,#8c3f96,#c8434d);border-color:var(--border-strong)}.acct-swatch-own.own-in-use{background:var(--acct-colour);box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--text)}.acct-own{margin-top:10px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.acct-own-inputs{display:flex;gap:8px;align-items:center}.acct-own-inputs input[type=text]{font-family:var(--mono);max-width:12ch}.acct-own-wheel{appearance:none;width:34px;height:34px;padding:0;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:none;cursor:pointer;flex:none}.acct-own-wheel::-webkit-color-swatch-wrapper{padding:2px}.acct-own-wheel::-webkit-color-swatch{border:none;border-radius:4px}.acct-own-wheel::-moz-color-swatch{border:none;border-radius:4px}.acct-own-previews{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.acct-own-preview{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;flex:1 1 140px}.acct-own-preview .swatch{width:11px;height:11px}.acct-own-clash{border-left:3px solid var(--warn);padding-left:9px}.acct-colour-field{margin-top:13px}.acct-colour-field .label{font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--faint)}.acct-sending{margin:16px 0 4px;padding:10px 13px 4px;border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0}.acct-sending legend{padding:0 6px;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--faint)}.acct-sending .field:last-of-type{margin-bottom:8px}.acct-sending .acct-actions{margin-top:4px;margin-bottom:10px}.acct-check{display:flex;align-items:flex-start;gap:9px;margin:6px 0;font-size:13px;line-height:1.45;cursor:pointer}.acct-check input{width:auto;margin:2px 0 0;flex:none;accent-color:var(--accent)}.acct-sending .hint,.acct-sending .label{font-size:12px;color:var(--faint)}.acct-sending .label{font-weight:600;color:var(--muted)}.acct-sending .acct-check .hint{font-size:inherit}.acct-sending .acct-alert{margin-bottom:10px}.list .row{grid-template-columns:26px minmax(0,1fr);align-items:start;gap:4px}.list .row-main{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}.list .row-text{min-width:0}:root[data-density=compact] .list .row{grid-template-columns:26px minmax(0,1fr)}:root[data-density=compact] .list .row-main{grid-template-columns:minmax(0,1fr)}.row-check,.selection-bar .check{display:grid;place-items:center;width:22px;height:22px;margin-top:3px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--accent);cursor:pointer}.row-check:hover,.selection-bar .check:hover{background:var(--surface-2)}.row-check .box{width:14px;height:14px;border:1.5px solid var(--border-strong);border-radius:4px}.row-check .icon,.selection-bar .check .icon{width:15px;height:15px;stroke-width:2.4}.selection-bar .check .dash{width:11px;height:2px;border-radius:1px;background:currentcolor}.list .row[data-checked=true]{background:color-mix(in srgb,var(--accent) 12%,transparent)}.list .row[data-checked=true][data-open=true]{background:var(--accent-soft)}.row-top .icon.flag{width:13px;height:13px;color:var(--warn);fill:currentcolor;flex:none}.selection-bar{display:flex;align-items:center;gap:8px;padding:7px 10px;border-bottom:1px solid var(--border);background:var(--accent-soft);flex:none;flex-wrap:wrap}.selection-bar strong{font-size:13px;white-space:nowrap}.selection-bar .spacer,.col-head .spacer,.reader-bar .spacer{flex:1}.msg-actions{display:flex;align-items:center;gap:2px}.reader-bar{order:-1;display:flex;align-items:center;gap:4px;flex:none;flex-wrap:wrap;padding:12px 20px 0;background:var(--surface)}.icon-btn.is-disabled,.btn.is-disabled{opacity:.4;cursor:not-allowed}.icon-btn.is-disabled:hover,.btn.is-disabled:hover{background:transparent}.msg-actions .icon-btn[aria-pressed=true]{color:var(--accent);background:var(--surface-2)}.menu{position:relative}.menu>summary{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--radius-sm);cursor:pointer;list-style:none;color:var(--muted)}.menu>summary::-webkit-details-marker{display:none}.menu>summary:hover{background:var(--surface-2);color:var(--text)}.menu-body{position:absolute;right:0;top:calc(100% + 4px);z-index:60;min-width:210px;max-height:320px;overflow:auto;padding:5px;background:var(--raised);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow)}.menu-label{padding:5px 8px;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--faint)}.menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border:0;border-radius:var(--radius-sm);background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}.menu-item:hover:not(:disabled){background:var(--surface-2)}.menu-item:disabled{opacity:.45;cursor:not-allowed}.menu-item.danger{color:var(--danger)}.menu-rule{height:1px;margin:5px 4px;background:var(--border)}.row-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.toast-action{flex:none;padding:3px 10px;font-weight:650;color:var(--accent)}.compose{height:min(640px,calc(100dvh - 60px))}.linkish{background:none;border:0;padding:0 10px 0 0;font:inherit;font-size:12.5px;color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.linkish:hover{color:var(--accent-text)}.rf-line{align-items:flex-start;position:relative}.rf-label{width:56px;flex:none;padding-top:7px;font-size:12.5px;color:var(--muted)}.rf{flex:1;min-width:0;position:relative}.rf-box{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:3px 2px;border-bottom:1px solid var(--border);cursor:text}.rf-box:focus-within{border-bottom-color:var(--accent)}.compose-line .rf span{width:auto;flex:initial}.rf-input,.compose-line input.rf-input{flex:1;min-width:120px;border:0;border-bottom:0;padding:4px 2px;background:transparent}.rf-input:focus{box-shadow:none}.rf-toggles{min-height:22px}.rf-toggles>span:not(.rf-label){width:auto;flex:1;display:flex;flex-wrap:wrap;gap:0 4px}.rf-hint{flex-basis:100%;margin-left:66px;font-size:11.5px;color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:3px;max-width:100%;padding:2px 3px 2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);font-size:12.5px;line-height:1.5}.chip-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-x{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;flex:none;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;opacity:.65}.chip-x:hover{opacity:1;background:#0000001f}.chip-x .icon{width:11px;height:11px}.rf-list{position:absolute;z-index:20;top:100%;left:0;right:0;margin:2px 0 0;padding:4px;list-style:none;max-height:236px;overflow-y:auto;background:var(--raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow)}.rf-list[hidden]{display:none}.rf-opt{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer}.rf-opt.active{background:var(--accent-soft)}.rf-opt-main{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.35}.rf-opt-main strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rf-opt-addr{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rf-opt-tier{flex:none;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.rf-opt-x{display:inline-flex;flex:none;padding:3px;border-radius:50%;color:var(--muted);opacity:0}.rf-opt:hover .rf-opt-x,.rf-opt.active .rf-opt-x{opacity:.7}.rf-opt-x:hover{opacity:1;color:var(--danger);background:var(--danger-soft)}.rf-opt-x .icon{width:12px;height:12px}.attach-strip{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:8px 14px 0;list-style:none}.attach-pill{display:inline-flex;align-items:center;gap:6px;max-width:240px;padding:3px 4px 3px 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);font-size:12px}.attach-pill .icon{width:13px;height:13px;color:var(--muted)}.attach-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-size{color:var(--muted);flex:none}.compose-banner{display:flex;align-items:flex-start;gap:8px;margin:0;padding:9px 14px;font-size:12.5px;line-height:1.5;background:var(--warn-soft);color:var(--text);border-bottom:1px solid var(--border)}.compose-banner.error{background:var(--danger-soft);border-top:1px solid var(--border);border-bottom:0}.compose-banner .icon{flex:none;width:15px;height:15px;margin-top:1px;color:var(--warn)}.compose-banner.error .icon{color:var(--danger)}.compose-confirm,.compose-status{display:flex;align-items:center;gap:10px;padding:9px 14px;font-size:12.5px;border-top:1px solid var(--border);background:var(--surface-2)}.compose-confirm .grow,.compose-status .grow{flex:1;line-height:1.45}.compose-status.sent{background:var(--accent-soft);color:var(--accent-text)}.compose-status.failed{background:var(--danger-soft)}.compose-save{font-size:12.5px;color:var(--muted)}.bcc-badge{flex:none;padding:2px 8px;border-radius:999px;background:var(--warn-soft);color:var(--text);font-size:11px;white-space:nowrap}.sheet.cm{width:min(620px,100%);display:flex;flex-direction:column;gap:12px}.cm-head{display:flex;align-items:center;gap:8px}.cm .lede{margin:0;font-size:12.5px}.cm-tools{display:flex;gap:8px;align-items:center}.cm-tools input{flex:1;min-width:0}.cm-count{margin:0;font-size:12px;color:var(--muted)}.cm-list{list-style:none;margin:0;padding:0;max-height:46vh;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm)}.cm-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid var(--border)}.cm-row:last-child{border-bottom:0}.cm-who{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.35}.cm-who strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-addr{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-tier{flex:none;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);width:62px}.cm-tier.tier-explicit{color:var(--accent-text)}.cm-empty{padding:18px 10px;text-align:center;color:var(--muted);font-size:12.5px}.back-btn,.pane-open,.pane-close{display:none}@media(max-width:56.1875rem){.pane-open,.pane-close{display:inline-flex}}@media(max-width:47.9375rem){.back-btn{display:inline-flex}.wide-only{display:none}.col{border-right:0}.list-col>.col-body,.panel-col>.col-body{padding-bottom:env(safe-area-inset-bottom,0px)}.sidebar-foot{padding-bottom:max(8px,env(safe-area-inset-bottom,0px))}.panel{padding:16px 14px calc(40px + env(safe-area-inset-bottom,0px))}.reader-head{padding:8px 14px 10px}.reader-title{margin-top:0}.reader-subject{font-size:16.5px}.reader-from,.banner,.attachments{padding-left:14px;padding-right:14px}.reader-meta .sent-at{margin-left:0}.reader-bar{order:9;flex-wrap:nowrap;justify-content:space-between;gap:2px;padding:3px 6px;padding-bottom:max(3px,env(safe-area-inset-bottom,0px));border-top:1px solid var(--border)}.reader-bar .spacer{display:none}.reader-bar .msg-actions{flex:1;justify-content:space-between;gap:2px}.compose{top:var(--vv-top, 0px);right:0;bottom:auto;left:0;width:auto;height:var(--vv-height, 100dvh);border:0;border-radius:0}.compose-head{flex:none}.compose-fields{min-height:0;overflow-y:auto;padding:8px 12px}.compose textarea{margin:4px 12px 8px;min-height:5.5em}.compose-foot{flex:none;flex-wrap:wrap;gap:6px 10px;padding:8px 12px max(8px,env(safe-area-inset-bottom,0px))}.compose-foot .grow{flex-basis:100%;order:9}.toasts{left:8px;right:8px;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:none;align-items:stretch}.toast{max-width:none}.overlay{padding:12px}.cm-tools{flex-wrap:wrap}.cm-tools .btn{flex-basis:100%;justify-content:center}.cm-row{flex-wrap:wrap;row-gap:6px}.cm-who{flex-basis:100%}.cm-tier{width:auto;flex:1}.rf-list{max-height:40vh}}@media(pointer:coarse),(max-width:47.9375rem){.icon-btn,.menu>summary{width:44px;height:44px}.btn,.seg button,.nav-item,.attachment,.rf-opt,.cm-row{min-height:44px}.compose-button{min-height:46px}.linkish{display:inline-flex;align-items:center;min-height:44px}.list .row,:root[data-density=compact] .list .row{grid-template-columns:44px minmax(0,1fr)}.row-check,.selection-bar .check{width:44px;height:44px;margin-top:0}.row-check .box,.row-check .icon,.selection-bar .check .icon{width:18px;height:18px}input[type=text],input[type=password],input[type=number],input[type=email],input[type=search],textarea,select{font-size:16px}input[type=text],input[type=password],input[type=number],input[type=email],input[type=search],select{min-height:44px}.acct-swatch{width:30px;height:30px}.chip-x{width:26px;height:26px}.chip-x .icon{width:14px;height:14px}}@media(hover:none){.rf-opt-x{opacity:.7}}.filter-bar{flex:none;padding:6px 12px;border-bottom:1px solid var(--border);background:var(--surface)}.filter-bar[data-active=false]{padding:0;border-bottom:0}.autoread{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px}.autoread-on{display:inline-flex;align-items:center;gap:8px}.autoread-on input{width:auto}.autoread-secs{width:5.5rem;flex:none}.autoread-unit{color:var(--muted)}.autoread .hint{flex-basis:100%;margin:0}.filter-bar[data-active=true]{background:color-mix(in srgb,var(--accent) 8%,var(--surface));border-left:3px solid var(--accent);padding-left:9px}.filter-head{display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px}.filter-menu{position:relative;display:inline-flex;flex:none}.list-col{container-type:inline-size;container-name:listcol}@container listcol (max-width: 26rem){.filter-trigger .flabel{display:none}}.filter-trigger{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid var(--border-strong);border-radius:999px;background:var(--raised);color:var(--muted);font:inherit;font-size:12.5px;line-height:1.4;white-space:nowrap;cursor:pointer}.filter-trigger .icon{width:13px;height:13px;flex:none}.filter-trigger .fchev{width:11px;height:11px;transform:rotate(90deg);opacity:.75}.filter-trigger[aria-expanded=true] .fchev{transform:rotate(-90deg)}.filter-trigger:hover{background:var(--surface-2);color:var(--text)}.filter-trigger[data-active=true]{background:var(--accent);border-color:transparent;color:var(--accent-text)}.filter-trigger[data-active=true]:hover{background:color-mix(in srgb,var(--accent) 85%,black);color:var(--accent-text)}.filter-trigger:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.filter-count{display:inline-grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--accent-text);color:var(--accent);font-size:11px;font-weight:700;line-height:1}.filter-note{display:flex;align-items:baseline;flex-wrap:wrap;flex:1 1 15rem;min-width:0;gap:4px 10px;margin:0;font-size:12px;line-height:1.45;color:var(--muted)}.filter-note:empty{display:none}.filter-clear{padding:3px 6px;margin:-3px -6px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--accent);font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}.filter-clear:hover{background:color-mix(in srgb,var(--accent) 14%,transparent)}.filter-clear:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.filter-clear:disabled{color:var(--faint);cursor:default}.filter-clear:disabled:hover{background:transparent}.filter-panel{position:absolute;z-index:30;top:calc(100% + 6px);left:0;width:min(16rem,calc(100vw - 24px));padding:6px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--raised);box-shadow:var(--shadow)}.fopt{display:flex;align-items:center;gap:9px;width:100%;padding:8px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);font:inherit;font-size:13px;text-align:left;cursor:pointer}.fopt>.icon{width:15px;height:15px;flex:none;color:var(--faint)}.fopt:hover{background:var(--surface-2)}.fopt:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--accent)}.fopt[aria-pressed=true]{color:var(--accent);font-weight:600}.fopt[aria-pressed=true]>.icon{color:var(--accent)}.fopt-tick{display:grid;place-items:center;width:16px;height:16px;flex:none;border:1px solid var(--border-strong);border-radius:4px;color:transparent}.fopt-tick .icon{width:11px;height:11px}.fopt[aria-pressed=true] .fopt-tick{background:var(--accent);border-color:transparent;color:var(--accent-text)}.fpanel-rule{height:1px;margin:6px 4px;background:var(--border)}.fpanel-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:2px 8px 7px;font-size:11.5px;letter-spacing:.03em;color:var(--faint)}.fpanel-head .filter-clear{flex:none}.fpanel-dates{padding:0 8px}.date-field{display:flex;flex-direction:column;gap:4px;margin-bottom:9px;font-size:12px;font-weight:600;color:var(--muted)}.date-field input{width:100%;font:inherit;font-weight:400;color:var(--text);padding:6px 8px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface)}.fpanel-foot{display:flex;justify-content:flex-end;gap:8px;padding:2px 2px 0}.row[data-stale=true] .row-main{opacity:.62}.row[data-stale=true][data-open=true] .row-main,.row[data-stale=true] .row-main:hover{opacity:1}.tag.stale{background:var(--warn-soft);border-color:transparent;color:var(--warn)}.tag.stale .icon{width:10px;height:10px;vertical-align:-1px}.to-mark{margin-right:5px;font-size:11px;font-weight:400;color:var(--faint);text-transform:uppercase;letter-spacing:.04em}.outbox{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));right:12px;z-index:58;width:min(400px,calc(100vw - 24px));max-height:min(60vh,520px);overflow-y:auto;overscroll-behavior:contain;background:var(--raised);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);font-size:13px;animation:rise .16s ease}.outbox-head{display:flex;align-items:center;gap:8px;margin:0;padding:9px 12px;border-bottom:1px solid var(--border);font-size:12.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.outbox-count{margin-left:auto;padding:1px 7px;border-radius:999px;background:var(--surface-2);font-variant-numeric:tabular-nums}.outbox ul{margin:0;padding:0;list-style:none}.outbox-row{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-top:1px solid var(--border);line-height:1.4}.outbox-row:first-child{border-top:0}.outbox-row.parked{background:var(--warn-soft)}.outbox-row.parked .outbox-mark{color:var(--warn)}.outbox-row.sent .outbox-mark{color:var(--ok)}.outbox-mark{display:flex;flex:none;align-items:center;justify-content:center;width:18px;height:18px;margin-top:1px;color:var(--muted)}.outbox-what{display:flex;flex:1;min-width:0;flex-direction:column;gap:1px}.outbox-subject,.outbox-to{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.outbox-to,.outbox-state{color:var(--muted);font-size:12px}.outbox-row.parked .outbox-state{color:var(--warn);font-weight:600}.outbox-detail{margin-top:4px;color:var(--text);font-size:12px}.outbox-actions{display:flex;flex:none;align-items:center;gap:4px}.outbox-actions .btn{padding:4px 10px;font-size:12.5px}.outbox-row.held .outbox-state{font-variant-numeric:tabular-nums}@media(max-width:56.1875rem){.outbox{top:env(safe-area-inset-top,0px);right:0;left:0;width:auto;max-height:50vh;border-right:0;border-left:0;border-radius:0 0 var(--radius) var(--radius)}}