@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--color-paper: oklch(100% 0 0);--color-paper-2: oklch(98.5% 0 0);--color-paper-3: oklch(96% 0 0);--color-paper-raised: oklch(100% 0 0);--color-rule: oklch(91% 0 0);--color-rule-2: oklch(82% 0 0);--color-muted: oklch(52% 0 0);--color-neutral: oklch(40% 0 0);--color-ink-2: oklch(28% 0 0);--color-ink: oklch(15% 0 0);--color-accent: oklch(15% 0 0);--color-accent-ink: oklch(100% 0 0);--color-focus: oklch(60% .1 240);--color-selection: oklch(90% .035 240);--color-success: oklch(43% .105 154);--color-success-soft: oklch(96% .025 154);--color-warning: oklch(48% .105 82);--color-warning-soft: oklch(97% .03 82);--color-danger: oklch(48% .16 28);--color-danger-soft: oklch(97% .025 28);--color-overlay: oklch(15% 0 0 / .42);--color-shadow: oklch(15% 0 0 / .08);--font-display: "Bricolage Grotesque Variable", "Geist Variable", ui-sans-serif, system-ui, sans-serif;--font-body: "Geist Variable", ui-sans-serif, system-ui, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: clamp(1.25rem, 1.5vw, 1.5rem);--text-2xl: clamp(1.75rem, 2.4vw, 2.5rem);--text-display-s: clamp(2rem, 3vw + .5rem, 3rem);--text-display: clamp(2.5rem, 5vw + .5rem, 4.75rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--radius-card: .5rem;--radius-input: .5rem;--radius-pill: 999px;--radius-round: 50%;--rule-thin: 1px;--rule-strong: 2px;--target-min: 2.75rem;--reader-measure: 72ch;--shell-max: 140rem;--shadow-menu: 0 1rem 3rem var(--color-shadow);--z-base: 1;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-modal: 400;--z-toast: 500;--z-tooltip: 600}@layer reset,base,components,responsive;@layer reset{*,*:before,*:after{box-sizing:border-box}html,body{min-width:20rem;overflow-x:clip}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}h1,h2,h3,p,ol,ul,dl,dd{margin:0}h1,h2,h3{min-width:0;overflow-wrap:anywhere}ol,ul{padding:0;list-style:none}}@layer base{:root{--page-gutter: clamp(var(--space-md), 3vw, var(--space-3xl));--section-gap: clamp(var(--space-3xl), 8vw, var(--space-5xl));--header-height: 5.25rem}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}::selection{background:var(--color-selection);color:var(--color-ink)}a{color:inherit;text-decoration:none}button,[href],input{min-height:var(--target-min)}button,a{white-space:nowrap}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:var(--rule-strong) solid var(--color-focus);outline-offset:1px}.app{display:flex;min-height:100svh;flex-direction:column;background:var(--color-paper)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:var(--z-sticky);top:var(--space-md);left:var(--space-md);min-height:var(--target-min);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-input);background:var(--color-ink);color:var(--color-accent-ink);opacity:0;pointer-events:none;transform:translateY(-120%)}.skip-link:focus-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.skip-link:hover{opacity:.86}.skip-link:active{transform:translateY(1px)}}@layer components{.site-header{display:flex;width:min(100%,var(--shell-max));min-height:var(--header-height);align-items:center;justify-content:space-between;gap:var(--space-lg);margin-inline:auto;padding:var(--space-md) var(--page-gutter);border-bottom:var(--rule-thin) solid var(--color-rule)}.brand-link{display:inline-flex;min-width:var(--target-min);align-items:center;justify-content:center;transition:opacity var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.brand-link:hover{opacity:.72}.brand-mark{display:inline-flex;min-width:0;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:var(--text-md);font-weight:650;letter-spacing:-.02em}.brand-glyph{display:inline-grid;width:2rem;height:2rem;flex:0 0 auto;place-items:center;border:var(--rule-thin) solid var(--color-ink);border-radius:var(--radius-round);font-size:var(--text-sm);line-height:1}.chip-button,.primary-button,.quiet-button,.danger-button,.icon-text-button,.icon-button,.danger-link,.mobile-back{display:inline-flex;min-width:0;align-items:center;justify-content:center;gap:var(--space-xs);border-radius:var(--radius-pill);font-weight:600;line-height:1;transition:transform var(--dur-micro) var(--ease-out),opacity var(--dur-micro) var(--ease-out)}.chip-button,.quiet-button,.icon-text-button{border:var(--rule-thin) solid var(--color-rule-2);background:var(--color-paper);color:var(--color-ink)}.chip-button{padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm)}.primary-button,.danger-button{border:var(--rule-thin) solid var(--color-accent);padding:var(--space-sm) var(--space-lg);background:var(--color-accent);color:var(--color-accent-ink)}.danger-button{border-color:var(--color-danger);background:var(--color-danger)}.quiet-button,.icon-text-button{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.icon-button{width:var(--target-min);min-width:var(--target-min);padding:0;border:var(--rule-thin) solid var(--color-rule);background:var(--color-paper)}.icon-button--danger{color:var(--color-danger)}.danger-link,.mobile-back{padding:var(--space-sm) 0;border:0;background:transparent;color:var(--color-danger);font-size:var(--text-sm);text-underline-offset:.18em}.mobile-back{display:none;color:var(--color-ink)}.chip-button:hover,.quiet-button:hover,.icon-text-button:hover,.icon-button:hover{background:var(--color-paper-3)}.primary-button:hover,.danger-button:hover{opacity:.86}.brand-link:active{transform:translateY(1px)}.danger-link:hover,.mobile-back:hover,.list-alert button:hover{text-decoration:underline}.chip-button:active,.primary-button:active,.quiet-button:active,.danger-button:active,.icon-text-button:active,.icon-button:active,.danger-link:active,.mobile-back:active{transform:translateY(1px)}.network-banner{display:flex;min-height:var(--target-min);align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--page-gutter);background:var(--color-warning-soft);color:var(--color-warning);font-size:var(--text-sm);font-weight:600;text-align:center}.main-shell,.workbench-shell{width:min(100%,var(--shell-max));flex:1;margin-inline:auto}.landing-shell{padding:clamp(var(--space-2xl),6vw,var(--space-5xl)) var(--page-gutter) var(--section-gap)}.inline-alert{display:flex;width:fit-content;max-width:100%;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-2xl);padding:var(--space-sm) var(--space-md);border:var(--rule-thin) solid var(--color-rule-2);border-radius:var(--radius-pill);font-size:var(--text-sm)}.inline-alert--warning{border-color:var(--color-warning);background:var(--color-warning-soft);color:var(--color-warning)}.intro-split{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(var(--space-2xl),8vw,var(--space-5xl));padding-block:var(--space-md) var(--space-2xl)}.intro-copy,.creator-panel,.workflow-heading,.workflow-list,.reader-title-block,.message-row-content{min-width:0}.intro-copy{max-width:50rem}.intro-copy h1{max-width:14ch;font-family:var(--font-display);font-size:var(--text-display);font-weight:560;letter-spacing:-.045em;line-height:.98;overflow-wrap:anywhere}.intro-copy>p{max-width:48ch;margin-top:var(--space-xl);color:var(--color-neutral);font-size:var(--text-lg)}.intro-note{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-xl);color:var(--color-muted);font-size:var(--text-sm)}.creator-panel{padding:clamp(var(--space-lg),3vw,var(--space-2xl));border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-2)}.creator-heading{display:flex;align-items:flex-start;gap:var(--space-md);padding-bottom:var(--space-xl);border-bottom:var(--rule-thin) solid var(--color-rule)}.creator-icon,.state-icon,.empty-inbox-icon,.dialog-icon,.restore-mark{display:inline-grid;width:var(--target-min);height:var(--target-min);flex:0 0 auto;place-items:center;border:var(--rule-thin) solid var(--color-rule-2);border-radius:var(--radius-round);background:var(--color-paper)}.creator-heading h2,.workflow-heading h2,.state-panel h1,.reader-empty h2{font-family:var(--font-display);font-weight:600;letter-spacing:-.025em}.creator-heading h2{font-size:var(--text-xl);line-height:1.2}.creator-heading p{margin-top:var(--space-2xs);color:var(--color-muted);font-size:var(--text-sm)}.creator-panel fieldset{min-width:0;margin:var(--space-xl) 0 0;padding:0;border:0}.creator-panel legend{margin-bottom:var(--space-sm);color:var(--color-neutral);font-size:var(--text-sm);font-weight:600}.domain-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.domain-option{position:relative;display:flex;min-width:0;min-height:var(--target-min);cursor:pointer;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:var(--rule-thin) solid var(--color-rule-2);border-radius:var(--radius-pill);background:var(--color-paper);font-size:var(--text-sm);font-weight:600;white-space:nowrap}.domain-option input{position:relative;width:1px;height:1px;min-height:0;flex:0 0 1px;margin:0;cursor:pointer;opacity:0}.domain-option:hover{background:var(--color-paper-3)}.domain-option:active{transform:translateY(1px)}.creator-panel fieldset:disabled .domain-option{cursor:not-allowed;opacity:.55}.creator-panel fieldset:disabled .domain-option input{cursor:not-allowed}.domain-option>svg{opacity:0}.domain-option:has(input:checked){border-color:var(--color-ink);background:var(--color-paper-3)}.domain-option:has(input:checked)>svg{opacity:1}.domain-option:has(input:focus-visible){outline:var(--rule-strong) solid var(--color-focus);outline-offset:1px}.creator-submit{width:100%;margin-top:var(--space-lg)}.retention-note{margin-top:var(--space-sm);color:var(--color-muted);font-size:var(--text-sm)}.form-error,.form-feedback{margin-top:var(--space-md);color:var(--color-danger);font-size:var(--text-sm)}.form-feedback{min-height:1lh}.workflow{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(var(--space-xl),6vw,var(--space-4xl));margin-top:var(--section-gap);padding-top:var(--space-2xl);border-top:var(--rule-thin) solid var(--color-rule)}.workflow-heading h2{font-size:var(--text-2xl);line-height:1.1;overflow-wrap:anywhere}.workflow-heading p{max-width:45ch;margin-top:var(--space-md);color:var(--color-muted)}.workflow-list li{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-sm);padding:var(--space-lg) 0;border-top:var(--rule-thin) solid var(--color-rule)}.workflow-list li:first-child{padding-top:0;border-top:0}.step-number{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.workflow-list h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600}.workflow-list p{margin-top:var(--space-xs);color:var(--color-neutral)}.restore-shell,.state-shell{display:grid;min-height:34rem;place-content:center;justify-items:center;padding:var(--space-3xl) var(--page-gutter);text-align:center}.restore-title{margin-top:var(--space-lg);font-family:var(--font-display);font-size:var(--text-lg);font-weight:600}.restore-line{width:min(16rem,70%);height:var(--rule-strong);margin-top:var(--space-lg);background:var(--color-rule);overflow:clip}.restore-line:after{display:block;width:45%;height:100%;background:var(--color-ink);content:"";animation:restore-slide var(--dur-long) var(--ease-in-out) infinite alternate}@keyframes restore-slide{0%{transform:translate(0)}to{transform:translate(122%)}}.state-panel{display:grid;max-width:34rem;justify-items:center}.state-panel h1{margin-top:var(--space-lg);font-size:var(--text-2xl);line-height:1.1;overflow-wrap:anywhere}.state-panel>p{margin-top:var(--space-md);color:var(--color-neutral)}.state-action{margin-top:var(--space-xl)}.workbench-shell{padding:var(--space-lg) var(--page-gutter) var(--space-2xl)}.workbench-grid{display:grid;min-height:min(48rem,calc(100svh - 9rem));grid-template-columns:minmax(0,1fr);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper);overflow:clip}.control-zone,.message-zone,.reader-zone{min-width:0}.control-zone{padding:var(--space-lg);border-bottom:var(--rule-thin) solid var(--color-rule);background:var(--color-paper-2)}.zone-heading,.message-zone-header,.reader-heading-row,.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.zone-heading>p{color:var(--color-muted);font-size:var(--text-sm);font-weight:600}.live-chip{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-success);font-size:var(--text-xs);font-weight:650;white-space:nowrap}.live-chip>span{width:.45rem;height:.45rem;border-radius:var(--radius-round);background:var(--color-success)}.address-block{margin-top:var(--space-xl)}.address-value{font-family:var(--font-display);font-size:var(--text-xl);font-weight:590;letter-spacing:-.025em;line-height:1.15;overflow-wrap:anywhere}.address-block .icon-text-button{margin-top:var(--space-md)}.mailbox-facts{margin-top:var(--space-xl);border-top:var(--rule-thin) solid var(--color-rule)}.mailbox-facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:var(--rule-thin) solid var(--color-rule);font-size:var(--text-sm)}.mailbox-facts dt{color:var(--color-muted)}.mailbox-facts dd{min-width:0;font-weight:600;text-align:right;overflow-wrap:anywhere}.control-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-top:var(--space-xl)}.message-zone{display:flex;min-height:24rem;flex-direction:column;border-bottom:var(--rule-thin) solid var(--color-rule)}.message-zone-header{min-height:5.25rem;padding:var(--space-md) var(--space-lg);border-bottom:var(--rule-thin) solid var(--color-rule)}.message-zone-header h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:620;letter-spacing:-.02em}.message-zone-header p{margin-top:var(--space-2xs);color:var(--color-muted);font-size:var(--text-xs)}.list-alert{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-danger-soft);color:var(--color-danger);font-size:var(--text-sm)}.list-alert span{min-width:0;overflow-wrap:anywhere}.list-alert button{min-height:var(--target-min);padding:0 var(--space-sm);border:0;background:transparent;color:var(--color-danger);font-weight:700;white-space:nowrap}.list-alert button:active,.message-row:active,.reader-tabs button:active{transform:translateY(1px)}.message-list{flex:1;overflow-y:auto}.message-list li+li{border-top:var(--rule-thin) solid var(--color-rule)}.message-row{display:grid;width:100%;min-height:6.75rem;grid-template-columns:.5rem minmax(0,1fr);align-items:start;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border:0;border-radius:0;background:var(--color-paper);text-align:left}.message-row:hover,.message-row[data-selected=true]{background:var(--color-paper-3)}.message-row[data-selected=true]{box-shadow:inset var(--rule-strong) 0 var(--color-ink)}.unread-dot{width:.45rem;height:.45rem;margin-top:var(--space-xs);border-radius:var(--radius-round);background:transparent}.message-row[data-unread=true] .unread-dot{background:var(--color-focus)}.message-row-top{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:var(--space-sm)}.message-row-top strong,.message-subject,.message-preview{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row-top strong{font-size:var(--text-sm);font-weight:540}.message-row[data-unread=true] .message-row-top strong,.message-row[data-unread=true] .message-subject{font-weight:700}.message-row-top time{flex:0 0 auto;color:var(--color-muted);font-size:var(--text-xs);font-weight:500;white-space:nowrap}.message-subject{margin-top:var(--space-xs);color:var(--color-ink-2);font-size:var(--text-sm)}.message-preview{margin-top:var(--space-2xs);color:var(--color-muted);font-size:var(--text-xs)}.empty-inbox,.reader-empty{display:grid;flex:1;place-content:center;justify-items:center;padding:var(--space-2xl) var(--space-lg);text-align:center}.empty-inbox h3,.reader-empty h2{margin-top:var(--space-md);font-size:var(--text-lg)}.empty-inbox>p,.reader-empty>p{max-width:45ch;margin-top:var(--space-xs);color:var(--color-muted);font-size:var(--text-sm)}.empty-inbox .quiet-button{margin-top:var(--space-lg)}.message-skeleton{overflow:clip}.message-skeleton-row{display:grid;min-height:6.75rem;align-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:var(--rule-thin) solid var(--color-rule)}.message-skeleton-row span,.reader-skeleton span{display:block;height:.65rem;border-radius:var(--radius-pill);background:var(--color-paper-3);animation:skeleton-pulse 1.2s var(--ease-in-out) infinite alternate}.message-skeleton-row span:nth-child(1){width:42%}.message-skeleton-row span:nth-child(2){width:70%}.message-skeleton-row span:nth-child(3){width:88%}@keyframes skeleton-pulse{0%{opacity:.5}to{opacity:1}}.reader-zone{min-height:28rem;background:var(--color-paper)}.message-reader{display:flex;min-height:100%;flex-direction:column}.reader-header{padding:var(--space-lg) clamp(var(--space-lg),4vw,var(--space-3xl));border-bottom:var(--rule-thin) solid var(--color-rule)}.reader-heading-row{align-items:flex-start}.reader-title-block h2{max-width:26ch;min-width:0;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;letter-spacing:-.03em;line-height:1.08;overflow-wrap:anywhere}.reader-title-block>p{margin-top:var(--space-md);color:var(--color-neutral);font-size:var(--text-sm);overflow-wrap:anywhere}.reader-title-block>p strong{color:var(--color-ink)}.reader-header>time{display:block;margin-top:var(--space-sm);color:var(--color-muted);font-size:var(--text-xs)}.reader-tabs{display:flex;align-items:center;gap:var(--space-2xs);padding:var(--space-sm) clamp(var(--space-lg),4vw,var(--space-3xl));border-bottom:var(--rule-thin) solid var(--color-rule)}.reader-tabs button{padding:var(--space-xs) var(--space-md);border:var(--rule-thin) solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--color-muted);font-size:var(--text-sm);font-weight:600;line-height:1;white-space:nowrap}.reader-tabs button:hover{background:var(--color-paper-3);color:var(--color-ink)}.reader-tabs button[data-active=true]{border-color:var(--color-rule-2);background:var(--color-paper-2);color:var(--color-ink)}.reader-tabs button:disabled{cursor:not-allowed;opacity:.55}.reader-content{flex:1;min-width:0;padding:clamp(var(--space-lg),4vw,var(--space-3xl))}.attachment-note{width:min(100%,var(--reader-measure));margin-bottom:var(--space-lg);padding:var(--space-sm) var(--space-md);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper-2);color:var(--color-neutral);font-size:var(--text-sm)}.email-text{width:min(100%,var(--reader-measure));min-width:0;margin:0;color:var(--color-ink-2);font-family:var(--font-body);font-size:var(--text-md);line-height:1.72;overflow-wrap:anywhere;white-space:pre-wrap}.email-frame{display:block;width:min(100%,var(--reader-measure));min-height:36rem;border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper)}.reader-skeleton{padding:var(--space-2xl)}.reader-skeleton>div{display:grid;max-width:var(--reader-measure);gap:var(--space-lg)}.reader-skeleton span:nth-child(1){width:68%;height:1.5rem}.reader-skeleton span:nth-child(2){width:38%}.reader-skeleton span:nth-child(3){width:94%;margin-top:var(--space-xl)}.reader-skeleton span:nth-child(4){width:78%}.delete-dialog{width:min(30rem,calc(100% - var(--space-xl)));max-width:100%;padding:0;border:var(--rule-thin) solid var(--color-rule-2);border-radius:var(--radius-card);background:var(--color-paper);color:var(--color-ink);box-shadow:var(--shadow-menu)}.delete-dialog::backdrop{background:var(--color-overlay)}.dialog-inner{padding:var(--space-xl)}.dialog-icon{border-color:var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger)}.dialog-inner h2{margin-top:var(--space-lg);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;letter-spacing:-.03em;line-height:1.1;overflow-wrap:anywhere}.dialog-inner>p:not(.form-error){margin-top:var(--space-md);color:var(--color-neutral)}.dialog-actions{margin-top:var(--space-xl);justify-content:flex-end}.site-footer{display:flex;width:min(100%,var(--shell-max));min-height:5rem;align-items:center;justify-content:space-between;gap:var(--space-lg);margin-inline:auto;padding:var(--space-lg) var(--page-gutter);border-top:var(--rule-thin) solid var(--color-rule);color:var(--color-muted);font-size:var(--text-xs)}.site-footer .brand-mark{color:var(--color-ink);font-size:var(--text-sm)}.site-footer .brand-glyph{width:1.75rem;height:1.75rem}.spin{animation:spin var(--dur-long) linear infinite}@keyframes spin{to{transform:rotate(1turn)}}}@layer responsive{@media(min-width:48rem){.workbench-grid{grid-template-columns:minmax(17rem,.72fr) minmax(0,1.28fr);grid-template-rows:auto minmax(32rem,1fr)}.control-zone{display:grid;grid-column:1 / -1;grid-template-areas:"heading actions" "address facts";grid-template-columns:minmax(0,1fr) minmax(13rem,.62fr);align-items:start;gap:var(--space-lg);padding:var(--space-md) var(--space-lg)}.zone-heading{grid-area:heading}.address-block{grid-area:address}.mailbox-facts{grid-area:facts}.control-actions{grid-area:actions;justify-content:flex-end}.address-block,.mailbox-facts,.control-actions{margin-top:0}.address-value{font-size:var(--text-lg)}.address-block .icon-text-button{margin-top:var(--space-sm)}.mailbox-facts{border-top:0}.message-zone{grid-column:1;border-right:var(--rule-thin) solid var(--color-rule);border-bottom:0}.reader-zone{grid-column:2}}@media(min-width:56.01rem){.intro-split{grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr)}.intro-copy h1{max-width:12ch}.workflow{grid-template-columns:minmax(12rem,.55fr) minmax(0,1.45fr)}}@media(min-width:90rem){.workbench-shell{padding-top:var(--space-xl)}.workbench-grid{min-height:min(52rem,calc(100svh - 10rem));grid-template-columns:minmax(18rem,.68fr) minmax(21rem,.86fr) minmax(0,1.8fr);grid-template-rows:minmax(42rem,1fr)}.control-zone{display:block;grid-column:1;grid-row:1;padding:var(--space-xl);border-right:var(--rule-thin) solid var(--color-rule);border-bottom:0}.address-block{margin-top:var(--space-2xl)}.address-value{font-size:var(--text-xl)}.mailbox-facts,.control-actions{margin-top:var(--space-xl)}.message-zone{grid-column:2;grid-row:1}.reader-zone{grid-column:3;grid-row:1}}@media(max-width:47.99rem){:root{--header-height: 4.5rem}.site-header{gap:var(--space-sm)}.brand-glyph{width:1.75rem;height:1.75rem}.chip-button{padding-inline:var(--space-md)}.landing-shell{padding-top:var(--space-2xl)}.intro-split{gap:var(--space-2xl)}.intro-copy h1{font-size:var(--text-display-s)}.intro-copy>p{margin-top:var(--space-lg);font-size:var(--text-md)}.intro-note{align-items:flex-start}.creator-panel{padding:var(--space-lg)}.workbench-shell{padding:var(--space-md) var(--page-gutter) var(--space-xl)}.workbench-grid{min-height:34rem}.control-zone{padding:var(--space-md)}.address-block{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-md)}.address-value{font-size:var(--text-md)}.address-block .icon-text-button{flex:0 0 auto;margin-top:0;padding-inline:var(--space-sm)}.mailbox-facts,.control-actions{margin-top:var(--space-md)}.mailbox-facts{display:none}.control-actions{justify-content:space-between}.message-zone{border-bottom:0}.workbench-grid[data-detail-open=true] .message-zone,.workbench-grid[data-detail-open=false] .reader-zone{display:none}.reader-zone{min-height:34rem}.mobile-back{display:inline-flex;margin-bottom:var(--space-md)}.reader-header,.reader-content{padding:var(--space-lg)}.reader-tabs{padding-inline:var(--space-lg)}.reader-title-block h2{font-size:var(--text-xl)}.email-frame{min-height:28rem}.site-footer{flex-wrap:wrap;justify-content:flex-start;column-gap:var(--space-lg);row-gap:var(--space-xs)}.site-footer>p:last-child{width:100%}}@media(max-width:25rem){.brand-link .brand-mark>span:last-child{display:none}.domain-options{grid-template-columns:minmax(0,1fr)}.address-block{display:block}.address-block .icon-text-button{margin-top:var(--space-sm)}.dialog-actions{align-items:stretch;flex-direction:column-reverse}.dialog-actions button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}}