.mail-app{--mail-bg:var(--mm-background);--mail-surface:var(--mm-surface);--mail-surface-raised:var(--mm-surface-raised);--mail-sidebar:var(--mm-surface-muted);--mail-fg:var(--mm-text-primary);--mail-muted:var(--mm-text-secondary);--mail-faint:var(--mm-text-faint);--mail-border:var(--mm-border);--mail-border-strong:var(--mm-border-strong);--mail-hover:var(--mm-surface-hover);--mail-selected:var(--mm-surface-selected);--mail-unread-bg:var(--mm-surface-raised);--mail-unread-bar:var(--mm-brand);--mail-accent:var(--mm-brand);--mail-accent-hover:var(--mm-brand-hover);--mail-accent-pressed:var(--mm-brand-pressed);--mail-accent-soft:var(--mm-brand-soft);--mail-accent-soft-hover:var(--mm-brand-soft-hover);--mail-danger:var(--mm-danger);--mail-danger-soft:var(--mm-danger-soft);--mail-danger-border:var(--mm-danger-border);--mail-warning:var(--mm-warning);--mail-warning-soft:var(--mm-warning-soft);--mail-warning-border:var(--mm-warning-border);--mail-success:var(--mm-success);--mail-success-soft:var(--mm-success-soft);--mail-success-border:var(--mm-success-border);--mail-star:#b8770a;--mail-radius-sm:var(--mm-radius-sm);--mail-radius:var(--mm-radius-md);--mail-radius-lg:var(--mm-radius-lg);--mail-shadow-sm:var(--mm-shadow-sm);--mail-shadow:var(--mm-shadow-md);--mail-focus-ring:var(--mm-focus-ring);--mail-space-1:var(--mm-space-1);--mail-space-2:var(--mm-space-2);--mail-space-3:var(--mm-space-3);--mail-space-4:var(--mm-space-4);--mail-space-5:var(--mm-space-5);--mail-space-6:var(--mm-space-6);--mail-font-sans:var(--font-mail-sans),"Source Sans 3",ui-sans-serif,system-ui,sans-serif;--mail-font-display:var(--font-mail-display),Fraunces,Georgia,serif;color:var(--mail-fg);font-family:var(--mail-font-sans);-webkit-font-smoothing:antialiased}.mail-app :focus-visible{box-shadow:var(--mail-focus-ring);outline:none}.mail-app .mail-icon-btn{border-radius:var(--mail-radius-sm);border:1px solid var(--mail-border);background:var(--mail-surface-raised);color:var(--mail-fg);justify-content:center;align-items:center;gap:.35rem;padding:.4rem .6rem;font-size:.75rem;font-weight:500;line-height:1;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.mail-app .mail-icon-btn:hover:not(:disabled){background:var(--mail-hover);border-color:var(--mail-border-strong)}.mail-app .mail-icon-btn:disabled{opacity:.45;cursor:not-allowed}.mail-app .mail-icon-btn[aria-pressed=true]{background:var(--mail-accent-soft);color:var(--mail-accent);border-color:#0000}.mail-app .mail-page-nav{width:2rem;min-width:2rem;height:2rem;min-height:2rem;padding:0}.mail-app .mail-page-nav svg{width:1.125rem;height:1.125rem}.mail-app .mail-page-range{color:var(--mail-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:400;line-height:1}.mail-app .mail-btn-primary{border-radius:var(--mail-radius);background:var(--mail-accent);color:#fff;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.875rem;font-weight:600;transition:background .12s;display:inline-flex}.mail-app .mail-btn-primary:hover:not(:disabled){background:var(--mail-accent-hover)}.mail-app .mail-btn-primary:active:not(:disabled){background:var(--mail-accent-pressed)}.mail-app .mail-btn-primary:disabled{opacity:.55;cursor:not-allowed}.mail-app .mail-btn-secondary{border-radius:var(--mail-radius);border:1px solid var(--mail-border);background:var(--mail-surface-raised);color:var(--mail-fg);justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.875rem;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.mail-app .mail-btn-secondary:hover:not(:disabled){background:var(--mail-hover);border-color:var(--mail-border-strong)}.mail-app .mail-btn-secondary:disabled{opacity:.55;cursor:not-allowed}.mail-app .mail-btn-ghost{border-radius:var(--mail-radius-sm);color:var(--mail-muted);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.35rem;padding:.4rem .55rem;font-size:.8125rem;font-weight:500;transition:background .12s,color .12s;display:inline-flex}.mail-app .mail-btn-ghost:hover:not(:disabled){background:var(--mail-hover);color:var(--mail-fg)}.mail-app .mail-input{border-radius:var(--mail-radius);border:1px solid var(--mail-border);background:var(--mail-surface-raised);width:100%;color:var(--mail-fg);padding:.55rem .75rem;font-size:.875rem;transition:border-color .12s}.mail-app .mail-input::placeholder{color:var(--mm-text-muted)}.mail-app .mail-input:hover:not(:disabled){border-color:var(--mail-border-strong)}.mail-app .mail-input:focus{border-color:var(--mail-accent);box-shadow:0 0 0 3px var(--mail-accent-soft);outline:none}.mail-app .mail-badge{border-radius:var(--mail-radius-sm);background:var(--mail-accent-soft);font-variant-numeric:tabular-nums;min-width:1.25rem;color:var(--mail-accent);justify-content:center;align-items:center;padding:.1rem .4rem;font-size:.6875rem;font-weight:600;display:inline-flex}.mail-app .mail-topbar{z-index:var(--mm-z-sticky);background:var(--mm-surface-raised)}.mail-app .mail-sidebar{width:248px}.mail-app .mail-msg-row{contain:layout style}.mail-app .mail-check{height:var(--mm-control-sm);width:var(--mm-control-sm);border-radius:var(--mail-radius-sm);cursor:pointer;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}@media (pointer:coarse){.mail-app .mail-check:after{content:"";height:var(--mm-target-coarse);width:var(--mm-target-coarse);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mail-app .mail-row-toggle{z-index:1;position:relative}}.mail-app .mail-check:hover{background:var(--mail-hover)}.mail-app .mail-check>input{cursor:pointer;width:1rem;height:1rem;accent-color:var(--mail-accent);flex:none}.mail-app .mail-row-toggle[aria-pressed=true]{background:0 0}.mail-app .mail-row-toggle:hover:not(:disabled){background:var(--mail-hover)}.mail-app .mail-compose-surface{border:1px solid var(--mail-border);border-radius:var(--mail-radius-lg);background:var(--mail-surface-raised);max-width:44rem;min-height:calc(100% - 1.5rem);box-shadow:var(--mail-shadow-sm);margin:.75rem auto}.mail-app .mail-compose-floating{max-width:none;height:100%;min-height:0;box-shadow:none;border:none;border-radius:0;margin:0}.mail-app .mail-message-body{font-size:.9375rem;line-height:1.6}@media (max-width:640px){.mail-app .mail-compose-surface{max-width:none;min-height:100%;box-shadow:none;border:none;border-radius:0;margin:0}}.mail-app .mail-skeleton{border-radius:var(--mail-radius);background:linear-gradient(90deg,var(--mm-surface-muted)0%,var(--mm-surface-hover)50%,var(--mm-surface-muted)100%);background-size:200% 100%;animation:1.2s ease-in-out infinite mail-shimmer}@keyframes mail-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.mail-app .mail-skeleton{background:var(--mail-hover);animation:none}.mail-app .mail-icon-btn,.mail-app .mail-btn-primary,.mail-app .mail-btn-secondary,.mail-app .mail-btn-ghost{transition:none}}