.workspace{grid-template-columns:var(--nav-width) minmax(0, 1fr);background:var(--color-canvas);grid-template-areas:"nav main";gap:.5rem;block-size:100dvb;padding:.5rem;display:grid;overflow:hidden}.workspace-nav{gap:var(--space-3);padding:var(--space-4) .85rem .85rem;border-radius:var(--r-lg);background:var(--color-surface);box-shadow:var(--shadow-soft);z-index:var(--z-nav);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);flex-direction:column;grid-area:nav;min-block-size:0;display:flex;overflow:auto}.workspace-nav .brand-link{padding-inline:var(--space-2)}.workspace-nav .wordmark{max-width:11rem;height:32px}.btn.nav-create{width:auto;min-height:2.4rem;border-radius:var(--r-pill);white-space:nowrap;flex:none;gap:.4rem;min-block-size:2.4rem;padding-inline:.95rem;font-weight:650;position:relative}.nav-create-label{text-box:trim-both cap alphabetic}.nav-group{flex-direction:column;gap:.15rem;display:flex}.nav-item,.nav-link{align-items:center;gap:var(--space-3);border-radius:var(--r-md);min-block-size:2.5rem;color:var(--color-text-secondary);font:inherit;font-weight:500;font-size:var(--font-size-sm);cursor:pointer;text-align:start;background:0 0;border:0;width:100%;padding:0 .7rem;text-decoration:none;display:flex}.nav-item:hover,.nav-link:hover{background:var(--color-surface-muted);color:var(--color-text-primary)}.nav-item[aria-current=page],.nav-link[aria-current=page]{background:color-mix(in srgb, var(--color-action) 12%, var(--color-surface));color:var(--color-text-primary);font-weight:650}.nav-item-icon{color:currentColor;flex:none;place-items:center;block-size:1.15rem;inline-size:1.15rem;display:grid}.nav-count{font-size:var(--font-size-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;text-box:trim-both cap alphabetic;margin-inline-start:auto;font-weight:650}.nav-count-unread{color:var(--color-action);font-weight:750}.nav-spacer{min-block-size:var(--space-2);flex:auto}.nav-prefs{justify-content:space-between;align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--r-lg);background:var(--color-surface-muted);padding:.35rem .55rem;display:none}.nav-prefs .locale-picker{flex:auto;min-inline-size:0}.nav-prefs .locale-button{justify-content:space-between;inline-size:100%}.nav-upgrade{gap:var(--space-2);padding:var(--space-4);border-radius:var(--r-lg);color:inherit;background:linear-gradient(165deg, color-mix(in srgb, var(--color-action) 12%, var(--color-surface-muted)), var(--color-surface-muted));flex-direction:column;text-decoration:none;display:flex}.nav-upgrade:hover{color:inherit}.nav-upgrade-kicker{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:650;display:inline-flex}.nav-upgrade p{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4}.nav-group+.nav-group{padding-top:var(--space-3);border-top:1px solid var(--color-border)}.nav-user{align-items:center;gap:var(--space-3);width:100%;border-radius:var(--r-lg);min-inline-size:0;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;padding:.45rem;display:flex}.nav-user:hover,.nav-user[aria-expanded=true]{background:var(--color-surface-muted)}.nav-user-copy{flex-direction:column;flex:1;min-inline-size:0;display:flex}.nav-user-copy strong{font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.nav-user-menu{position:relative}.menu-panel{z-index:var(--z-overlay);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--r-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-card);flex-direction:column;gap:.15rem;display:flex;position:absolute;inset-block-end:calc(100% + .4rem);inset-inline:0}.menu-panel a,.menu-panel button{align-items:center;gap:var(--space-2);min-block-size:2.25rem;padding:0 var(--space-3);border-radius:var(--r-sm);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-sm);cursor:pointer;text-align:start;background:0 0;border:0;width:100%;text-decoration:none;display:flex}.menu-panel a:hover,.menu-panel button:hover{background:var(--color-surface-muted)}.workspace-main{flex-direction:column;grid-area:main;gap:.5rem;min-block-size:0;min-inline-size:0;display:flex;overflow:hidden}.workspace-top{align-items:center;gap:var(--space-2);padding-inline:var(--space-1);min-block-size:2.75rem;display:flex}.search-trigger{justify-content:flex-start;gap:var(--space-3);min-block-size:2.4rem;min-inline-size:0;max-inline-size:none;padding-inline:var(--space-4);border-radius:var(--r-pill);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);box-shadow:none;font-size:var(--font-size-sm);flex:auto;margin-inline:0}.search-trigger kbd{border:1px solid var(--color-border);border-radius:var(--r-xs);font-size:var(--text-caption);color:var(--color-text-muted);margin-inline-start:auto;padding:.1rem .4rem}.workspace-top-end{align-items:center;gap:var(--space-2);flex:none;margin-inline-start:auto;display:flex}.workspace-top-actions{align-items:center;gap:var(--space-1);display:flex}.workspace-stage{border-radius:var(--r-lg);background:var(--color-surface);min-block-size:0;min-inline-size:0;box-shadow:var(--shadow-soft);flex-direction:column;flex:auto;display:flex;overflow:clip}.workspace-stage[data-flush=false]{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);padding:1.15rem 1.25rem 1.35rem;overflow:auto}.workspace-stage[data-flush=true]{background:var(--color-surface);padding:0}.workspace .card{padding:var(--space-5);border-radius:var(--r-lg);border-color:color-mix(in srgb, var(--color-border) 85%, transparent)}.workspace .banner{padding:var(--space-4) var(--space-5);border:1px solid color-mix(in srgb, var(--color-action) 24%, var(--color-border));border-radius:var(--r-lg);background:linear-gradient(135deg, color-mix(in srgb, var(--color-action) 8%, var(--color-surface)), var(--color-surface) 78%)}.workspace .btn-primary,.workspace .btn-emphasis{border-radius:var(--r-pill);transition:background-color var(--duration) var(--ease), transform var(--duration) var(--ease);font-weight:600}.workspace .btn-primary:not(.btn-icon){box-shadow:0 1px 2px color-mix(in srgb, var(--color-action) 40%, transparent)}.workspace .btn-primary:active:not(:disabled),.workspace .btn-emphasis:active:not(:disabled){transform:scale(.97)}@media (prefers-reduced-motion:reduce){.workspace .btn-primary:active:not(:disabled),.workspace .btn-emphasis:active:not(:disabled){transform:none}}.workspace .btn-secondary:not(.btn-icon),.workspace .btn-danger:not(.btn-icon){border-radius:var(--r-pill);font-weight:600}.stage-toolbar{align-items:end;gap:var(--space-3);flex-wrap:wrap;display:flex}.stage-toolbar .field{flex:16rem;max-inline-size:28rem;margin:0}.alias-picker{gap:var(--space-2);flex-direction:column;min-inline-size:0;display:flex}.alias-picker-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;font-weight:650}.alias-picker-list{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));display:grid}.alias-picker-option{align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--r-lg);background:var(--color-surface);cursor:pointer;grid-template-columns:auto minmax(0,1fr);min-block-size:3.5rem;margin:0;padding:.7rem .85rem;transition:border-color .12s,background-color .12s,box-shadow .12s;display:grid;position:relative}.alias-picker-option:hover{border-color:color-mix(in srgb, var(--color-action) 28%, var(--color-border));background:var(--color-surface-muted)}.alias-picker-option:has(:focus-visible){outline:2px solid var(--color-border-strong);outline-offset:2px}.alias-picker-option[data-selected=true]{border-color:color-mix(in srgb, var(--color-action) 55%, var(--color-border));background:color-mix(in srgb, var(--color-action) 8%, var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-action) 28%, transparent)}.alias-picker-option input{opacity:0;pointer-events:none;margin:0;position:absolute;inset:0}.alias-picker-copy{flex-direction:column;gap:.15rem;min-inline-size:0;display:flex}.alias-picker-address{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--font-size-sm);overflow-wrap:anywhere;font-weight:650;line-height:1.25}.alias-picker-meta{font-size:var(--font-size-xs);color:var(--color-text-secondary)}@media (max-width:40rem){.alias-picker-list{gap:var(--space-2);scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);padding-block-end:var(--space-1);display:flex;overflow-x:auto}.alias-picker-option{scroll-snap-align:start;flex:0 0 min(18rem,82vw)}}.stage-tabs{align-items:center;gap:var(--space-1);width:fit-content;border:1px solid var(--color-border);border-radius:var(--r-pill);background:var(--color-surface-muted);scrollbar-width:none;max-inline-size:100%;padding:.2rem;display:flex;overflow:auto}.stage-tabs::-webkit-scrollbar{display:none}.stage-tabs .filter-chip{white-space:nowrap;flex:none;min-block-size:2.15rem}.stage-tabs .filter-chip[aria-selected=true],.filter-chip[aria-selected=true]{background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-soft);font-weight:650}.settings-split{gap:var(--space-5);grid-template-columns:11rem minmax(0,1fr);align-items:start;display:grid}.settings-nav{flex-direction:column;gap:.15rem;display:flex;position:sticky;top:0}.settings-nav a{min-block-size:2.35rem;padding:0 var(--space-3);border-radius:var(--r-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);align-items:center;font-weight:500;text-decoration:none;display:flex}.settings-nav a:hover,.settings-nav a[aria-current=page]{background:var(--color-surface-muted);color:var(--color-text-primary)}.panel-grid{gap:var(--space-4);display:grid}.panel-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-strip{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.usage-cell{border:1px solid var(--color-border);border-radius:var(--r-lg);background:var(--color-surface-muted);flex-direction:column;gap:.35rem;padding:.85rem 1rem;display:flex}.usage-cell strong{font-size:var(--text-h2);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.usage-cell strong span{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:550}.usage-meter{border-radius:var(--r-pill);background:color-mix(in srgb, var(--color-action) 10%, var(--color-surface));height:.35rem;overflow:hidden}.usage-meter>span{border-radius:inherit;background:var(--color-action);height:100%;display:block}.stat-card{gap:var(--space-2);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--r-lg);background:var(--color-surface-muted);flex-direction:column;display:flex}.stat-card strong{font-size:var(--text-h1);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.address-list{border:1px solid var(--color-border);border-radius:var(--r-lg);background:var(--color-surface);flex-direction:column;display:flex;overflow:clip}.address-grid{gap:var(--space-3);background:0 0;border:0;grid-template-columns:1fr;display:grid;overflow:visible}@container (min-width:44rem){.address-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.address-grid.address-grid-stack{grid-template-columns:1fr}}.address-row{align-items:center;gap:var(--space-3);border:0;border-block-end:1px solid var(--color-border);color:inherit;background:0 0;border-radius:0;flex-wrap:wrap;padding:.8rem 1rem;text-decoration:none;display:flex}.address-row-openable{cursor:default}.address-row-main{align-items:center;gap:var(--space-3);min-inline-size:0;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;flex:12rem;margin:0;padding:0;display:flex}.address-row-main:focus-visible{outline:2px solid var(--color-border-strong);outline-offset:3px;border-radius:var(--radius-sm)}.address-row[data-open=true]{background:var(--color-surface-muted)}.address-row:last-child{border-block-end:0}.address-row:hover{background:var(--color-surface-muted)}.address-grid .address-row{border:1px solid var(--color-border);border-radius:var(--r-lg);background:var(--color-surface)}.address-grid .address-row:last-child{border-block-end:1px solid var(--color-border)}.address-grid .address-row:hover{border-color:var(--color-border-strong)}.address-grid .alias-address{overflow-wrap:anywhere}.address-row .stack-tight{flex:auto;min-inline-size:0}.forward-status{min-inline-size:0;color:var(--color-text-primary);font-size:var(--font-size-sm);align-items:center;gap:.45rem;margin:0;font-weight:550;line-height:1.35;display:flex}.forward-status svg{color:var(--color-action);flex:none}.forward-status-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.address-row .forward-status{margin-block-start:.15rem}.create-address-forward{align-items:center;gap:var(--space-2);min-block-size:2.25rem;display:flex}.create-address-forward .forward-status{flex:auto;min-inline-size:0}.create-address-forward .action-menu{flex:none;margin-inline-start:auto}.create-address-forward .action-menu .menu-panel{inset-block:auto calc(100% + .35rem)}.forward-picker{flex-direction:column;gap:.35rem;display:flex}.forward-picker button{min-block-size:var(--target);border:1px solid var(--color-border);border-radius:var(--r-md);background:var(--color-surface);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-sm);text-align:start;cursor:pointer;align-items:center;padding:0 .9rem;display:flex}.forward-picker button:hover,.forward-picker button:focus-visible{border-color:var(--color-border-strong);background:var(--color-surface-muted)}.forward-picker button[aria-selected=true]{border-color:color-mix(in srgb, var(--color-action) 48%, var(--color-border));background:var(--color-surface-muted);font-weight:650}.address-row .alias-address{font-weight:650}.address-actions{gap:var(--space-2);flex-wrap:wrap;flex:none;justify-content:flex-end;margin-inline-start:auto;display:flex}.stage-split{gap:var(--space-5);align-items:start;display:grid}.stage-split>.empty{border:1px solid var(--color-border);border-radius:var(--r-lg);min-block-size:18rem}.stage-control{max-inline-size:28rem}@container (min-width:52rem){.stage-split{grid-template-columns:minmax(0,1fr) minmax(20rem,26rem)}}.app-dialog,.command-dialog{width:min(36rem, calc(100vw - var(--space-8)));border:1px solid var(--color-border);border-radius:var(--r-lg);background:var(--color-surface);color:inherit;box-shadow:var(--shadow-card);padding:0}.app-dialog[open]{width:min(28rem, calc(100vw - var(--space-8)));flex-direction:column;max-block-size:min(44rem,100dvb - 2rem);display:flex;overflow:hidden}.app-dialog::backdrop,.command-dialog::backdrop{background:color-mix(in srgb, var(--cloakmail-navy) 38%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-dialog-head{align-items:center;gap:var(--space-3);flex:none;grid-template-columns:minmax(0,1fr) auto;padding:1.1rem 1.1rem 0;display:grid}.app-dialog-head h2{font-size:var(--font-size-lg);letter-spacing:-.03em;text-box:trim-start cap alphabetic;margin:0;line-height:1.2}.app-dialog-body{gap:var(--space-4);flex-direction:column;flex:auto;min-block-size:0;padding:1rem 1.1rem 1.15rem;display:flex;overflow:hidden}.dialog-form{gap:var(--space-3);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);flex-direction:column;min-block-size:0;display:flex;overflow:auto}.dialog-form>.btn{width:100%}.dialog-form>.row{margin-block-start:.15rem}.dialog-form>.row .btn{flex:auto}.create-address{gap:var(--space-3);flex-direction:column;flex:auto;min-block-size:0;display:flex}.create-address-form{gap:var(--space-3);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);flex-direction:column;min-block-size:0;display:flex;overflow:auto}.create-address:has(#create-panel-cloak) .create-address-form{flex:auto}.create-address-tabs{grid-template-columns:1fr 1fr;width:100%;display:grid}.create-address-tabs .filter-chip{justify-content:center;min-block-size:2.25rem}.create-address-lead{margin:0}.create-address-preview{border:1px solid var(--color-border);border-radius:var(--r-md);background:var(--color-surface-muted);flex-direction:column;gap:.3rem;padding:.65rem .85rem;display:flex}.create-address-preview .alias-address{margin:0;font-weight:600}.create-address-label{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.create-address-submit{flex:none;width:100%}.create-address .field>.tiny{margin:0}.create-address-notice{border-radius:var(--r-md);background:color-mix(in srgb, var(--color-warning) 14%, var(--color-surface));margin:0;padding:.7rem .85rem}.command-dialog:focus,.command-dialog:focus-visible{outline:none}.command-head{align-items:center;gap:var(--space-1);border-bottom:0;grid-template-columns:minmax(0,1fr) auto;padding-inline-end:var(--space-2);display:grid}.command-input{border-radius:var(--r-lg) 0 0 0;width:100%;min-height:3.25rem;padding:0 var(--space-4);background:0 0;border:0}.command-input:focus,.command-input:focus-visible,.command-close:focus,.command-close:focus-visible{outline:none}.command-list{padding:var(--space-2);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);max-height:20rem;margin:0;list-style:none;overflow:auto}.command-item{justify-content:space-between;align-items:center;gap:var(--space-3);text-align:start;border-radius:var(--r-md);width:100%;min-height:var(--target);padding:0 var(--space-3);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;line-height:1.2;display:flex}.command-item>span{text-box:trim-both cap alphabetic}.command-item:focus,.command-item:focus-visible{outline:none}.command-item[aria-selected=true],.command-item:hover{background:var(--color-surface-muted)}.filter-chip{border-radius:var(--r-pill);min-block-size:2rem;color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:0;align-items:center;gap:.4rem;padding:0 .75rem;font-weight:550;display:inline-flex}.filter-chip-label,.filter-chip-count{text-box:trim-both cap alphabetic}.filter-chip[aria-pressed=true]{background:var(--color-surface-muted);color:var(--color-text-primary);font-weight:650}.filter-chip-count{font-size:var(--font-size-xs);color:var(--color-action);font-weight:700;line-height:1}.inbox-row{text-align:start;border:0;border-bottom:1px solid var(--color-border);width:100%;min-height:var(--density-row);color:inherit;cursor:pointer;content-visibility:auto;contain-intrinsic-size:auto 3.6rem;background:0 0;grid-template-columns:.55rem 2rem minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.6rem .8rem;display:grid}.inbox-end{flex-shrink:0;justify-content:flex-end;align-items:center;gap:.55rem;min-inline-size:0;display:inline-flex}.inbox-row:hover{background:var(--color-surface-muted)}.inbox-row[aria-pressed=true]{background:color-mix(in srgb, var(--color-action) 8%, var(--color-surface))}.inbox-dot{border-radius:var(--r-pill);background:0 0;justify-self:center;width:.4rem;height:.4rem}.inbox-row.unread .inbox-dot{background:var(--color-action)}.inbox-avatar{border-radius:var(--r-pill);width:2rem;height:2rem;font-size:var(--font-size-xs);place-items:center;font-weight:700;display:grid}.inbox-avatar[data-tone="0"]{color:var(--color-action);background:color-mix(in srgb, var(--color-action) 14%, var(--color-surface-muted))}.inbox-avatar[data-tone="1"]{color:var(--cloakmail-navy);background:color-mix(in srgb, var(--cloakmail-navy) 12%, var(--color-surface-muted))}.inbox-avatar[data-tone="2"]{color:var(--color-success);background:color-mix(in srgb, var(--color-success) 16%, var(--color-surface-muted))}.inbox-avatar[data-tone="3"]{color:var(--color-warning);background:color-mix(in srgb, var(--color-warning) 16%, var(--color-surface-muted))}.inbox-avatar[data-tone="4"]{color:#6b3fa0;background:color-mix(in srgb, #6b3fa0 14%, var(--color-surface-muted))}.inbox-avatar[data-tone="5"]{color:#0f6d73;background:color-mix(in srgb, #0f6d73 14%, var(--color-surface-muted))}html[data-theme=dark] .inbox-avatar[data-tone="1"],html[data-theme=dark] .inbox-avatar[data-tone="4"]{color:var(--color-cloak-fold)}.inbox-copy{flex-direction:column;gap:.1rem;min-inline-size:0;display:flex}.inbox-sender{font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:550;overflow:hidden}.inbox-row.unread .inbox-sender{font-weight:700}.inbox-subject{text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm);color:var(--color-text-secondary);overflow:hidden}.inbox-row.unread .inbox-subject{color:var(--color-text-primary);font-weight:550}.inbox-preview{text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-xs);color:var(--color-text-muted);overflow:hidden}.inbox-meta{color:var(--color-text-muted);flex-direction:column;align-items:flex-end;gap:.35rem;display:flex}.inbox-time{white-space:nowrap;font-size:var(--font-size-xs);font-variant-numeric:tabular-nums}.inbox-flags{color:var(--color-text-muted);gap:.25rem;display:flex}.mail-from .inbox-avatar,.address-row .inbox-avatar,.nav-user .inbox-avatar{margin-block-start:0}.mail-reader-otp{border-block-end:1px solid var(--color-border);background:var(--color-surface);flex:none;padding:.7rem 1.25rem}.mail-reader-time{color:var(--color-text-muted);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;white-space:nowrap;text-box:trim-both cap alphabetic}.mail-canvas{background:#fff;border:0;border-radius:0;flex:1 1 0;min-block-size:0;min-inline-size:0;position:relative}.mail-canvas>*{border:0;border-radius:0;block-size:100%;min-block-size:0;inline-size:100%;min-inline-size:0;display:block;position:absolute;inset:0}.mail-canvas .html-frame{background:#fff;min-height:0}.mail-canvas .email-html-view{background:#fff;grid-template-rows:minmax(0,1fr);display:grid}.mail-canvas .email-html-view:has(>.email-remote-banner){grid-template-rows:auto minmax(0,1fr)}.mail-canvas .email-html-view .email-remote-banner{z-index:1;position:relative}.mail-canvas .email-html-view .html-frame{align-self:stretch;width:100%;height:100%;min-height:0;position:relative;inset:auto}.mail-canvas .body-text{color:#0a0f3e;font-family:var(--font-sans), ui-sans-serif, system-ui, sans-serif;font-size:var(--text-body);font-size-adjust:from-font;overflow-wrap:break-word;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);background:#fff;margin:0;padding:1.1rem 1.25rem;line-height:1.5;overflow:auto}.mail-canvas>.muted{margin:0;padding:1.1rem 1.25rem}.mail-from{align-items:flex-start;gap:.55rem;min-inline-size:0;display:flex}.mail-from .inbox-avatar{margin-block-start:.1rem}.mail-from-copy{flex-direction:column;flex:auto;gap:.18rem;min-inline-size:0;display:flex}.mail-from-line{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem .85rem;display:flex}.mail-from-line strong{min-inline-size:0;font-size:var(--font-size-sm);text-box:trim-both cap alphabetic;font-weight:650;line-height:1.2}.mail-from-copy>.tiny{text-box:trim-both cap alphabetic;line-height:1.2}.mail-from-to{min-inline-size:0;color:var(--color-text-muted);font-size:var(--font-size-xs);flex-wrap:wrap;align-items:baseline;gap:.35rem;margin:0;display:flex}.mail-from-to .alias-address{font-size:inherit}.mail-reader-details{background:0 0;border:0;margin-block-start:.05rem;overflow:visible}.mail-reader-details>summary{width:fit-content;min-block-size:1.35rem;color:var(--color-action);font-size:var(--font-size-xs);letter-spacing:0;cursor:pointer;text-box:trim-both cap alphabetic;align-items:center;gap:.35rem;padding:0;font-weight:600;list-style:none;display:inline-flex}.mail-reader-details>summary::-webkit-details-marker{content:"";display:none}.mail-reader-details>summary::marker{content:"";display:none}.mail-reader-details>summary:after{content:"";border-block-end:1.5px solid;border-inline-end:1.5px solid;flex:none;width:.32rem;height:.32rem;transform:rotate(45deg)translateY(-.08rem)}.mail-reader-details>summary:hover{text-underline-offset:.16em;background:0 0;text-decoration:underline}.mail-reader-details[open]>summary:after{transform:rotate(225deg)translateY(.08rem)}.mail-reader-details .fold-list{border:1px solid var(--color-border);border-radius:var(--r-sm);background:var(--color-surface-muted);margin-block-start:.35rem}.mail-reader-details .fold-list>div{grid-template-columns:5.25rem minmax(0,1fr);padding:.3rem .6rem}.html-frame{background:#fff;border:0;width:100%;min-height:12rem;display:block}.email-html-view{background:#fff;flex-direction:column;height:100%;min-height:0;display:flex}.email-html-view .html-frame{border:0;flex:auto;width:100%;min-height:12rem}.email-remote-banner{border-bottom:1px solid color-mix(in srgb, var(--border,#d8dbe6) 85%, transparent);background:color-mix(in srgb, var(--surface-2,#f4f5f8) 88%, #fff);flex-wrap:wrap;flex:none;align-items:center;gap:.65rem .85rem;padding:.65rem .9rem;display:flex}.email-remote-banner-icon{color:var(--muted,#5c6378);display:inline-flex}.email-remote-banner-copy{font-size:var(--text-small);color:var(--text,#0a0f3e);flex:12rem;margin:0;line-height:1.4}.body-text{white-space:pre-wrap;overflow-wrap:break-word;font-family:var(--font-sans), ui-sans-serif, system-ui, sans-serif;font-size:var(--text-h3);font-size-adjust:from-font;text-wrap:pretty;border:1px solid var(--color-border);border-radius:var(--r-lg);background:var(--color-surface-muted);color:var(--color-text-primary);margin:0;padding:1.1rem 1.25rem;line-height:1.55}.privacy-banner{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb, var(--color-protected) 28%, var(--color-border));border-radius:var(--r-lg);background:color-mix(in srgb, var(--color-protected) 8%, var(--color-surface));display:flex}.privacy-banner-icon{border-radius:var(--r-pill);width:2rem;height:2rem;color:var(--color-protected);background:color-mix(in srgb, var(--color-protected) 14%, var(--color-surface));flex:none;place-items:center;display:grid}.privacy-banner>div{flex:1;min-inline-size:0}.privacy-banner strong{font-size:var(--font-size-sm);display:block}.privacy-banner a{font-size:var(--font-size-sm);white-space:nowrap;font-weight:600;text-decoration:none}.fold{border:1px solid var(--color-border);border-radius:var(--r-lg);background:var(--color-surface);overflow:clip}.fold>summary{justify-content:space-between;align-items:center;gap:var(--space-3);cursor:pointer;min-block-size:2.75rem;font-size:var(--font-size-sm);letter-spacing:-.02em;text-box:trim-both cap alphabetic;padding:.7rem .9rem;font-weight:650;list-style:none;display:flex}.fold>summary::-webkit-details-marker{content:"";display:none}.fold>summary::marker{content:"";display:none}.fold>summary:after{content:"";border-inline-end:1.6px solid var(--color-text-muted);border-block-end:1.6px solid var(--color-text-muted);flex:none;width:.42rem;height:.42rem;transform:rotate(45deg)translateY(-.12rem)}.fold>summary:hover{background:var(--color-surface-muted)}.fold[open]>summary{border-bottom:1px solid var(--color-border);border-radius:var(--r-lg) var(--r-lg) 0 0}.fold[open]>summary:after{transform:rotate(225deg)translateY(.12rem)}.fold-list{flex-direction:column;gap:0;margin:0;padding:.15rem 0;display:flex}.fold-list>div{gap:var(--space-3);grid-template-columns:6.5rem minmax(0,1fr);align-items:start;padding:.7rem .9rem;display:grid}.fold-list dt{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:550}.fold-list dd{min-inline-size:0;font-size:var(--font-size-sm);overflow-wrap:anywhere;flex-direction:column;gap:.1rem;margin:0;display:flex}.fact-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.fact-list li{border:1px solid var(--color-border);border-radius:var(--r-lg);background:var(--color-surface-muted);padding:.75rem .9rem}.fact-list strong{font-size:var(--font-size-sm);display:block}.fact-list p{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-wrap:pretty;margin:.25rem 0 0}.settings-section-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.settings-section-head h2{font-size:var(--text-h3);letter-spacing:-.03em}.pref-stack{gap:var(--space-6);flex-direction:column;display:flex}.pref-row{gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--r-lg);background:var(--color-surface-muted);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:start;padding:.85rem 1rem;display:grid}.pref-copy{flex-direction:column;gap:.3rem;min-inline-size:0;display:flex}.pref-copy strong{font-size:var(--font-size-md);letter-spacing:-.02em}.pref-copy .tiny{text-wrap:pretty}.pref-row input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--color-action);flex:none;margin-block-start:.2rem}.pref-row-action{cursor:default;align-items:center}.pref-fieldset{border:0;min-inline-size:0;margin:0;padding:0;display:flow-root}.pref-fieldset legend{float:left;width:100%;margin:0 0 var(--space-2);font-size:var(--font-size-sm);letter-spacing:-.02em;padding:0;font-weight:650}.pref-choices{clear:both;flex-wrap:wrap;gap:.4rem;display:flex}.pref-fieldset:after{content:"";clear:both;display:block}.pref-choice{border:1px solid var(--color-border);border-radius:var(--r-pill);background:var(--color-surface-muted);min-block-size:2.35rem;font-size:var(--font-size-sm);cursor:pointer;align-items:center;gap:.45rem;padding:0 .85rem 0 .7rem;font-weight:500;display:inline-flex}.pref-choice span{text-box:trim-both cap alphabetic}.pref-choice:has(:checked){border-color:color-mix(in srgb, var(--color-action) 40%, var(--color-border));background:color-mix(in srgb, var(--color-action) 10%, var(--color-surface));font-weight:650}.pref-choice input{width:1rem;height:1rem;accent-color:var(--color-action);margin:0}.shortcut-kbd{border:1px solid var(--color-border);border-radius:var(--r-xs);background:var(--color-surface);min-block-size:1.85rem;font-size:var(--text-small);color:var(--color-text-secondary);text-box:trim-both cap alphabetic;align-items:center;padding:0 .5rem;font-weight:650;display:inline-flex}.workspace .card-danger{border-color:color-mix(in srgb, var(--color-danger) 28%, var(--color-border))}.plan-options{gap:var(--space-2);flex-direction:column;display:flex}.plan-option{gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--r-lg);background:var(--color-surface-muted);cursor:pointer;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;padding:.85rem 1rem;display:grid}.plan-option:has(:checked){border-color:color-mix(in srgb, var(--color-action) 40%, var(--color-border));background:color-mix(in srgb, var(--color-action) 8%, var(--color-surface))}.plan-option .plan-amount{font-size:var(--text-h3)}.plan-option input{width:1.15rem;height:1.15rem;accent-color:var(--color-action);margin:0}.action-menu{position:relative}.action-menu .menu-panel{min-inline-size:12.5rem;inset-block:calc(100% + .35rem) auto;inset-inline:auto 0}.skel-line,.skel-block{border-radius:var(--r-pill);background:color-mix(in srgb, var(--color-text-muted) 16%, var(--color-surface-muted));display:block}.skel-line{height:.65rem;margin-block:.2rem}.alias-address{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--font-size-sm);overflow-wrap:anywhere}.workspace .empty{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);text-wrap:balance;flex-direction:column;flex:1;display:flex}.page-stage .empty{min-block-size:16rem}.workspace .empty-icon,.empty-mark{border-radius:var(--r-lg);width:3rem;height:3rem;color:var(--color-action);background:color-mix(in srgb, var(--color-action) 10%, var(--color-surface-muted));place-items:center;display:grid}.session-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);display:flex}.plan-card{gap:var(--space-4);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--r-lg);flex-direction:column;display:flex}.plan-card[data-featured=true]{border-color:color-mix(in srgb, var(--color-action) 40%, var(--color-border));background:color-mix(in srgb, var(--color-action) 6%, var(--color-surface))}.plan-choices{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.plan-choice{gap:var(--space-2);flex-direction:column;align-items:stretch;min-inline-size:0;display:flex}.plan-amount{font-size:var(--text-h1);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:0;font-weight:700}.plan-choice .tiny{margin:0}.plan-choice .btn{width:100%}.mobile-only,.tabbar,.nav-backdrop{display:none}.workspace-skel .nav-item,.workspace-skel .search-trigger,.workspace-skel .workspace-stage{background:var(--color-surface-muted)}@supports not (scrollbar-color:auto){.mail-canvas .body-text::-webkit-scrollbar{width:10px;height:10px}.ix-scroll::-webkit-scrollbar{width:10px;height:10px}.ix-rail-scroll::-webkit-scrollbar{width:10px;height:10px}.command-list::-webkit-scrollbar{width:10px;height:10px}.workspace-stage[data-flush=false]::-webkit-scrollbar{width:10px;height:10px}.mail-canvas .body-text::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--r-pill)}.ix-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--r-pill)}.ix-rail-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--r-pill)}.command-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--r-pill)}.workspace-stage[data-flush=false]::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--r-pill)}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .btn-emphasis{background:var(--color-text-primary);color:var(--color-canvas)}html:not([data-theme=light]) .inbox-avatar[data-tone="1"],html:not([data-theme=light]) .inbox-avatar[data-tone="4"]{color:var(--color-cloak-fold)}}@media (max-width:64rem){.panel-grid-2,.settings-split,.usage-strip,.plan-choices{grid-template-columns:1fr}}@media (max-width:52rem){.workspace{background:var(--color-surface);grid-template-columns:1fr;grid-template-areas:"main";gap:0;padding:0}.workspace-nav{width:min(18.5rem,88vw);transition:transform var(--duration) var(--ease);box-shadow:var(--shadow-card);border-radius:0;position:fixed;inset:0 auto 0 0;transform:translate(-110%)}.workspace-nav[data-open=true]{transform:none}.nav-backdrop{background:color-mix(in srgb, var(--cloakmail-navy) 40%, transparent);z-index:calc(var(--z-nav) - 1);border:0;display:block;position:fixed;inset:0}.mobile-only{display:inline-flex}.workspace-main{gap:0}.workspace-top{padding:var(--space-3);padding-top:max(var(--space-3), env(safe-area-inset-top))}.search-trigger kbd,.workspace-top-actions{display:none}.nav-prefs{display:flex}.btn.nav-create{width:2.4rem;min-inline-size:2.4rem;padding:0}.nav-create-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fold-list>div{grid-template-columns:1fr;gap:.15rem}.workspace-stage{box-shadow:none;border-radius:0}.workspace-stage[data-flush=false]{padding:var(--space-4)}.tabbar{z-index:var(--z-sticky);gap:var(--space-1);background:color-mix(in srgb, var(--color-surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-border);padding:var(--space-2);padding-bottom:max(var(--space-2), env(safe-area-inset-bottom));flex:none;display:flex}.tabbar a,.tabbar button{min-block-size:3rem;font-size:var(--text-caption);border-radius:var(--r-md);flex-direction:column;flex:1;justify-content:center;gap:.15rem}}@media (prefers-reduced-motion:reduce){.workspace-nav,.inbox-row,.btn{transition:none}}
