:root{--color-bg:#f5f6f9;--color-surface:#fff;--color-sunken:#f0f2f6;--color-hover:#f1f3f8;--color-selected:#fce7ec;--color-text:#101828;--color-strong:#0b1220;--color-muted:#475467;--color-subtle:#8a94a6;--color-border:#e4e7ec;--color-border-strong:#d0d5dd;--color-primary:#dc143c;--color-primary-hover:#b81032;--color-primary-soft:#fde8ec;--color-primary-ink:#a50f2d;--color-on-primary:#fff;--color-brand-stamp:#dc143c;--color-brand-envelope:#fff;--color-brand-ink:#101828;--color-brand-accent:#dc143c;--color-focus:#dc143c59;--color-star:#f59e0b;--color-danger:#d92d20;--color-danger-soft:#fef3f2;--color-warning:#b54708;--color-warning-soft:#fffaeb;--color-positive:#067647;--color-positive-soft:#ecfdf3;--color-info:#175cd3;--color-info-soft:#eff8ff;--color-overlay:#0f172a59;--color-scrim:#0f172a40;--color-toast:#1d2939;--color-toast-text:#f2f4f7;--color-toast-action:#f4748e;--color-composer-head:#1e293b;--color-composer-head-text:#f1f5f9;--color-swipe-archive:#087443;--color-swipe-delete:#d92d20;--color-swipe-read:#175cd3;--color-swipe-snooze:#b54708;--color-swipe-star:#a15c07;--color-on-swipe:#fff;--color-paper:#fff;--color-paper-text:#1d2939;--color-paper-muted:#667085;--color-paper-link:#175cd3;--color-paper-rule:#d0d5dd;--color-paper-blocked:#eef1f5;--account-1:#6366f1;--account-2:#0d9488;--account-3:#d97706;--account-4:#e11d48;--account-5:#0284c7;--account-6:#7c3aed;--account-7:#65a30d;--account-8:#ea580c;--label-1:#6366f1;--label-1-soft:#e0e7ff;--label-1-ink:#3730a3;--label-2:#0d9488;--label-2-soft:#ccfbf1;--label-2-ink:#115e59;--label-3:#d97706;--label-3-soft:#fef3c7;--label-3-ink:#92400e;--label-4:#e11d48;--label-4-soft:#ffe4e6;--label-4-ink:#9f1239;--label-5:#0284c7;--label-5-soft:#e0f2fe;--label-5-ink:#075985;--label-6:#7c3aed;--label-6-soft:#ede9fe;--label-6-ink:#5b21b6;--label-7:#65a30d;--label-7-soft:#ecfccb;--label-7-ink:#3f6212;--label-8:#ea580c;--label-8-soft:#ffedd5;--label-8-ink:#9a3412;--label-9:#db2777;--label-9-soft:#fce7f3;--label-9-ink:#9d174d;--label-10:#16a34a;--label-10-soft:#dcfce7;--label-10-ink:#166534;--label-11:#64748b;--label-11-soft:#e2e8f0;--label-11-ink:#334155;--label-12:#8b5a2b;--label-12-soft:#f3e8dc;--label-12-ink:#5c3a1a;--tone-1:#e0e7ff;--tone-1-ink:#3730a3;--tone-2:#ccfbf1;--tone-2-ink:#115e59;--tone-3:#fef3c7;--tone-3-ink:#92400e;--tone-4:#ffe4e6;--tone-4-ink:#9f1239;--tone-5:#e0f2fe;--tone-5-ink:#075985;--tone-6:#ede9fe;--tone-6-ink:#5b21b6;--tone-7:#ecfccb;--tone-7-ink:#3f6212;--tone-8:#ffedd5;--tone-8-ink:#9a3412;--shadow-small:0 1px 2px #1018280d;--shadow-menu:0 4px 6px -2px #10182808, 0 12px 16px -4px #10182814;--shadow-large:0 8px 8px -4px #10182808, 0 20px 24px -4px #1018281f}:root[data-theme=dark]{--color-bg:#0b0f17;--color-surface:#121826;--color-sunken:#0e1420;--color-hover:#1a2233;--color-selected:#3a1622;--color-text:#e4e7ec;--color-strong:#f9fafb;--color-muted:#a3acbd;--color-subtle:#6f7b90;--color-border:#222b3c;--color-border-strong:#344054;--color-primary:#e11d48;--color-primary-hover:#be123c;--color-primary-soft:#3d0f1a;--color-primary-ink:#fda4b6;--color-on-primary:#fff;--color-brand-stamp:#f0486a;--color-brand-envelope:#fff;--color-brand-ink:#f9fafb;--color-brand-accent:#f4748e;--color-focus:#f0486a80;--color-star:#fbbf24;--color-danger:#f97066;--color-danger-soft:#3b1414;--color-warning:#fdb022;--color-warning-soft:#3a2a0a;--color-positive:#47cd89;--color-positive-soft:#0b2a1c;--color-info:#84caff;--color-info-soft:#0b2540;--color-overlay:#000000a6;--color-scrim:#00000080;--color-toast:#e4e7ec;--color-toast-text:#101828;--color-toast-action:#be123c;--color-composer-head:#1e293b;--color-composer-head-text:#f1f5f9;--color-swipe-archive:#087443;--color-swipe-delete:#b42318;--color-swipe-read:#1849a9;--color-swipe-snooze:#93370d;--color-swipe-star:#854a0e;--color-on-swipe:#fff;--color-paper:#fff;--color-paper-text:#1d2939;--color-paper-muted:#667085;--color-paper-link:#175cd3;--color-paper-rule:#d0d5dd;--color-paper-blocked:#eef1f5;--account-1:#818cf8;--account-2:#2dd4bf;--account-3:#fbbf24;--account-4:#fb7185;--account-5:#38bdf8;--account-6:#a78bfa;--account-7:#a3e635;--account-8:#fb923c;--label-1:#818cf8;--label-1-soft:#312e81;--label-1-ink:#e0e7ff;--label-2:#2dd4bf;--label-2-soft:#134e4a;--label-2-ink:#ccfbf1;--label-3:#fbbf24;--label-3-soft:#78350f;--label-3-ink:#fef3c7;--label-4:#fb7185;--label-4-soft:#881337;--label-4-ink:#ffe4e6;--label-5:#38bdf8;--label-5-soft:#0c4a6e;--label-5-ink:#e0f2fe;--label-6:#a78bfa;--label-6-soft:#4c1d95;--label-6-ink:#ede9fe;--label-7:#a3e635;--label-7-soft:#365314;--label-7-ink:#ecfccb;--label-8:#fb923c;--label-8-soft:#7c2d12;--label-8-ink:#ffedd5;--label-9:#f472b6;--label-9-soft:#831843;--label-9-ink:#fce7f3;--label-10:#4ade80;--label-10-soft:#14532d;--label-10-ink:#dcfce7;--label-11:#94a3b8;--label-11-soft:#334155;--label-11-ink:#e2e8f0;--label-12:#c4915f;--label-12-soft:#3f2a17;--label-12-ink:#f2e6d8;--tone-1:#312e81;--tone-1-ink:#e0e7ff;--tone-2:#134e4a;--tone-2-ink:#ccfbf1;--tone-3:#78350f;--tone-3-ink:#fef3c7;--tone-4:#881337;--tone-4-ink:#ffe4e6;--tone-5:#0c4a6e;--tone-5-ink:#e0f2fe;--tone-6:#4c1d95;--tone-6-ink:#ede9fe;--tone-7:#365314;--tone-7-ink:#ecfccb;--tone-8:#7c2d12;--tone-8-ink:#ffedd5;--shadow-small:0 1px 2px #0006;--shadow-menu:0 4px 6px -2px #0006, 0 12px 16px -4px #00000080;--shadow-large:0 8px 8px -4px #0006, 0 20px 24px -4px #0009}:root{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", "Noto Sans Bengali", "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--text-xs:.6875rem;--text-sm:.75rem;--text-base:.8125rem;--text-md:.875rem;--text-lg:1rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.875rem;--radius-full:999px;--control:2.25rem;--icon:1.125rem;--icon-small:1rem;--topbar:3.5rem;--rail:15rem;--rail-icons:4.5rem;--help:22rem;--composer-width:35rem;--composer-height:34rem;--row:2.5rem;--row-pad:.75rem;--from-width:12.5rem;--avatar:1.75rem;--avatar-large:2.25rem;--motion:.14s;--z-rail:30;--z-dock:40;--z-menu:60;--z-dialog:70;--z-toast:80}:root[data-density=compact]{--row:2.125rem;--row-pad:.5rem;--avatar:1.5rem}:root[data-density=comfortable]{--row:3rem;--row-pad:1rem;--avatar:2rem}:root[data-font=s]{--text-base:.75rem;--text-md:.8125rem}:root[data-font=l]{--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);margin:0;line-height:1.5}a{color:var(--color-primary-ink)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}svg{flex:none}kbd{min-width:1.5em;padding:0 var(--space-1);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-sunken);font-family:var(--font-mono);font-size:var(--text-sm);text-align:center;border-bottom-width:2px;display:inline-block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--color-muted)}.small{font-size:var(--text-sm)}.mono{font-family:var(--font-mono)}.strong{color:var(--color-strong);font-weight:var(--weight-bold)}.stack{gap:var(--space-3);flex-direction:column;display:flex}.button{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control);padding:0 var(--space-4);border-radius:var(--radius-md);font-weight:var(--weight-semibold);font-size:var(--text-md);white-space:nowrap;transition:background var(--motion), border-color var(--motion);border:1px solid #0000;text-decoration:none;display:inline-flex}.button svg{width:var(--icon-small);height:var(--icon-small)}.button.small{height:1.75rem;padding:0 var(--space-3);font-size:var(--text-sm)}.button.primary{background:var(--color-primary);color:var(--color-on-primary)}.button.primary:hover:not(:disabled){background:var(--color-primary-hover)}.button.secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.button.secondary:hover:not(:disabled){background:var(--color-hover)}.button.ghost{color:var(--color-muted);background:0 0}.button.ghost:hover:not(:disabled){background:var(--color-hover);color:var(--color-text)}.button.danger{background:var(--color-danger-soft);color:var(--color-danger)}.icon-button{width:var(--control);height:var(--control);border-radius:var(--radius-full);color:var(--color-muted);transition:background var(--motion), color var(--motion);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.icon-button svg{width:var(--icon);height:var(--icon)}.icon-button:hover:not(:disabled),.icon-button.active{background:var(--color-hover);color:var(--color-text)}.link-button{align-items:center;gap:var(--space-1);color:var(--color-primary-ink);font-weight:var(--weight-medium);background:0 0;border:0;padding:0;display:inline-flex}.link-button svg{width:var(--icon-small);height:var(--icon-small)}.link-button:hover{text-decoration:underline}.link-button.inline{display:inline}.field{gap:var(--space-1);min-width:0;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-muted);flex-direction:column;display:flex}.field input,.select{height:var(--control);width:100%;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-md);font-weight:var(--weight-regular)}.field input:focus,.select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus);outline:none}.select.bare{height:auto;box-shadow:none;background:0 0;border:0;padding:0}.row-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.notice{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-md);margin:0;display:flex}.notice svg{width:var(--icon);height:var(--icon);margin-top:1px}.notice.error{background:var(--color-danger-soft);color:var(--color-danger)}.notice.warning{background:var(--color-warning-soft);color:var(--color-warning)}.notice.info{background:var(--color-info-soft);color:var(--color-info)}.notice .button{margin-left:auto}.spinner{width:var(--icon-small);height:var(--icon-small);border-radius:var(--radius-full);border:2px solid;border-right-color:#0000;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.chip{height:1.25rem;padding:0 var(--space-2);margin-right:var(--space-1);border-radius:var(--radius-sm);background:var(--color-sunken);color:var(--color-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);vertical-align:middle;align-items:center;display:inline-flex}.avatar{width:var(--avatar);height:var(--avatar);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.02em;flex:none;justify-content:center;align-items:center;display:inline-flex}.avatar.large{width:var(--avatar-large);height:var(--avatar-large);font-size:var(--text-sm)}.tone-1{background:var(--tone-1);color:var(--tone-1-ink)}.tone-2{background:var(--tone-2);color:var(--tone-2-ink)}.tone-3{background:var(--tone-3);color:var(--tone-3-ink)}.tone-4{background:var(--tone-4);color:var(--tone-4-ink)}.tone-5{background:var(--tone-5);color:var(--tone-5-ink)}.tone-6{background:var(--tone-6);color:var(--tone-6-ink)}.tone-7{background:var(--tone-7);color:var(--tone-7-ink)}.tone-8{background:var(--tone-8);color:var(--tone-8-ink)}.account-dot{border-radius:var(--radius-full);flex:none;width:.625rem;height:.625rem;display:inline-block}.account-dot.small{width:.5rem;height:.5rem}.account-1{--account:var(--account-1)}.account-2{--account:var(--account-2)}.account-3{--account:var(--account-3)}.account-4{--account:var(--account-4)}.account-5{--account:var(--account-5)}.account-6{--account:var(--account-6)}.account-7{--account:var(--account-7)}.account-8{--account:var(--account-8)}.account-dot,.account-stripe,.swatch{background:var(--account)}.label-1{--label:var(--label-1);--label-soft:var(--label-1-soft);--label-ink:var(--label-1-ink)}.label-2{--label:var(--label-2);--label-soft:var(--label-2-soft);--label-ink:var(--label-2-ink)}.label-3{--label:var(--label-3);--label-soft:var(--label-3-soft);--label-ink:var(--label-3-ink)}.label-4{--label:var(--label-4);--label-soft:var(--label-4-soft);--label-ink:var(--label-4-ink)}.label-5{--label:var(--label-5);--label-soft:var(--label-5-soft);--label-ink:var(--label-5-ink)}.label-6{--label:var(--label-6);--label-soft:var(--label-6-soft);--label-ink:var(--label-6-ink)}.label-7{--label:var(--label-7);--label-soft:var(--label-7-soft);--label-ink:var(--label-7-ink)}.label-8{--label:var(--label-8);--label-soft:var(--label-8-soft);--label-ink:var(--label-8-ink)}.label-9{--label:var(--label-9);--label-soft:var(--label-9-soft);--label-ink:var(--label-9-ink)}.label-10{--label:var(--label-10);--label-soft:var(--label-10-soft);--label-ink:var(--label-10-ink)}.label-11{--label:var(--label-11);--label-soft:var(--label-11-soft);--label-ink:var(--label-11-ink)}.label-12{--label:var(--label-12);--label-soft:var(--label-12-soft);--label-ink:var(--label-12-ink)}.label-dot{border-radius:var(--radius-full);background:var(--label);flex:none;width:.625rem;height:.625rem;display:inline-block}.label-chip{align-items:center;gap:var(--space-1);max-width:10rem;height:1.25rem;padding:0 var(--space-2);margin-right:var(--space-1);border-radius:var(--radius-sm);background:var(--label-soft);color:var(--label-ink);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;cursor:pointer;border:0;line-height:1.25rem;display:inline-flex;overflow:hidden}.label-chip:hover{filter:brightness(.96)}.label-chip .label-remove{margin-right:calc(var(--space-1) * -1);color:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;padding:0;display:inline-flex}.label-chip .label-remove:hover{opacity:1}.label-chip .label-remove svg{width:.75rem;height:.75rem}.swatch.label-swatch{background:var(--label)}.menu-anchor{display:inline-flex;position:relative}.menu-trigger{border-radius:var(--radius-full);background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.menu{top:calc(100% + var(--space-1));z-index:var(--z-menu);min-width:13rem;max-height:22rem;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-menu);position:absolute;overflow-y:auto}.menu.start{left:0}.menu.end{right:0}.menu-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);text-align:left;font-size:var(--text-md);background:0 0;border:0;display:flex}.menu-item svg,.menu-gap{width:var(--icon-small);height:var(--icon-small);color:var(--color-muted)}.menu-item:hover:not(:disabled){background:var(--color-hover)}.menu-item.danger{color:var(--color-danger)}.menu-separator{height:1px;margin:var(--space-1) 0;background:var(--color-border)}.menu-identity{align-items:center;gap:var(--space-3);padding:var(--space-3);display:flex}.menu-identity div{flex-direction:column;min-width:0;display:flex}.backdrop{z-index:var(--z-dialog);padding:var(--space-4);background:var(--color-overlay);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{border-radius:var(--radius-lg);background:var(--color-surface);width:min(100%,28rem);max-height:calc(100dvh - 2rem);box-shadow:var(--shadow-large);flex-direction:column;display:flex}.dialog.wide{width:min(100%,40rem)}.dialog:focus{outline:none}.dialog-head{padding:var(--space-5) var(--space-5) 0}.dialog-head h2{font-size:var(--text-lg);margin:0}.dialog-head:has(>.icon-button){align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3) 0 var(--space-5);display:flex}.dialog-head:has(>.icon-button) h2{overflow-wrap:anywhere;flex:1;min-width:0}.dialog-body{padding:var(--space-4) var(--space-5);overflow-y:auto}.dialog-foot{justify-content:flex-end;gap:var(--space-2);padding:0 var(--space-5) var(--space-5);display:flex}.toasts{left:calc(var(--space-4) + env(safe-area-inset-left));bottom:calc(var(--space-4) + env(safe-area-inset-bottom));z-index:var(--z-toast);gap:var(--space-2);flex-direction:column;max-width:calc(100vw - 2rem);display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);min-width:18rem;max-width:30rem;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-toast);color:var(--color-toast-text);box-shadow:var(--shadow-large);font-size:var(--text-md);display:flex}.toast.error{background:var(--color-danger);color:var(--color-on-primary)}.toast span{flex:1}.toast-action{color:var(--color-toast-action);font-weight:var(--weight-bold);padding:var(--space-1) var(--space-2);background:0 0;border:0}.toast.error .toast-action{color:var(--color-on-primary);text-decoration:underline}.toast-close{color:inherit;opacity:.7;padding:var(--space-1);background:0 0;border:0;display:inline-flex}.toast-close svg{width:var(--icon-small);height:var(--icon-small)}.stamp{flex:none;width:auto;height:1.75rem}.stamp-paper{fill:var(--color-brand-stamp)}.stamp-envelope{fill:var(--color-brand-envelope)}.name-mail{fill:var(--color-brand-ink)}.name-fai{fill:var(--color-brand-accent)}.wordmark{align-items:center;gap:var(--space-2);display:inline-flex}.wordmark-name{width:auto;height:1rem}.logo svg{width:auto;height:7.5rem;display:block}.signin-page,.center-page{justify-content:center;align-items:center;gap:var(--space-4);min-height:100dvh;padding:var(--space-4);flex-direction:column;display:flex}.signin-card,.card{gap:var(--space-4);width:min(100%,26rem);padding:var(--space-8) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-small);flex-direction:column;display:flex}.card.narrow{align-items:flex-start}.title{font-size:var(--text-2xl);margin:0}.signin-brand{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.signin-brand h1{margin:0 0 var(--space-2)}.signin-brand p{margin:0}.signin-title{font-size:var(--text-lg);margin:0}.signin-card .muted.small{margin:calc(var(--space-2) * -1) 0 0}.signin-side,.signin-main{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.signin-foot{justify-content:space-between;align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.language-switch{border:1px solid var(--color-border);border-radius:var(--radius-full);display:inline-flex;overflow:hidden}.language-switch button{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--color-muted);background:0 0;border:0}.language-switch button[aria-pressed=true]{background:var(--color-primary-soft);color:var(--color-primary-ink);font-weight:var(--weight-semibold)}.identity{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.provider-tag{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary-ink);font-size:var(--text-sm);font-weight:var(--weight-semibold);display:inline-flex}.provider-tag svg{width:var(--icon-small);height:var(--icon-small)}.disclosure{align-items:center;gap:var(--space-1);color:var(--color-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);background:0 0;border:0;align-self:flex-start;padding:0;display:inline-flex}.disclosure svg{width:var(--icon-small);height:var(--icon-small);transition:transform var(--motion)}.disclosure[aria-expanded=true] svg{transform:rotate(180deg)}.servers{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;margin:0;display:flex}.server-grid{gap:var(--space-2);grid-template-columns:minmax(0,1fr) 4.5rem 7.5rem;display:grid}@media (min-width:901px){.signin-card:has(>.signin-side){gap:var(--space-8) var(--space-10);width:min(100%,64rem);padding:var(--space-10);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.signin-card:has(>.signin-side)>.signin-foot{grid-column:1/-1}.signin-main{align-self:center}.signin-side .signin-brand{text-align:left;align-items:flex-start}.signin-side .logo svg{height:10rem}.signin-side .signin-title{font-size:var(--text-3xl);font-weight:var(--weight-semibold);color:var(--color-strong);text-wrap:balance;line-height:1.25}.signin-side .signin-lead{font-size:var(--text-md)}.signin-card.title-level{row-gap:var(--space-4);grid-template-rows:auto auto 1fr auto}.title-level>.signin-side{display:contents}.title-level .signin-brand{grid-area:1/1}.title-level .signin-title{grid-area:2/1}.title-level .signin-lead{grid-area:3/1;align-self:start}.title-level>.signin-main{grid-area:2/2/4/3;align-self:stretch}.title-level>.signin-foot{margin-top:var(--space-4);grid-row:4}.title-level>.signin-main>.signup-link{display:none}.title-level .account-form{flex:1}.title-level .account-form>.row-actions{padding-top:var(--space-8);margin-top:auto}.title-level .signup-beside{display:inline-flex}.title-level .signup-beside,.title-level .button.signup-beside:hover{color:var(--color-primary-ink)}.title-level .account-form>.field{position:relative}.title-level .account-form>.field>input{height:3.25rem;padding:0 var(--space-4)}.title-level .account-form>.field>span{top:1.625rem;left:var(--space-3);padding:0 var(--space-1);background:var(--color-surface);font-size:var(--text-md);font-weight:var(--weight-regular);pointer-events:none;transition:top var(--motion), font-size var(--motion), color var(--motion);line-height:1.25;position:absolute;transform:translateY(-50%)}.title-level .account-form>.field:has(>input:-webkit-any(:focus,:not(:placeholder-shown),:autofill,:-webkit-autofill))>span{font-size:var(--text-xs);top:0}.title-level .account-form>.field:has(>input:is(:focus,:not(:placeholder-shown),:autofill,:autofill))>span{font-size:var(--text-xs);top:0}.title-level .account-form>.field:has(>input:focus)>span{color:var(--color-primary-ink)}.title-level .account-form>.field>input:not(:focus)::placeholder{color:#0000}}.app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.topbar{height:calc(var(--topbar) + env(safe-area-inset-top));align-items:center;gap:var(--space-2);padding:env(safe-area-inset-top) calc(var(--space-3) + env(safe-area-inset-right)) 0 calc(var(--space-2) + env(safe-area-inset-left));flex:none;display:flex}.topbar-brand{width:calc(var(--rail) - var(--control) - var(--space-4));text-decoration:none;display:inline-flex}.search{max-width:45rem;height:2.75rem;padding:0 var(--space-1) 0 var(--space-3);border-radius:var(--radius-md);background:var(--color-sunken);transition:background var(--motion), box-shadow var(--motion);border:1px solid #0000;flex:1;align-items:center;display:flex;position:relative}.search:focus-within{background:var(--color-surface);border-color:var(--color-border);box-shadow:var(--shadow-menu)}.search-icon{width:var(--icon);height:var(--icon);color:var(--color-muted)}.search input{min-width:0;height:100%;padding:0 var(--space-3);font-size:var(--text-md);background:0 0;border:0;flex:1}.search input:focus{outline:none}.search input::-webkit-search-cancel-button{display:none}.advanced-search{top:calc(100% + var(--space-1));z-index:var(--z-menu);gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-large);flex-direction:column;display:flex;position:absolute;left:0;right:0}.inline-field{align-items:center;gap:var(--space-3);grid-template-columns:9rem minmax(0,1fr);display:grid}.topbar-tools{align-items:center;gap:var(--space-1);margin-left:auto;display:flex}.offline{color:var(--color-warning);padding:0 var(--space-2);display:inline-flex}.offline svg{width:var(--icon-small);height:var(--icon-small)}.app-body{flex:1;min-height:0;display:flex}.rail{width:var(--rail);gap:var(--space-1);padding:var(--space-2) var(--space-3) var(--space-4) var(--space-2);flex-direction:column;flex:none;display:flex;overflow-y:auto}.rail>*{flex-shrink:0}.compose-button{align-items:center;gap:var(--space-3);height:3rem;margin-bottom:var(--space-3);padding:0 var(--space-5) 0 var(--space-4);border-radius:var(--radius-lg);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-md);font-weight:var(--weight-semibold);box-shadow:var(--shadow-small);transition:background var(--motion), box-shadow var(--motion);border:0;align-self:flex-start;display:inline-flex}.compose-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-menu)}.compose-button svg{width:var(--icon);height:var(--icon)}.rail-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.rail-item{align-items:center;gap:var(--space-3);height:2rem;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-md);text-decoration:none;display:flex}.rail-item svg{width:var(--icon-small);height:var(--icon-small);color:var(--color-muted)}.rail-item:hover{background:var(--color-hover)}.rail-item.current{background:var(--color-primary-soft);color:var(--color-primary-ink);font-weight:var(--weight-semibold)}.rail-item.current svg{color:var(--color-primary-ink)}.rail-item.container{color:var(--color-muted);cursor:default}.rail-item.container:hover{background:0 0}.rail-item.current-soft,.rail-item.has-unread{font-weight:var(--weight-semibold)}.rail-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.rail-count{font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:inherit}.rail-warning{border-radius:var(--radius-full);background:var(--color-danger-soft);width:1.125rem;height:1.125rem;color:var(--color-danger);font-size:var(--text-xs);font-weight:var(--weight-bold);justify-content:center;align-items:center;display:inline-flex}.rail-heading{margin:var(--space-4) var(--space-3) var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-subtle)}.folders li[data-depth="1"] .rail-item{padding-left:calc(var(--space-3) + var(--space-4))}.folders li[data-depth="2"] .rail-item{padding-left:calc(var(--space-3) + var(--space-8))}.folders li[data-depth="3"] .rail-item,.folders li[data-depth="4"] .rail-item{padding-left:calc(var(--space-3) + var(--space-10))}.rail-sublist{margin:1px 0 var(--space-1) calc(var(--space-3) + .3125rem);padding-left:var(--space-1);border-left:1px solid var(--color-border)}.rail-item.drop-over{background:var(--color-primary-soft);color:var(--color-primary-ink);box-shadow:inset 0 0 0 1px var(--color-primary)}.rail-item.drop-over svg{color:var(--color-primary-ink)}.drag-pill{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-md);font-weight:var(--weight-semibold);white-space:nowrap;box-shadow:var(--shadow-menu);position:fixed;top:-100px;left:-100px}.rail-quota{gap:var(--space-1);padding:var(--space-4) var(--space-3) 0;flex-direction:column;margin-top:auto;display:flex}.quota{border-radius:var(--radius-full);background:var(--color-border);width:100%;max-width:12rem;height:4px;display:block;overflow:hidden}.quota-fill{background:var(--color-primary);height:100%;display:block}.quota-fill[data-level=high]{background:var(--color-danger)}.rail-scrim{display:none}.main{min-width:0;margin:0 var(--space-3) var(--space-3) 0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex:1;display:flex;overflow:hidden}.help-panel{width:var(--help);margin:0 var(--space-3) var(--space-3) 0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;flex:none;display:flex;overflow:hidden}.help-head{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.help-head h2{font-size:var(--text-md);flex:1;margin:0}.help-icon{width:var(--icon);height:var(--icon);color:var(--color-primary)}.help-body{padding:var(--space-4);flex:1;overflow-y:auto}.guide-list{margin:0;padding:0;list-style:none}.guide-list button{width:100%;padding:var(--space-3);border-radius:var(--radius-md);text-align:left;font-size:var(--text-md);color:var(--color-text);background:0 0;border:0}.guide-list button:hover{background:var(--color-hover)}.guide{font-size:var(--text-md);line-height:1.6}.guide p,.guide ul,.guide ol{margin:0 0 var(--space-3)}.guide ul,.guide ol{padding-left:var(--space-5)}.guide li{margin-bottom:var(--space-1)}.mail-view{flex:1;min-width:0;display:flex}.mail-view.pane-bottom{flex-direction:column}.list-pane,.thread-pane{flex-direction:column;min-width:0;min-height:0;display:flex}.mail-view.pane-none .list-pane,.mail-view.pane-none .thread-pane{flex:1}.mail-view.pane-right .list-pane{width:var(--list-right,40%);flex:none;min-width:20rem}.mail-view.pane-right .thread-pane{flex:1}.mail-view.pane-bottom .list-pane{height:var(--list-bottom,45%);flex:none;min-height:6rem}.mail-view.pane-bottom .thread-pane{flex:1}.pane-divider{z-index:2;background:var(--color-border);touch-action:none;transition:background var(--motion) 80ms;flex:none;position:relative}.pane-divider:before{content:"";position:absolute}.mail-view.pane-right .pane-divider{cursor:col-resize;width:1px}.mail-view.pane-right .pane-divider:before{inset:0 -6px 0 -3px}.mail-view.pane-bottom .pane-divider{cursor:row-resize;height:1px}.mail-view.pane-bottom .pane-divider:before{inset:-3px 0 -6px}.pane-divider:hover,.pane-divider:focus-visible,:root[data-resizing] .pane-divider{background:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);outline:none}:root[data-resizing]{-webkit-user-select:none;user-select:none}:root[data-resizing=right] *{cursor:col-resize}:root[data-resizing=bottom] *{cursor:row-resize}:root[data-resizing] iframe{pointer-events:none}.pane-toggle{margin-left:var(--space-1);align-items:center;display:inline-flex}.pane-menu>.icon-button{width:1.5rem}.empty-pane{justify-content:center;align-items:center}.list{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.toolbar{align-items:center;gap:var(--space-1);min-height:3rem;padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-border);flex:none;display:flex}.select-group{align-items:center;display:inline-flex}.select-menu .icon-button{width:1.25rem}.toolbar-actions{align-items:center;gap:var(--space-1);display:flex}.selection-count{margin-left:var(--space-2);color:var(--color-muted);font-size:var(--text-sm)}.pager{align-items:center;gap:var(--space-1);margin-left:auto;display:flex}.pager-text{color:var(--color-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;margin-right:var(--space-1);white-space:nowrap}.search-summary{justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-muted);font-size:var(--text-sm);flex-wrap:wrap;margin:0;display:flex}.search-summary>span{overflow-wrap:anywhere;min-width:0}.list-loading,.loading-pane,.body-loading,.composer-loading{padding:var(--space-8);color:var(--color-muted);justify-content:center;align-items:center;display:flex}.rows{overscroll-behavior-y:contain;flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.row{grid-template-columns:auto auto var(--from-width) minmax(0, 1fr) auto;align-items:center;column-gap:var(--space-2);min-height:var(--row);padding:0 var(--space-4) 0 var(--space-2);border-bottom:1px solid var(--color-border);color:var(--color-muted);cursor:pointer;display:grid;position:relative}.row:not(:has(.row-avatar)){grid-template-columns:auto var(--from-width) minmax(0, 1fr) auto}.row:hover{background:var(--color-hover);box-shadow:inset 0 -1px 0 var(--color-border), 0 1px 3px -1px var(--color-scrim);z-index:1}.row.unread{color:var(--color-text);background:var(--color-surface)}.row.unread .row-subject,.row.unread .row-date{color:var(--color-strong);font-weight:var(--weight-bold)}.row.open{background:var(--color-primary-soft)}.row.selected{background:var(--color-selected)}.row.focused{box-shadow:inset 3px 0 0 var(--color-primary)}.row.drop-over{background:var(--color-primary-soft);box-shadow:inset 0 0 0 1px var(--color-primary)}.account-stripe{left:0;top:var(--space-2);bottom:var(--space-2);border-radius:0 var(--radius-sm) var(--radius-sm) 0;width:3px;position:absolute}.row-controls{align-items:center;display:inline-flex}.row-controls .icon-button{width:2rem;height:2rem}.row-controls .icon-button svg{width:var(--icon-small);height:var(--icon-small)}.star.on svg{color:var(--color-star);fill:var(--color-star)}.row-avatar{display:inline-flex}.row-from{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-md);overflow:hidden}.draft-mark{color:var(--color-danger);font-weight:var(--weight-semibold)}.row-count{margin-left:var(--space-1);color:var(--color-subtle);font-size:var(--text-sm);font-weight:var(--weight-regular)}.row-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-md);overflow:hidden}.row-subject{color:var(--color-text)}.row-snippet{color:var(--color-subtle)}.row-meta{justify-content:flex-end;align-items:center;gap:var(--space-2);min-width:4rem;display:inline-flex}.row-clip{width:var(--icon-small);height:var(--icon-small);color:var(--color-subtle)}.row-date{font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.row-hover{right:var(--space-2);padding-left:var(--space-4);background:inherit;align-items:center;gap:0;display:none;position:absolute;top:50%;transform:translateY(-50%)}.row:hover .row-hover{display:inline-flex}.row:hover .row-meta{visibility:hidden}.row-hover .icon-button{width:2rem;height:2rem}@media (min-width:901px){.mail-view.pane-right .list-pane{container:list/inline-size}.mail-view.pane-right .thread-pane{container:conversation/inline-size}}@container list (max-width:40rem){.list-toolbar,.list-toolbar .toolbar-actions{flex-wrap:wrap}.list-toolbar .icon-button{width:2rem}:is(.list-toolbar .selection-count,.list-toolbar:has(.selection-count) .pager,.list-toolbar:has(.selection-count) .pane-toggle){display:none}.row{padding:var(--space-2) var(--space-3) var(--space-2) var(--space-1);grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"controls avatar from meta""controls avatar text text";align-items:start;row-gap:.125rem}.row:not(:has(.row-avatar)){grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"controls from meta""controls text text"}.row-controls{flex-direction:column;grid-area:controls}.row-avatar{padding-top:var(--space-1);grid-area:avatar}.row-from{grid-area:from;align-self:center}.row-meta{grid-area:meta;align-self:center;min-width:0}.row-text{flex-direction:column;grid-area:text;display:flex}.row-head,.row-snippet{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.row-dash{display:none}.row-hover{top:auto;bottom:var(--space-1);transform:none}.row:hover .row-meta{visibility:visible}}@container list (max-width:24rem){.list-toolbar .pager-text{display:none}}@container conversation (max-width:40rem){.thread-head{padding:var(--space-4) var(--space-4) var(--space-2)}.messages{padding:0 var(--space-2) var(--space-2)}.message.collapsed{grid-template-columns:auto minmax(0,1fr) auto}.message.collapsed .message-snippet,.message.collapsed .message-clip{display:none}.message-head{grid-template-columns:auto minmax(0,1fr)}.message-tools{grid-column:1/-1;justify-content:flex-end}.message-tools .message-date .muted{display:none}.message-body{padding:var(--space-2)}}@container conversation (max-width:34rem){.thread-toolbar .pager-text{display:none}.thread-toolbar .icon-button{width:2rem}}.empty{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-10) var(--space-4);text-align:center;color:var(--color-muted);flex-direction:column;flex:1;display:flex}.empty>svg{width:2.5rem;height:2.5rem;color:var(--color-subtle);margin-bottom:var(--space-2)}.empty-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text);margin:0}.empty p{max-width:28rem;margin:0}.thread{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.thread-toolbar{z-index:2;background:var(--color-surface);position:sticky;top:0}.thread-head{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-6) var(--space-3);flex-wrap:wrap;display:flex}.thread-head h1{font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-.01em;color:var(--color-strong);overflow-wrap:anywhere;margin:0}.thread-hidden{padding:0 var(--space-6);margin:0}.messages{padding:0 var(--space-4) var(--space-2);flex-direction:column;display:flex}.message{border-bottom:1px solid var(--color-border)}.message.collapsed{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-2);border:0;border-bottom:1px solid var(--color-border);text-align:left;color:var(--color-muted);background:0 0;grid-template-columns:auto minmax(8rem,12rem) minmax(0,1fr) auto auto;display:grid}.message.collapsed:hover{background:var(--color-hover)}.message.collapsed.unread .message-from{color:var(--color-strong);font-weight:var(--weight-bold)}.message-from{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);font-weight:var(--weight-semibold);overflow:hidden}.message-snippet{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.message-clip{font-size:var(--text-sm)}.message-date{white-space:nowrap;font-size:var(--text-sm);color:var(--color-muted)}.message.open{padding:var(--space-4) var(--space-2)}.message.last{border-bottom:0}.message-head{align-items:start;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.message-who{cursor:pointer;min-width:0}.message-sender{align-items:baseline;gap:var(--space-1) var(--space-2);font-size:var(--text-md);flex-wrap:wrap;display:flex}.message-sender strong{color:var(--color-strong)}.message-to summary{cursor:pointer;color:var(--color-muted);font-size:var(--text-sm);list-style:none}.message-to summary::-webkit-details-marker{display:none}.recipients{gap:var(--space-1) var(--space-3);margin:var(--space-2) 0 0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-sunken);font-size:var(--text-sm);grid-template-columns:max-content minmax(0,1fr);display:grid}.recipients dt{color:var(--color-muted)}.recipients dd{overflow-wrap:anywhere;margin:0}.message-tools{align-items:center;gap:var(--space-1);display:flex}.message .notice{margin-top:var(--space-3)}.message-body{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-paper);position:relative}:root[data-theme=dark] .message-body{box-shadow:0 0 0 1px var(--color-border)}.body-frame{border:0;width:100%;min-height:3rem;display:block}.images-banner{align-items:center;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-info-soft);color:var(--color-info);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.images-banner span{flex:auto}.trim-toggle{width:2rem;height:1.25rem;margin-top:var(--space-2);border:1px solid var(--color-paper-rule);border-radius:var(--radius-sm);background:var(--color-paper-blocked);color:var(--color-paper-muted);justify-content:center;align-items:center;display:inline-flex}.trim-toggle svg{width:var(--icon-small);height:var(--icon-small)}.trackers{align-items:center;gap:var(--space-1);margin:var(--space-2) 0 0;color:var(--color-paper-muted);display:flex}.trackers svg{width:var(--icon-small);height:var(--icon-small);color:var(--color-positive)}.attachments{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.attachment{align-items:center;gap:var(--space-2);max-width:18rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);text-decoration:none;display:inline-flex}.attachment:hover{background:var(--color-hover)}.attachment svg{width:var(--icon-small);height:var(--icon-small);color:var(--color-muted)}.attachment-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--weight-medium);overflow:hidden}.attachment-size{color:var(--color-subtle);white-space:nowrap}.attachment.small{padding:var(--space-1) var(--space-1) var(--space-1) var(--space-2)}.attachment.small .icon-button{width:1.5rem;height:1.5rem}.attachment-cards{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.attachment-cards-head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);display:flex}.attachment-cards-head .link-button{align-items:center;gap:var(--space-1);font-weight:var(--weight-medium);display:inline-flex}.attachment-cards-head svg{width:var(--icon-small);height:var(--icon-small)}.attachment-card-list{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(9rem,11.25rem));margin:0;padding:0;list-style:none;display:grid}.attachment-card{min-width:0;position:relative}.attachment-card-open{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:var(--color-text);text-align:left;flex-direction:column;padding:0;display:flex;overflow:hidden}.attachment-card-open:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-small)}.attachment-thumb{justify-content:center;align-items:center;gap:var(--space-1);background:var(--color-sunken);height:6.5rem;color:var(--color-muted);flex-direction:column;display:flex;overflow:hidden}.attachment-thumb img{object-fit:cover;width:100%;height:100%}.attachment-thumb.page img{object-position:top}.attachment-thumb svg{width:2rem;height:2rem}.attachment-kind{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.04em}.attachment-card-name{align-items:center;gap:var(--space-1);min-width:0;padding:var(--space-2) var(--space-2) 0;font-size:var(--text-sm);display:flex}.attachment-card-name svg{width:var(--icon-small);height:var(--icon-small);color:var(--color-muted);flex:none}.attachment-card .attachment-size{padding:0 var(--space-2) var(--space-2) calc(var(--space-2) + var(--icon-small) + var(--space-1));font-size:var(--text-xs)}.attachment-card-download{top:var(--space-1);right:var(--space-1);border-radius:var(--radius-md);background:var(--color-surface);width:2rem;height:2rem;box-shadow:var(--shadow-small);opacity:0;position:absolute}.attachment-card:hover .attachment-card-download,.attachment-card-download:focus-visible{opacity:1}@media (hover:none){.attachment-card-download{opacity:1}}.folded{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:0;border-bottom:1px solid var(--color-border);color:var(--color-primary-ink);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-align:left;background:0 0;display:flex}.folded-count{border-radius:var(--radius-full);border:1px solid var(--color-border-strong);background:var(--color-surface);justify-content:center;align-items:center;min-width:1.75rem;height:1.75rem;display:inline-flex}.draft-card{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-2);display:flex}.draft-card .message-snippet{color:var(--color-muted);flex:1}.reply-bar{gap:var(--space-2);padding:var(--space-4) var(--space-6) var(--space-8);flex-wrap:wrap;display:flex}.reply-bar .button{border-radius:var(--radius-full)}.compose-dock{right:var(--space-4);z-index:var(--z-dock);align-items:flex-end;gap:var(--space-3);pointer-events:none;display:flex;position:fixed;bottom:0}.composer{pointer-events:auto;width:var(--composer-width);height:var(--composer-height);max-height:calc(100dvh - var(--topbar));border:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface);box-shadow:var(--shadow-large);flex-direction:column;display:flex;overflow:hidden}.composer.maximized{border-radius:var(--radius-lg);width:auto;height:auto;max-height:none;position:fixed;inset:4vh 6vw}.composer.dragging{box-shadow:0 0 0 3px var(--color-primary), var(--shadow-large)}.composer.minimized{background:var(--color-composer-head);width:17rem;height:auto;color:var(--color-composer-head-text);flex-direction:row;align-items:center}.composer-bar{min-width:0;padding:var(--space-3) var(--space-4);color:inherit;text-align:left;font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;overflow:hidden}.composer.minimized .icon-button,.composer-head .icon-button{color:var(--color-composer-head-text);width:2rem;height:2rem}.composer-head{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-4);background:var(--color-composer-head);color:var(--color-composer-head-text);display:flex}.composer-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--weight-semibold);flex:1;overflow:hidden}.composer-fields{padding:0 var(--space-4);flex:none}.compose-row{align-items:center;gap:var(--space-2);border-bottom:1px solid var(--color-border);min-height:2.5rem;display:flex;position:relative}.compose-label{color:var(--color-muted);font-size:var(--text-md);min-width:2.25rem}.compose-extra{gap:var(--space-2);margin-left:auto;display:inline-flex}.compose-subject{height:2.5rem;font-size:var(--text-md);background:0 0;border:0;flex:1}.compose-subject:focus{outline:none}.recipients-input{align-items:center;gap:var(--space-1);min-width:0;padding:var(--space-1) 0;cursor:text;flex-wrap:wrap;flex:1;display:flex}.recipients-input input{min-width:8rem;height:1.75rem;font-size:var(--text-md);background:0 0;border:0;flex:1}.recipients-input input:focus{outline:none}.recipient-chip{align-items:center;gap:var(--space-1);max-width:100%;height:1.75rem;padding:0 var(--space-1) 0 2px;border-radius:var(--radius-full);background:var(--color-sunken);border:1px solid var(--color-border);font-size:var(--text-sm);display:inline-flex}.recipient-chip .avatar{width:1.375rem;height:1.375rem;font-size:.5625rem}.recipient-chip span:not(.avatar){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recipient-chip button{color:var(--color-muted);border-radius:var(--radius-full);background:0 0;border:0;padding:2px;display:inline-flex}.recipient-chip button svg{width:.875rem;height:.875rem}.recipient-chip.invalid{border-color:var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger)}.suggestions{z-index:var(--z-menu);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-menu);margin:0;list-style:none;position:absolute;top:100%;left:2rem;right:0}.suggestions li{align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;display:flex}.suggestions li.active,.suggestions li:hover{background:var(--color-hover)}.suggestion-name{font-weight:var(--weight-medium)}.editor-wrap{flex-direction:column;flex:1;min-height:0;display:flex}.editor-toolbar{padding:var(--space-1) var(--space-3);border-bottom:1px solid var(--color-border);flex-wrap:wrap;flex:none;align-items:center;gap:0;display:flex}.editor-toolbar .icon-button{border-radius:var(--radius-sm);width:2rem;height:2rem}.editor-toolbar .icon-button svg{width:var(--icon-small);height:var(--icon-small)}.toolbar-gap{width:1px;height:1.25rem;margin:0 var(--space-1);background:var(--color-border)}.link-input{align-items:center;gap:var(--space-1);margin-left:var(--space-2);display:inline-flex}.link-input input{width:14rem;height:1.75rem;padding:0 var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface)}.editor{min-height:6rem;padding:var(--space-3) var(--space-4);font-size:var(--text-md);overflow-wrap:anywhere;flex:1;line-height:1.55;overflow-y:auto}.editor:focus{outline:none}.editor:empty:before{content:attr(data-placeholder);color:var(--color-subtle)}.editor blockquote{margin:0 0 0 var(--space-2);padding-left:var(--space-3);border-left:2px solid var(--color-border-strong);color:var(--color-muted)}.editor img{max-width:100%;height:auto}.compose-attachments{gap:var(--space-2);padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-border);flex-wrap:wrap;flex:none;display:flex}.compose-error{margin:0 var(--space-4) var(--space-2)}.composer-foot{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3) var(--space-3) var(--space-4);flex:none;display:flex}.composer-foot .send{border-radius:var(--radius-full);padding:0 var(--space-5);margin-right:var(--space-2)}.compose-status{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.settings{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.settings-head{padding:var(--space-5) var(--space-6) 0;border-bottom:1px solid var(--color-border);flex:none}.settings-head h1{margin:0 0 var(--space-3);font-size:var(--text-xl)}.tabs{gap:var(--space-1);display:flex;overflow-x:auto}.tab{padding:var(--space-2) var(--space-3);color:var(--color-muted);font-weight:var(--weight-semibold);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000}.tab.current{border-bottom-color:var(--color-primary);color:var(--color-primary-ink)}.settings-body{padding:var(--space-5) var(--space-6) var(--space-10);flex:1;overflow-y:auto}.settings-sections{gap:var(--space-5);flex-direction:column;max-width:46rem;display:flex}.settings-sections>.button{align-self:flex-start}.settings-section{gap:var(--space-1);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.settings-section h2{margin:0 0 var(--space-2);font-size:var(--text-lg)}.setting-row{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:2.75rem;padding:var(--space-1) 0;display:flex}.setting-row+.setting-row{border-top:1px solid var(--color-border)}.setting-label{min-width:0;font-size:var(--text-md);flex-direction:column;display:flex}.setting-label small{color:var(--color-muted);font-size:var(--text-sm)}.setting-row .select{width:auto;min-width:11rem}.switch{border-radius:var(--radius-full);background:var(--color-border-strong);width:2.5rem;height:1.5rem;transition:background var(--motion);border:0;flex:none;position:relative}.switch[aria-checked=true]{background:var(--color-primary)}.knob{border-radius:var(--radius-full);background:var(--color-surface);width:1.125rem;height:1.125rem;box-shadow:var(--shadow-small);transition:transform var(--motion);position:absolute;top:3px;left:3px}.switch[aria-checked=true] .knob{transform:translate(1rem)}.account-card{gap:var(--space-3)}.account-card-head{align-items:center;gap:var(--space-3);display:flex}.account-card-head h2{font-size:var(--text-lg);overflow-wrap:anywhere;margin:0}.account-card-head p{margin:0}.account-card-head .account-dot{width:.875rem;height:.875rem}.status{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;margin-left:auto;display:inline-flex}.status svg{width:var(--icon-small);height:var(--icon-small)}.status.ok{background:var(--color-positive-soft);color:var(--color-positive)}.status.bad{background:var(--color-danger-soft);color:var(--color-danger)}.account-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.swatches{gap:var(--space-2);flex-wrap:wrap;display:flex}.swatch{border:2px solid var(--color-surface);border-radius:var(--radius-full);width:1.75rem;height:1.75rem;box-shadow:0 0 0 1px var(--color-border-strong)}.swatch.on{box-shadow:0 0 0 2px var(--color-text)}.signature-editor{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);min-height:5rem;color:var(--color-text);font-weight:var(--weight-regular)}.facts{gap:var(--space-2) var(--space-4);font-size:var(--text-md);grid-template-columns:max-content minmax(0,1fr);margin:0;display:grid}.facts dt{color:var(--color-muted)}.facts dd{gap:var(--space-1);overflow-wrap:anywhere;flex-direction:column;margin:0;display:flex}.connect-terms{gap:var(--space-2);flex-direction:column;display:flex}.connect-terms h3{margin:var(--space-2) 0 0;font-size:var(--text-base);font-weight:var(--weight-medium)}.connect-terms ul{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.connect-terms li{align-items:flex-start;gap:var(--space-2);font-size:var(--text-base);display:flex}.connect-terms li>svg{width:var(--icon);height:var(--icon);color:var(--color-muted);flex:none}.connect-actions{justify-content:flex-end}.session-list{margin:0;padding:0;list-style:none}.session-list li{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);display:flex}.session-list li>svg{width:var(--icon);height:var(--icon);color:var(--color-muted)}.session-device{min-width:0;font-weight:var(--weight-medium);flex:1}.session-device .chip{margin-left:var(--space-2)}.shortcut-groups{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.shortcut-groups h3{margin:0 0 var(--space-2);font-size:var(--text-md)}.shortcut-list{margin:0}.shortcut-list div{gap:var(--space-2);padding:var(--space-1) 0;grid-template-columns:7rem minmax(0,1fr);display:grid}.shortcut-list dt{gap:var(--space-1);display:flex}.shortcut-list dd{color:var(--color-muted);margin:0}@media (max-width:1100px){:root{--from-width:9rem}.help-panel{top:calc(var(--topbar) + env(safe-area-inset-top));z-index:var(--z-rail);box-shadow:var(--shadow-large);border-radius:0;margin:0;position:fixed;bottom:0;right:0}}@media (max-width:900px){.topbar-brand{width:auto}.topbar-brand .wordmark-name{display:none}.rail{z-index:var(--z-rail);width:calc(min(18rem, 85vw) + env(safe-area-inset-left));padding-top:calc(var(--space-2) + env(safe-area-inset-top));padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));padding-left:calc(var(--space-2) + env(safe-area-inset-left));background:var(--color-surface);box-shadow:var(--shadow-large);visibility:hidden;transition:transform var(--motion), visibility var(--motion);position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.rail-open .rail{visibility:visible;transform:none}.rail-open .rail-scrim{z-index:calc(var(--z-rail) - 1);background:var(--color-scrim);border:0;display:block;position:fixed;inset:0}.main{border-width:1px 0 0;border-radius:0;margin:0}.mail-view.pane-right,.mail-view.pane-bottom{flex-direction:column}.mail-view.pane-right .list-pane,.mail-view.pane-bottom .list-pane{border:0;flex:1;width:auto;min-width:0;height:auto}.mail-view.thread-open .list-pane,.mail-view:not(.thread-open) .thread-pane{display:none}.mail-view.thread-open .thread-pane{flex:1}.pane-toggle{display:none}}@media (min-width:901px){:root[data-rail=icons] .rail{width:var(--rail-icons);background:var(--color-bg);transition:width var(--motion), margin var(--motion), box-shadow var(--motion);position:relative;overflow-x:hidden}:root[data-rail=icons] .rail:is(:hover,:has(:focus-visible),.peek){z-index:var(--z-rail);width:var(--rail);margin-right:calc(var(--rail-icons) - var(--rail));border-radius:0 var(--radius-lg) var(--radius-lg) 0;box-shadow:var(--shadow-large)}:root[data-rail=icons] .rail:not(:hover,:has(:focus-visible),.peek) .compose-button{justify-content:center;width:3rem;padding:0}:root[data-rail=icons] .rail:not(:hover,:has(:focus-visible),.peek) .compose-button span{display:none}:root[data-rail=icons] .rail:not(:hover,:has(:focus-visible),.peek) .rail-count{display:none}:root[data-rail=icons] .rail:not(:hover,:has(:focus-visible),.peek) .rail-warning{display:none}:root[data-rail=icons] .rail:not(:hover,:has(:focus-visible),.peek) .rail-folder-menu{display:none}:root[data-rail=icons] .rail:not(:hover,:has(:focus-visible),.peek) .rail-heading{display:none}:root[data-rail=icons] .rail:not(:hover,:has(:focus-visible),.peek) .rail-heading-row{display:none}:root[data-rail=icons] .rail:not(:hover,:has(:focus-visible),.peek) .rail-quota{display:none}:root[data-rail=icons] .rail:not(:hover,:has(:focus-visible),.peek) .rail-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:root[data-rail=icons] .rail:not(:hover,:has(:focus-visible),.peek) .rail-item{justify-content:center;padding:0;position:relative}:root[data-rail=icons] .rail:not(:hover,:has(:focus-visible),.peek) .rail-sublist{border:0;margin:0;padding:0}:root[data-rail=icons] .rail:not(:hover,:has(:focus-visible),.peek) .rail-item.has-unread:after{content:"";border-radius:var(--radius-full);background:var(--color-primary);width:.5rem;height:.5rem;position:absolute;top:.3rem;left:calc(50% + .3rem)}:root[data-rail=icons] .rail:not(:hover,:has(:focus-visible),.peek)>.rail-list~.rail-list{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border)}}@media (max-width:720px){.topbar{gap:var(--space-1)}.wide-only{display:none}.search{height:2.5rem}.pager-text,.selection-count{display:none}:is(.row,.row:not(:has(.row-avatar))){padding:var(--space-2) var(--space-3) var(--space-2) var(--space-1);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"controls from meta""controls text text";row-gap:0}.row-controls{flex-direction:column;grid-area:controls;align-self:start}.row-avatar{display:none}.row-from{grid-area:from}.row-text{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-area:text;display:-webkit-box}.row-meta{grid-area:meta;min-width:0}.row-hover,.row:hover .row-hover{display:none}.row:hover .row-meta{visibility:visible}.thread-head{padding:var(--space-4) var(--space-4) var(--space-2)}.messages{padding:0 var(--space-2) var(--space-2)}.message.collapsed{grid-template-columns:auto minmax(0,1fr) auto}.message.collapsed .message-snippet,.message.collapsed .message-clip{display:none}.message-head{grid-template-columns:auto minmax(0,1fr)}.message-tools{grid-column:1/-1;justify-content:flex-end}.message-tools .message-date .muted{display:none}.message-body{padding:var(--space-2)}.reply-bar{padding:var(--space-3) var(--space-4) var(--space-6)}.compose-dock{left:0;right:0}.composer:not(.minimized){inset:var(--keyboard-pan,0px) 0 var(--keyboard-inset,0px);box-shadow:0 var(--keyboard-inset,0px) 0 0 var(--color-surface);border-radius:0;width:auto;height:auto;max-height:none;position:fixed}.composer:not(.minimized) .composer-head{padding-top:calc(var(--space-1) + env(safe-area-inset-top));padding-right:calc(var(--space-1) + env(safe-area-inset-right));padding-left:calc(var(--space-4) + env(safe-area-inset-left))}.composer:not(.minimized) .composer-fields,.composer:not(.minimized) .editor-wrap{margin-right:env(safe-area-inset-right);margin-left:env(safe-area-inset-left)}.composer:not(.minimized) .composer-foot{padding-right:calc(var(--space-3) + env(safe-area-inset-right));padding-bottom:max(var(--space-3), calc(env(safe-area-inset-bottom) - var(--keyboard-inset,0px)));padding-left:calc(var(--space-4) + env(safe-area-inset-left))}.composer.minimized{width:100%;padding-bottom:env(safe-area-inset-bottom);border-radius:0}.settings-head,.settings-body{padding-left:var(--space-4);padding-right:var(--space-4)}.account-grid,.shortcut-groups{grid-template-columns:minmax(0,1fr)}.inline-field{gap:var(--space-1);grid-template-columns:minmax(0,1fr)}.server-grid{grid-template-columns:minmax(0,1fr) 4.5rem}.server-grid .narrow-field:nth-child(3n){grid-column:1/-1}.toasts{left:calc(var(--space-2) + env(safe-area-inset-left));right:calc(var(--space-2) + env(safe-area-inset-right));bottom:calc(var(--space-2) + env(safe-area-inset-bottom))}.toast{min-width:0;max-width:none}}@media print{.topbar,.rail,.toolbar,.list-pane,.reply-bar,.compose-dock,.toasts,.help-panel,.message-tools,.trim-toggle{display:none!important}.app,.app-body,.main,.thread{border:0;height:auto;margin:0;overflow:visible}}.time-presets{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.time-preset{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;min-height:var(--control);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-md);text-align:left;background:0 0;border:0;display:flex}.time-preset:hover,.time-preset:focus-visible{background:var(--color-hover)}.time-preset-pick{align-items:center;gap:var(--space-2);display:inline-flex}.time-preset-pick svg{width:var(--icon-small);height:var(--icon-small);color:var(--color-muted)}.time-custom{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.time-custom .notice{grid-column:1/-1}.send-group{margin-right:var(--space-2);align-items:stretch;display:inline-flex}.composer-foot .send-group .send{border-radius:var(--radius-full) 0 0 var(--radius-full);margin-right:0}.send-more .icon-button{border-radius:0 var(--radius-full) var(--radius-full) 0;border-left:1px solid var(--color-on-primary);background:var(--color-primary);width:2rem;height:100%;color:var(--color-on-primary)}.send-more .icon-button:hover:not(:disabled){background:var(--color-primary-hover)}.send-more .menu{top:auto;bottom:calc(100% + var(--space-1))}.row-when{align-items:center;gap:var(--space-1);display:inline-flex}.row-when svg{width:var(--icon-small);height:var(--icon-small);color:var(--color-muted)}.row-controls.scheduled-mark{width:4rem;color:var(--color-muted);justify-content:center}.row-controls.scheduled-mark svg{width:var(--icon-small);height:var(--icon-small)}.scheduled-preview{gap:var(--space-3);flex-direction:column;display:flex}.scheduled-fields{gap:var(--space-1) var(--space-3);grid-template-columns:max-content 1fr;margin:0;display:grid}.scheduled-fields div{display:contents}.scheduled-fields dt{color:var(--color-muted)}.scheduled-fields dd{overflow-wrap:anywhere;min-width:0;margin:0}.scheduled-text{white-space:pre-wrap;max-height:14rem;color:var(--color-text);margin:0;overflow-y:auto}.scheduled-files{align-items:center;gap:var(--space-1);margin:0;display:inline-flex}.scheduled-files svg{width:var(--icon-small);height:var(--icon-small)}@media (max-width:480px){.time-custom{grid-template-columns:1fr}}.label-chip .label-open{min-width:0;color:inherit;font:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;overflow:hidden}.thread-chips .label-chip{max-width:14rem}.rail-heading-row{margin:var(--space-4) 0 var(--space-1);justify-content:space-between;align-items:center;display:flex}.rail-heading-row .rail-heading{margin:0 var(--space-3)}.rail-add.icon-button{width:1.75rem;height:1.75rem}.rail-add.icon-button svg{width:var(--icon-small);height:var(--icon-small)}.rail-item .label-dot{margin:0 calc((var(--icon-small) - .625rem) / 2)}.rail-item.rail-manage{color:var(--color-muted);font-size:var(--text-sm)}button.rail-item{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.rail-item .folder-total{color:var(--color-subtle)}.rail-item .folder-unread{font-weight:var(--weight-semibold)}.rail-folder{position:relative}.rail-folder-menu{opacity:0;align-items:center;height:2rem;position:absolute;top:0;right:0}.rail-folder-menu .icon-button{width:1.75rem;height:1.75rem}.rail-folder:hover .rail-folder-menu,.rail-folder:focus-within .rail-folder-menu{opacity:1}.rail-folder:hover>.rail-item .folder-count,.rail-folder:focus-within>.rail-item .folder-count{visibility:hidden}@media (hover:none){.rail-folder-menu{opacity:1}.rail-folder>.rail-item{padding-right:2.25rem}.rail-folder:focus-within>.rail-item .folder-count{visibility:visible}}.folder-form{gap:var(--space-4);flex-direction:column;display:flex}.folder-form .notice{margin:0}.picker{gap:var(--space-2);flex-direction:column;display:flex}.picker-filter{height:var(--control);width:100%;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-md)}.picker-filter:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus);outline:none}.picker-list{flex-direction:column;gap:1px;max-height:18rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.picker-item{align-items:center;gap:var(--space-3);width:100%;min-height:var(--control);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-md);text-align:left;background:0 0;border:0;display:flex}.picker-item:hover,.picker-item:focus-visible,.picker-item.active{background:var(--color-hover)}.picker-item svg{width:var(--icon-small);height:var(--icon-small);color:var(--color-muted);flex:none}.picker-item[aria-checked=true] svg,.picker-item[aria-checked=mixed] svg{color:var(--color-primary)}.picker-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.picker-create{color:var(--color-primary-ink);font-weight:var(--weight-medium)}.picker-create svg{color:var(--color-primary-ink)}.picker-note{padding:0 var(--space-1);margin:0}.label-form{gap:var(--space-4);flex-direction:column;display:flex}.label-form .notice,.label-form p{margin:0}.label-form .swatches{grid-template-columns:repeat(6,max-content);display:grid}.label-list{margin:0;padding:0;list-style:none}.label-list li{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);display:flex}.label-list-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--weight-medium);flex:1;overflow:hidden}.thread-muted{margin:0 var(--space-6) var(--space-2)}@media (max-width:480px){.label-list li{flex-wrap:wrap}}.rule-accounts{gap:var(--space-2);margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-info-soft);color:var(--color-text);font-size:var(--text-sm);flex-direction:column;list-style:none;display:flex}.rule-accounts li{align-items:baseline;gap:var(--space-2);display:flex}.rule-accounts li.warning{color:var(--color-warning)}.rule-list{margin:0;padding:0;list-style:none}.rule-list li{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);display:flex}.rule-list li.off .rule-text{opacity:.55}.rule-text{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.rule-text strong,.rule-text span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rule-tools{align-items:center;gap:var(--space-1);flex:none;display:inline-flex}.rule-form{gap:var(--space-4);flex-direction:column;display:flex}.rule-form fieldset{gap:var(--space-3);border:0;flex-direction:column;margin:0;padding:0;display:flex}.rule-form legend{margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-strong);padding:0}.rule-size{gap:var(--space-2);grid-template-columns:minmax(0,1fr) 6rem 5rem;display:grid}.rule-size input{height:var(--control);width:100%;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-md)}.rule-choice{flex-wrap:wrap}.rule-choice .select{width:auto;min-width:12rem;max-width:100%}.rule-matching{margin:0}.rule-apply{padding-top:var(--space-2);border-top:1px solid var(--color-border)}.rule-form .notice{flex-direction:column;align-items:flex-start;margin:0}@media (max-width:640px){.rule-list li{flex-wrap:wrap}.rule-tools{justify-content:flex-end;width:100%}.rule-form .inline-field{gap:var(--space-1);grid-template-columns:minmax(0,1fr)}.rule-size{grid-template-columns:minmax(0,1fr) 5rem 4.5rem}}.vacation-banner{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-warning-soft);color:var(--color-text);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.vacation-banner svg{width:var(--icon-small);height:var(--icon-small);color:var(--color-warning);flex:none}.vacation-banner span{flex:1;min-width:12rem}.vacation-banner a.link-button{text-decoration:none}.settings-section.vacation{gap:var(--space-3)}.settings-section.vacation .setting-row{padding:0}.vacation-dates{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.vacation-editor{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);min-height:8rem;color:var(--color-text);font-weight:var(--weight-regular)}.vacation-editor:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus)}@media (max-width:480px){.vacation-dates{grid-template-columns:minmax(0,1fr)}}.chip.external-chip{background:var(--color-warning-soft);color:var(--color-warning)}.composer-foot .send-archive{margin-right:var(--space-2)}.palette .picker-list{max-height:22rem}.palette-group,.palette kbd{flex:none}.template-form{gap:var(--space-3);flex-direction:column;display:flex}.template-editor{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);min-height:10rem;color:var(--color-text);font-weight:var(--weight-regular)}.template-variables{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.template-variable{font-family:var(--font-mono,monospace);cursor:pointer;border:0}.template-icon{width:var(--icon-small);height:var(--icon-small);color:var(--color-muted);flex:none}.template-form .notice{margin:0}.rail-list.rail-apart{margin:var(--space-3) 0 0;padding-top:var(--space-2);border-top:1px solid var(--color-border)}.contacts-tools{align-items:center;gap:var(--space-2);padding-bottom:var(--space-3);flex-wrap:wrap;display:flex}.contacts-search{flex:14rem;width:auto;min-width:0}.segmented{height:var(--control);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);display:inline-flex;overflow:hidden}.segmented button{align-items:center;gap:var(--space-1);padding:0 var(--space-3);background:var(--color-surface);color:var(--color-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);border:0;display:inline-flex}.segmented button+button{border-left:1px solid var(--color-border-strong)}.segmented button[aria-pressed=true]{background:var(--color-primary-soft);color:var(--color-primary-ink)}.segmented svg{width:var(--icon-small);height:var(--icon-small)}.contact-list{margin:var(--space-2) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.contact-list li{align-items:center;gap:var(--space-2);min-height:3.25rem;padding:var(--space-1) 0;display:flex}.contact-list li+li{border-top:1px solid var(--color-border)}.contact-who{flex-direction:column;flex:1;min-width:0;display:flex}.contact-who>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vip-toggle[aria-pressed=true] svg{color:var(--color-star);fill:var(--color-star)}.contact-notes{min-height:4.5rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-md);font-weight:var(--weight-regular);resize:vertical}.contact-notes:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus);outline:none}.chip.vip-chip{background:var(--color-warning-soft);color:var(--color-strong);gap:2px}.chip.vip-chip svg{width:.75rem;height:.75rem;color:var(--color-star);fill:var(--color-star)}.section-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);flex-wrap:wrap;display:flex}.section-head h2{margin:0}.subscriptions-filter{flex:0 16rem;width:auto;min-width:0}.trackers-total{align-items:center;gap:var(--space-2);margin:var(--space-1) 0;font-size:var(--text-md);font-weight:var(--weight-semibold);display:flex}.trackers-total svg{width:var(--icon);height:var(--icon);color:var(--color-positive);flex:none}.tracker-services{gap:var(--space-1);margin:var(--space-1) 0 var(--space-2);flex-wrap:wrap;display:flex}.tracker-services .chip{margin:0}.tracker-senders{margin:0 0 var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.tracker-senders li{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-1) 0;display:flex}.tracker-senders li+li{border-top:1px solid var(--color-border)}.tracker-sender{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.subscription-list{margin:var(--space-2) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.subscription-list li{align-items:center;gap:var(--space-2);min-height:3.5rem;padding:var(--space-2) 0;display:flex}.subscription-list li+li{border-top:1px solid var(--color-border)}.subscription-who{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.subscription-who>strong,.subscription-who>.muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.subscription-tags{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.subscription-tags:empty{display:none}.subscription-tags .chip{margin:0}.chip.tracker-chip{gap:2px}.chip.tracker-chip svg{width:.75rem;height:.75rem}.subscription-status{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-positive)}.subscription-status.failed{color:var(--color-danger)}.unsubscribe-link{font-size:var(--text-sm)}.unsubscribe-dialog{gap:var(--space-3);flex-direction:column;display:flex}.unsubscribe-dialog p{margin:0}.view-query{font-family:var(--font-mono,monospace)}.view-list{margin:var(--space-2) 0;flex-direction:column;padding:0;list-style:none;display:flex}.view-list li{align-items:center;gap:var(--space-2);min-height:3.25rem;padding:var(--space-1) 0;display:flex}.view-list li+li{border-top:1px solid var(--color-border)}.view-icon{width:var(--icon);height:var(--icon);color:var(--color-muted);flex:none}.view-who{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.view-who>strong,.view-who>code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inbox-sections{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));display:grid}.inbox-section{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;min-width:0;display:flex}.inbox-section-head{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);display:flex}.inbox-section-name{align-items:center;gap:var(--space-2);min-width:0;color:var(--color-strong);font-weight:var(--weight-semibold);margin-right:auto;text-decoration:none;display:inline-flex}.inbox-section-name svg{width:var(--icon-small);height:var(--icon-small);color:var(--color-muted);flex:none}.inbox-section-name:hover{text-decoration:underline}.inbox-section-rows{margin:0;padding:0;list-style:none}.inbox-section-rows li+li{border-top:1px solid var(--color-border)}.inbox-section-rows a{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-muted);font-size:var(--text-sm);grid-template-columns:minmax(0,8rem) minmax(0,1fr) auto;text-decoration:none;display:grid}.inbox-section-rows a:hover{background:var(--color-hover)}.inbox-section-rows li.unread a{color:var(--color-strong);font-weight:var(--weight-bold)}.inbox-section-from,.inbox-section-subject{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inbox-section-subject{color:var(--color-text)}.inbox-section-rows time{font-variant-numeric:tabular-nums}.inbox-section-empty{padding:var(--space-3);margin:0}.inbox-section .spinner{margin:var(--space-3)}.thread-follow-up{margin:0 var(--space-6) var(--space-2)}.notice-actions{gap:var(--space-3);flex-wrap:wrap;margin-left:auto;display:inline-flex}.follow-up-banner{margin:var(--space-3) var(--space-4) 0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-warning-soft)}.follow-up-banner-head{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-strong);display:flex}.follow-up-banner-head svg{width:var(--icon-small);height:var(--icon-small);color:var(--color-warning);flex:none}.follow-up-banner-head .link-button{margin-left:auto}.follow-up-banner ul{padding:0 var(--space-3) var(--space-2);margin:0;list-style:none}.follow-up-banner li{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.follow-up-what{min-width:0;color:var(--color-text);font-size:var(--text-sm);flex:16rem;text-decoration:none}.follow-up-what:hover{text-decoration:underline}.chip.follow-up-chip.due{background:var(--color-warning-soft);color:var(--color-warning)}.reminder-chip{gap:var(--space-1);height:1.75rem;margin-right:var(--space-2);font-size:var(--text-sm)}.reminder-chip svg{width:var(--icon-small);height:var(--icon-small)}.chip-remove{color:inherit;background:0 0;border:0;padding:0;display:inline-flex}.attachments-page{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.hub-head{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-2);display:flex}.hub-head h1{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-strong);flex:none;margin:0}.hub-search{flex:1;min-width:0;max-width:40rem}.attachments-account{width:auto;min-width:11rem}.hub-chips{align-items:center;gap:var(--space-2);padding:0 var(--space-4) var(--space-3);flex:none;display:flex}.hub-kinds{align-items:center;gap:var(--space-2);scrollbar-width:none;min-width:0;display:flex;overflow-x:auto}.hub-chip,.hub-chip-menu .menu-trigger{align-items:center;gap:var(--space-1);height:2rem;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;flex:none;display:inline-flex}.hub-chip:hover,.hub-chip-menu .menu-trigger:hover{background:var(--color-hover)}.hub-chip[aria-pressed=true],.hub-chip-menu.on .menu-trigger{background:var(--color-primary-soft);color:var(--color-primary-ink);border-color:#0000}.hub-chip svg,.hub-chip-menu .menu-trigger svg{width:var(--icon-small);height:var(--icon-small)}.hub-chip-menu{flex:none}.hub-view{border-top:1px solid var(--color-border);min-height:0}.hub-sort .menu-trigger{gap:var(--space-1);height:2rem;padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--color-muted);font-size:var(--text-sm);white-space:nowrap}.hub-sort .menu-trigger:hover{background:var(--color-hover)}.hub-sort .menu-trigger svg{width:var(--icon-small);height:var(--icon-small)}.kind-images{--kind:var(--label-6);--kind-soft:var(--label-6-soft);--kind-ink:var(--label-6-ink)}.kind-pdf{--kind:var(--label-4);--kind-soft:var(--label-4-soft);--kind-ink:var(--label-4-ink)}.kind-documents{--kind:var(--label-5);--kind-soft:var(--label-5-soft);--kind-ink:var(--label-5-ink)}.kind-spreadsheets{--kind:var(--label-10);--kind-soft:var(--label-10-soft);--kind-ink:var(--label-10-ink)}.kind-presentations{--kind:var(--label-8);--kind-soft:var(--label-8-soft);--kind-ink:var(--label-8-ink)}.kind-archives{--kind:var(--label-12);--kind-soft:var(--label-12-soft);--kind-ink:var(--label-12-ink)}.kind-other{--kind:var(--label-11);--kind-soft:var(--label-11-soft);--kind-ink:var(--label-11-ink)}.hub-chip[aria-pressed=false] svg{color:var(--kind)}.hub-rows .hub-row{--file-badge:1.75rem;grid-template-columns:auto auto minmax(0, 1fr) var(--from-width) 8.5rem;column-gap:var(--space-3);grid-template-areas:"controls badge file from meta"}.hub-row>.row-controls{grid-area:controls}.hub-row>.row-from{grid-area:from}.hub-row>.row-meta{grid-area:meta}.file-badge{width:var(--file-badge);height:var(--file-badge);border-radius:var(--radius-sm);background:var(--kind-soft);color:var(--kind-ink);cursor:pointer;border:0;grid-area:badge;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative;overflow:hidden}.file-badge svg{width:var(--icon-small);height:var(--icon-small)}.file-badge:hover{box-shadow:0 0 0 2px var(--kind)}.file-badge.with-thumb{background:var(--color-sunken);box-shadow:0 0 0 1px var(--color-border)}.file-badge.with-thumb:hover{box-shadow:0 0 0 2px var(--kind)}.file-badge-thumb{object-fit:cover;width:100%;height:100%}.hub-file{align-items:center;gap:var(--space-2);grid-area:file;min-width:0;display:flex}.hub-file-name{min-width:0;color:var(--color-text);font-size:var(--text-md);font-weight:var(--weight-medium);white-space:nowrap;display:inline-flex}.hub-file-start{text-overflow:ellipsis;min-width:0;overflow:hidden}.hub-file-ending{flex:none}.hub-file .label-chip{flex:none;max-width:7rem;margin-right:0}.row-size{color:var(--color-subtle);font-size:var(--text-sm);white-space:nowrap}.hub-rows .row:focus-within .row-hover{display:inline-flex}.hub-rows .row:focus-within .row-meta{visibility:hidden}@container list (max-width:40rem){.hub-rows .hub-row{--file-badge:2.5rem;grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"controls badge file date""controls badge from size";align-items:center;row-gap:.125rem}.hub-rows .hub-row>.row-meta{display:contents}.hub-rows .hub-row .row-date{grid-area:date;justify-self:end}.hub-rows .hub-row .row-size{grid-area:size;justify-self:end}.hub-rows .hub-row .row-controls .icon-button{height:1.75rem}.hub-rows .file-badge svg{width:1.25rem;height:1.25rem}:is(.hub-toolbar .hub-size,.hub-toolbar:has(.selection-count) .hub-sort){display:none}}@container list (max-width:28rem){.hub-toolbar .hub-sort{display:none}}@media (max-width:720px){.hub-head{padding:var(--space-3) var(--space-3) var(--space-2);flex-wrap:wrap}.hub-search{flex-basis:100%;max-width:none}.hub-chips{padding:0 var(--space-3) var(--space-2)}.hub-rows .row-hover,.hub-rows .row:hover .row-hover{top:auto;bottom:var(--space-1);background:0 0;padding-left:0;display:inline-flex;transform:none}.hub-rows .row-hover .hub-tool,.hub-rows .row-size{display:none}.hub-rows .row:focus-within .row-meta{visibility:visible}.hub-rows .hub-row{--file-badge:2.5rem;grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"controls badge file date""controls badge from from";align-items:center;row-gap:.125rem}.hub-rows .hub-row>.row-controls{align-self:center}.hub-rows .hub-row>.row-meta{display:contents}.hub-rows .hub-row .row-date{grid-area:date;justify-self:end}.hub-rows .hub-row>.row-from{padding-right:2rem}.hub-rows .file-badge svg{width:1.25rem;height:1.25rem}}.hub-preview{background:var(--color-sunken);border-radius:var(--radius-md);justify-content:center;max-height:70vh;display:flex;position:relative;overflow:auto}.hub-preview.loading{min-height:16rem}.hub-preview.loading :is(img,iframe){visibility:hidden}.preview-loading{color:var(--color-primary);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.preview-loading .spinner{width:var(--space-8);height:var(--space-8);border-width:3px}.hub-preview img{object-fit:contain;max-width:100%;height:auto}.preview-dialog.dialog.wide{width:min(100%,60rem)}.preview-dialog .dialog-foot{flex-wrap:wrap;align-items:center}.preview-nav{align-items:center;gap:var(--space-1);margin-right:auto;display:inline-flex}.hub-preview.pdf{height:70vh;display:block;overflow:hidden}.hub-preview.pdf iframe{border:0;width:100%;height:100%}.hub-text{max-height:70vh;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-sunken);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;overflow:auto}.conversation-dialog.dialog{width:min(100%,64rem);height:calc(100dvh - 2rem);overflow:hidden}.conversation-dialog .dialog-body{flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow:hidden}.conversation-dialog .thread-toolbar{border-radius:var(--radius-lg) var(--radius-lg) 0 0}@media (max-width:720px){.backdrop:has(>.conversation-dialog){padding:0}.conversation-dialog.dialog{border-radius:0;width:100%;height:100dvh;max-height:100dvh}.conversation-dialog .thread-toolbar{border-radius:0}}.export-form{align-items:flex-end;gap:var(--space-3);margin:var(--space-2) 0;flex-wrap:wrap;display:flex}.export-form .field{flex:14rem}.export-list{margin:var(--space-2) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.export-list li{align-items:center;gap:var(--space-2);min-height:3rem;padding:var(--space-1) 0;display:flex}.export-list li+li{border-top:1px solid var(--color-border)}.export-what{flex-direction:column;flex:1;min-width:0;display:flex}.export-what>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-actions.start{justify-content:flex-start}.field .code-input{font-family:var(--font-mono,monospace);font-size:var(--text-lg);letter-spacing:.2em}.two-factor-links{justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;display:flex}.two-factor-state{align-items:center;gap:var(--space-2);margin:var(--space-2) 0;color:var(--color-muted);font-weight:var(--weight-semibold);display:flex}.two-factor-state svg{width:var(--icon);height:var(--icon)}.two-factor-state.on{color:var(--color-positive)}.two-factor-setup{gap:var(--space-3);flex-direction:column;display:flex}.two-factor-steps{gap:var(--space-2);padding-left:var(--space-5);flex-direction:column;margin:0;display:flex}.two-factor-steps li>span{margin-top:var(--space-2);display:block}.two-factor-qr{width:max-content;padding:var(--space-2);border-radius:var(--radius-md);background:var(--color-paper)}.two-factor-key{overflow-wrap:anywhere;color:var(--color-text);font-size:var(--text-md);letter-spacing:.05em}.recovery-codes{gap:var(--space-3);flex-direction:column;display:flex}.recovery-codes p{margin:0}.recovery-list{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-sunken);grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));margin:0;list-style:none;display:grid}.recovery-list code{font-size:var(--text-md);color:var(--color-strong)}:root[data-embedded]{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}:root[data-embedded] .topbar{display:none}:root[data-embedded] .main{border-top-width:0}:root[data-embedded] :is(input,select,textarea){font-size:max(1rem, var(--text-md))}@media (max-width:1100px){:root[data-embedded] .help-panel{width:100%;top:0}}.shell-reconnect{min-height:100dvh;padding:var(--space-6);text-align:center;place-items:center;display:grid}.search-sheet{z-index:var(--z-dialog);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--color-surface);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.search-sheet-bar{align-items:center;gap:var(--space-1);min-height:var(--topbar);padding:0 var(--space-2);border-bottom:1px solid var(--color-border);display:flex}.search-sheet-bar input{min-width:0;height:var(--control);color:var(--color-text);background:0 0;border:0;outline:none;flex:1}.search-sheet-chips{gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-2);scrollbar-width:none;display:flex;overflow-x:auto}.search-sheet-chips button{align-items:center;gap:var(--space-1);height:2rem;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--text-md);flex:none;display:inline-flex}.search-sheet-chips svg{width:1rem;height:1rem;color:var(--color-muted)}.search-sheet-recent{padding:var(--space-1) 0;margin:0;list-style:none}.search-sheet-recent button{align-items:center;gap:var(--space-4);width:100%;min-height:3rem;padding:0 var(--space-4);color:var(--color-text);font-size:var(--text-md);text-align:left;background:0 0;border:0;display:flex}.search-sheet-recent button:active{background:var(--color-hover)}.search-sheet-recent svg{width:1.125rem;height:1.125rem;color:var(--color-subtle);flex:none}.search-sheet-recent span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-sheet-hint{align-items:center;gap:var(--space-2);padding:var(--space-4);display:flex}.search-sheet-hint svg{width:1rem;height:1rem}.row[data-swipeable]{touch-action:pan-y pinch-zoom}.rows:has(>.row[data-swipeable]){overflow-x:hidden}.row[data-swipe]{z-index:2;transform:translateX(var(--swipe-x,0px));will-change:transform}.row[data-swipe-settling]{transition:transform .18s ease-out}.swipe-band{width:100%;color:var(--color-on-swipe);pointer-events:none;position:absolute;top:0;bottom:0;overflow:hidden}.swipe-band.from-left{right:100%}.swipe-band.from-right{left:100%}.swipe-band svg{opacity:.75;width:1.5rem;height:1.5rem;transition:transform var(--motion), opacity var(--motion);margin-top:-.75rem;position:absolute;top:50%}.swipe-band.from-left svg{right:calc(var(--swipe-x,0px) - 2.75rem)}.swipe-band.from-right svg{left:calc(-1 * var(--swipe-x,0px) - 2.75rem)}.row[data-swipe-armed] .swipe-band svg{opacity:1;transform:scale(1.2)}.swipe-archive{background:var(--color-swipe-archive)}.swipe-delete{background:var(--color-swipe-delete)}.swipe-read{background:var(--color-swipe-read)}.swipe-snooze{background:var(--color-swipe-snooze)}.swipe-star{background:var(--color-swipe-star)}.pull-refresh{top:calc(var(--space-10) * -1);z-index:3;width:var(--space-10);height:var(--space-10);margin-left:calc(var(--space-10) / -2);border-radius:var(--radius-full);background:var(--color-surface);box-shadow:var(--shadow-menu);color:var(--color-muted);transform:translateY(var(--pull,0px));pointer-events:none;place-items:center;display:grid;position:absolute;left:50%}.pull-refresh:not([data-active=true],[data-refreshing=true]){visibility:hidden}.pull-refresh svg{width:var(--icon);height:var(--icon);transform:rotate(calc(var(--pull-turn,0) * 1turn))}.pull-refresh[data-ready=true],.pull-refresh[data-refreshing=true]{color:var(--color-primary)}.pull-refresh[data-refreshing=true]{transform:translateY(calc(var(--space-10) * 1.5))}.pull-refresh[data-refreshing=true] svg{animation:.8s linear infinite spin}@media (prefers-reduced-motion:reduce){.pull-refresh[data-refreshing=true] svg{animation:none}.row[data-swipe-settling]{transition:none}}.compose-fab{display:none}@media (max-width:720px){.compose-fab{right:calc(var(--space-4) + env(safe-area-inset-right));bottom:calc(var(--space-4) + env(safe-area-inset-bottom));z-index:calc(var(--z-rail) - 2);min-width:3.5rem;height:3.5rem;padding:0 var(--space-4);border-radius:var(--radius-lg);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-md);font-weight:var(--weight-semibold);box-shadow:var(--shadow-large);transition:background var(--motion), padding var(--motion);border:0;justify-content:center;align-items:center;display:inline-flex;position:fixed}.compose-fab:hover{background:var(--color-primary-hover)}.compose-fab svg{width:1.375rem;height:1.375rem}.compose-fab span{max-width:8rem;margin-left:var(--space-3);white-space:nowrap;transition:max-width var(--motion), margin var(--motion), opacity var(--motion);overflow:hidden}.compose-fab.small{padding:0}.compose-fab.small span{opacity:0;max-width:0;margin-left:0}.app:has(.composer.minimized) .compose-fab{bottom:calc(3.25rem + var(--space-3) + env(safe-area-inset-bottom))}.app:has(.compose-fab) .toasts{bottom:calc(3.5rem + var(--space-6) + env(safe-area-inset-bottom))}.app:has(.compose-fab):has(.composer.minimized) .toasts{bottom:calc(6.75rem + var(--space-6) + env(safe-area-inset-bottom))}.rows{padding-bottom:env(safe-area-inset-bottom)}.rows:has(>.row[data-swipeable]){padding-bottom:calc(3.5rem + var(--space-8) + env(safe-area-inset-bottom))}.setting-row:has(.select):has(small){align-items:stretch;gap:var(--space-2);flex-direction:column}.setting-row:has(.select):has(small) .select{width:100%}.backdrop{padding:var(--space-8) 0 var(--keyboard-inset,0px);align-items:flex-end}.dialog,.dialog.wide{width:100%;max-height:min(90dvh, calc(100dvh - var(--keyboard-inset,0px) - var(--space-8)));border-radius:var(--radius-lg) var(--radius-lg) 0 0}.dialog-body{padding-right:calc(var(--space-5) + env(safe-area-inset-right));padding-left:calc(var(--space-5) + env(safe-area-inset-left))}.dialog-foot{padding-right:calc(var(--space-5) + env(safe-area-inset-right));padding-bottom:max(var(--space-5), calc(env(safe-area-inset-bottom) + var(--space-2) - var(--keyboard-inset,0px)));padding-left:calc(var(--space-5) + env(safe-area-inset-left));flex-wrap:wrap}.dialog:not(:has(>.dialog-foot))>.dialog-body{padding-bottom:max(var(--space-5), calc(env(safe-area-inset-bottom) + var(--space-2) - var(--keyboard-inset,0px)))}}@media (max-width:720px) and (prefers-reduced-motion:no-preference){.dialog:not(.conversation-dialog){animation:.16s ease-out sheet-up}}@keyframes sheet-up{0%{opacity:0;transform:translateY(1.5rem)}}.notify-state{align-items:center;gap:var(--space-2) var(--space-3);min-height:2.75rem;padding:var(--space-1) 0;flex-wrap:wrap;display:flex}.notify-state p{align-items:flex-start;gap:var(--space-2);color:var(--color-muted);font-size:var(--text-md);flex:14rem;margin:0;display:flex}.notify-state svg{width:var(--icon);height:var(--icon);flex:none;margin-top:1px}.notify-state.on p{color:var(--color-positive);font-weight:var(--weight-semibold)}.notify-state.blocked p{color:var(--color-warning)}.notify-preview{align-items:center;gap:0 var(--space-3);margin:var(--space-2) 0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-sunken);font-size:var(--text-md);grid-template-columns:auto minmax(0,1fr);display:grid}.notify-preview .stamp{grid-row:1/span 3;height:2rem}.notify-preview strong,.notify-preview span{overflow-wrap:anywhere;min-width:0}.notify-preview strong{color:var(--color-strong)}.notify-preview .notify-subtle{color:var(--color-muted);font-size:var(--text-sm)}.notify-note{margin:var(--space-1) 0 0}.danger-zone{border-color:var(--color-danger)}.danger-zone h2{color:var(--color-danger)}.danger-zone .row-actions{margin-top:var(--space-2);justify-content:flex-start}.delete-data{gap:var(--space-3);flex-direction:column;display:flex}.delete-data h3{margin:0 0 var(--space-1);font-size:var(--text-md)}.delete-data ul{padding-left:var(--space-5);margin:0}.delete-data li{margin-bottom:var(--space-1)}.delete-data p{margin:0}.delete-data .field span strong{color:var(--color-strong);overflow-wrap:anywhere}.signin-links{justify-content:center;gap:var(--space-1) var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.signin-links a{color:var(--color-muted);text-decoration:none}.signin-links a:hover{color:var(--color-text);text-decoration:underline}.public-page{padding-top:max(var(--space-6), env(safe-area-inset-top));padding-bottom:max(var(--space-6), env(safe-area-inset-bottom));justify-content:flex-start}.public-card{width:min(100%,46rem);padding:var(--space-6)}.public-head{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.public-brand{text-decoration:none;display:inline-flex}.public-card h1{font-size:var(--text-2xl);color:var(--color-strong);margin:0}.public-card .guide h2{margin:var(--space-5) 0 var(--space-2);font-size:var(--text-lg);color:var(--color-strong)}.public-updated{margin:calc(var(--space-2) * -1) 0 0}.guide h3{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-md);color:var(--color-strong)}.public-contact{margin:var(--space-4) 0 0;color:var(--color-muted);font-size:var(--text-sm)}.guide-links{margin:0;padding:0;list-style:none}.guide-links a{padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-md);text-decoration:none;display:block}.guide-links a:hover{background:var(--color-hover)}.guide-links li+li{border-top:1px solid var(--color-border)}.public-back{align-self:flex-start}.address-input{align-items:stretch;display:flex}.address-input input{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;flex:1;min-width:0}.address-input input:focus{z-index:1;position:relative}.address-domain{padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--color-hover);color:var(--color-muted);white-space:nowrap;align-items:center;display:flex}.address-free{align-items:center;gap:var(--space-1);color:var(--color-positive);margin:0;display:flex}.address-free svg{width:var(--icon-small);height:var(--icon-small)}.check-field{align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);display:flex}.check-field input{margin-top:3px}.signup-link{text-align:center;justify-content:center;text-decoration:none}.signup-beside{display:none}.forgot-link{font-size:var(--text-sm);align-self:flex-start}.storage-banner{margin:var(--space-2) var(--space-3);flex-wrap:wrap;flex:none;align-items:center}.main:has(>.storage-banner){flex-direction:column}.main:has(>.storage-banner)>:not(.storage-banner){flex:1;min-height:0}.storage-banner-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-left:auto;display:inline-flex}.plans{align-items:flex-start;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.plans h3{font-size:var(--text-md);margin:0}.plan-list{gap:var(--space-3);flex-wrap:wrap;width:100%;margin:0;padding:0;list-style:none;display:flex}.plan{align-items:flex-start;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;flex:12rem;display:flex}.plan-size{font-size:var(--text-xl);font-weight:var(--weight-semibold)}.notice.success{background:var(--color-positive-soft);color:var(--color-positive)}:root[data-frame] .topbar-brand{display:none}.attachment-card-binder{align-items:center;gap:var(--space-1);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.attachment-card-binder .link-button,.frame-elsewhere a{align-items:center;gap:var(--space-1);display:inline-flex}.attachment-card-binder svg,.frame-elsewhere svg{width:.875rem;height:.875rem}.frame-mark{gap:var(--space-1);background:var(--color-positive-soft);color:var(--color-positive);margin-right:0}.frame-elsewhere{margin:var(--space-2) 0 0}.frame-sign-in{gap:var(--space-2);align-content:center}@media (min-width:901px){:root[data-frame] .backdrop:has(>.preview-dialog){background:0 0;justify-content:flex-end;align-items:stretch;padding:0}:root[data-frame] .preview-dialog.dialog.wide{width:min(100%, var(--frame-pane,40rem));border-left:1px solid var(--color-border);border-radius:0;height:100%;max-height:none}}