@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(97.2% .004 252);--color-paper-3: oklch(94.6% .007 254);--color-paper-raised: oklch(100% 0 0);--color-rule: oklch(88% .008 252);--color-rule-2: oklch(76% .012 254);--color-muted: oklch(51% .012 255);--color-neutral: oklch(39% .014 255);--color-ink-2: oklch(28% .014 255);--color-ink: oklch(18% .014 255);--color-accent: oklch(55% .155 18);--color-accent-hover: oklch(50% .17 18);--color-accent-soft: oklch(95% .018 22);--color-accent-ink: oklch(98% .01 75);--color-focus: oklch(52% .155 18);--color-selection: oklch(90% .035 22);--color-success: oklch(43% .1 150);--color-warning: oklch(46% .11 74);--color-warning-soft: oklch(94% .03 80);--color-danger: oklch(47% .17 25);--color-danger-soft: oklch(94% .02 25);--color-overlay: oklch(18% .014 255 / .42);--color-shadow: oklch(25% .015 255 / .08);--shadow-soft: 0 1px 2px oklch(25% .015 255 / .05), 0 10px 30px oklch(25% .015 255 / .08);--shadow-card: 0 1px 2px oklch(25% .015 255 / .06), 0 1.5rem 3.5rem oklch(25% .015 255 / .12);--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: "Geist 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;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: clamp(1.25rem, 1.5vw, 1.55rem);--text-2xl: clamp(1.8rem, 2.5vw, 2.7rem);--text-display: clamp(2.4rem, 6vw, 5.6rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-micro: .12s;--dur-short: .22s;--radius-card: .625rem;--radius-input: .375rem;--radius-round: 50%;--rule-thin: 1px;--rule-strong: 2px;--target-min: 2.75rem;--reader-measure: 72ch;--shell-max: 112rem;--shadow-menu: 0 1.25rem 4rem var(--color-shadow);--z-sticky: 200;--z-modal: 400}@layer reset,base,components,responsive;@layer reset{*,*:before,*:after{box-sizing:border-box}html,body{min-width:20rem;overflow-x:clip}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,p,ul{margin:0}h1,h2,h3{overflow-wrap:anywhere}ul{padding:0;list-style:none}}@layer base{:root{--page-gutter:clamp(1rem,2vw,2rem);--header-height:0rem}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}::selection{background:var(--color-selection)}a{color:inherit;text-decoration:none}button,a{white-space:nowrap}button,[href],input{min-height:var(--target-min)}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:var(--rule-strong) solid var(--color-focus);outline-offset:2px}.app{min-height:100svh;background:radial-gradient(60rem 42rem at 88% -10%,color-mix(in oklab,var(--color-accent-soft) 85%,transparent),transparent 72%),radial-gradient(54rem 40rem at -12% 110%,var(--color-paper-2),transparent 70%),var(--color-paper)}.workspace-presence{min-height:100svh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:var(--z-sticky);top:.75rem;left:.75rem;padding:.7rem 1rem;background:var(--color-ink);color:var(--color-accent-ink);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}}@layer components{.brand-widget{display:inline-flex;align-items:center;gap:.6rem;margin-bottom:1.5rem}.brand-mark{font-family:var(--font-display);font-size:1.05rem;font-weight:720;letter-spacing:-.035em}.brand-top{position:absolute;z-index:2;top:clamp(1.25rem,3vw,2rem);left:var(--page-gutter);display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-size:1.1rem;font-weight:720;letter-spacing:-.035em}.brand-icon{display:block;width:28px;height:28px;border-radius:var(--radius-input);object-fit:cover}.utility-actions,.address-actions,.reader-heading-row,.dialog-actions{display:flex;align-items:center;gap:.65rem}.utility-actions{justify-content:flex-end}.service-status{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-muted);font-size:var(--text-xs)}.service-status>span{width:.45rem;height:.45rem;border-radius:50%;background:var(--color-success)}.service-status[data-online=false]>span{background:var(--color-danger)}.utility-button,.primary-button,.copy-button,.quiet-button,.danger-button,.danger-link,.mobile-back,.icon-button{display:inline-flex;min-width:0;align-items:center;justify-content:center;gap:.45rem;border:0;border-radius:var(--radius-input);font-weight:650;line-height:1;transition:background var(--dur-micro),color var(--dur-micro),transform var(--dur-micro)}.utility-button,.quiet-button{padding:.7rem .9rem;background:var(--color-paper-3)}.primary-button,.copy-button{padding:.75rem 1rem;background:var(--color-accent);color:var(--color-accent-ink)}.primary-button:hover,.copy-button:hover{background:var(--color-accent-hover)}.danger-button{padding:.75rem 1rem;background:var(--color-danger);color:var(--color-accent-ink)}.danger-link,.mobile-back{padding:.65rem .25rem;background:transparent;color:var(--color-danger)}.mobile-back{display:none;color:var(--color-ink)}.icon-button{width:var(--target-min);flex:0 0 var(--target-min);background:transparent}.icon-button:hover,.quiet-button:hover,.utility-button:hover{background:var(--color-accent-soft)}.icon-button--danger{color:var(--color-danger)}.network-banner{display:flex;min-height:var(--target-min);align-items:center;justify-content:center;gap:.5rem;padding:.5rem var(--page-gutter);background:var(--color-warning-soft);color:var(--color-warning);font-size:var(--text-sm);font-weight:650;text-align:center}.main-shell,.workbench-shell{width:100%;margin-inline:auto}.generator-shell{position:relative;display:grid;min-height:100svh;place-content:center;padding:clamp(2rem,6vw,4rem) var(--page-gutter)}.generator-band{display:grid;width:min(100%,72rem);margin-inline:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,4vw,4rem)}.hero-3d-zone{position:relative;display:grid;place-items:center;min-height:clamp(16rem,36vh,26rem)}.hero-3d-scene{position:relative;width:min(72%,20rem);perspective:1000px}.hero-3d-card{position:relative;width:100%;aspect-ratio:324/280;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.3,1)}.hero-3d-face{position:absolute;inset:0}.hero-3d-img{display:block;width:100%;height:100%;object-fit:contain;animation:hero-float 6s ease-in-out infinite;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none}.hero-copy{display:grid;justify-items:start;text-align:left;gap:1.1rem}.generator-title{font-family:var(--font-display);font-size:clamp(2.1rem,4.5vw,3.6rem);font-weight:620;letter-spacing:-.045em;line-height:1.02}.generator-description{max-width:36ch;margin-top:.4rem;color:var(--color-muted);font-size:var(--text-lg)}.eyebrow{margin-bottom:.5rem;color:var(--color-muted);font-size:var(--text-xs);font-weight:650;letter-spacing:.1em;text-transform:uppercase}.creator-panel{min-width:0;width:100%;margin-top:1.25rem;display:grid;justify-items:stretch;gap:.65rem}.form-feedback{min-height:1.5rem;color:var(--color-danger);font-size:var(--text-sm)}.creator-submit{width:100%;padding:.95rem 1.5rem;border-radius:var(--radius-input);font-size:1rem}.retention-note{color:var(--color-muted);font-size:var(--text-xs)}.restore-shell,.state-shell{display:grid;min-height:100svh;place-content:center;justify-items:center;padding:3rem var(--page-gutter);text-align:center}.restore-title{margin-top:1rem;font-family:var(--font-display);font-size:var(--text-xl);font-weight:650}.restore-line{width:min(16rem,70vw);height:2px;margin-top:1rem;overflow:hidden;background:var(--color-paper-3)}.restore-line:after{display:block;width:40%;height:100%;background:var(--color-accent);content:"";animation:restore-slide .65s ease-in-out infinite alternate}@keyframes restore-slide{to{transform:translate(150%)}}.state-panel{display:grid;max-width:34rem;justify-items:center}.state-icon,.empty-inbox-icon,.dialog-icon{display:inline-grid;width:var(--target-min);height:var(--target-min);place-items:center;color:var(--color-accent)}.state-panel h1{margin-top:1rem;font-family:var(--font-display);font-size:var(--text-2xl);line-height:1}.state-panel>p{margin-top:.75rem;color:var(--color-neutral)}.state-action{margin-top:1.5rem}.workbench-shell{padding:.75rem var(--page-gutter) 1.5rem}.workbench-grid{display:grid;min-height:calc(100svh - 2.25rem);grid-template-columns:minmax(17rem,26rem) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:color-mix(in oklab,var(--color-paper) 92%,transparent);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.address-band{grid-column:1/-1;display:flex;min-width:0;align-items:center;justify-content:space-between;gap:1.5rem;padding:clamp(.9rem,1.8vw,1.3rem)}.address-copy{min-width:0}.address-copy .eyebrow{margin-bottom:.25rem}.address-value{max-width:100%;font-family:var(--font-mono);font-size:clamp(1rem,1.8vw,1.4rem);font-weight:610;letter-spacing:-.025em;overflow-wrap:anywhere}.address-picker{display:block;margin-top:.45rem}.address-picker select{max-width:min(30rem,100%);min-height:2.25rem;padding:.35rem .6rem;border:0;border-radius:var(--radius-input);background:var(--color-paper-3);color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:560}.address-actions{flex-wrap:wrap;justify-content:flex-end}.message-zone,.reader-zone{min-width:0;min-height:0}.message-zone{display:flex;flex-direction:column;background:var(--color-paper-2)}.message-zone-header{display:flex;min-height:4.5rem;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.25rem}.message-zone-header h2,.reader-header h2,.reader-empty h2{font-family:var(--font-display);font-weight:680;letter-spacing:-.035em}.message-zone-header h2{font-size:var(--text-xl)}.message-zone-header p{margin-top:.15rem;color:var(--color-muted);font-size:var(--text-xs)}.list-alert{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem 1rem;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);border:0;background:transparent;color:inherit;font-weight:700}.message-list{flex:1;overflow-y:auto}.message-row{display:grid;width:100%;min-height:5rem;grid-template-columns:.42rem minmax(0,1fr);align-items:center;gap:.65rem;padding:.8rem 1.25rem;border:0;background:transparent;text-align:left}.message-row:hover{background:var(--color-paper-3)}.message-row[data-selected=true]{background:var(--color-accent-soft)}.unread-dot{width:.42rem;height:.42rem;border-radius:50%;background:transparent}.message-row[data-unread=true] .unread-dot{background:var(--color-accent)}.message-row-content{min-width:0}.message-row-top{display:flex;min-width:0;align-items:baseline;justify-content:space-between;gap:.75rem}.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:740}.message-row-top time{flex:0 0 auto;color:var(--color-muted);font-size:var(--text-xs)}.message-subject{margin-top:.2rem;color:var(--color-ink-2);font-size:var(--text-sm)}.message-preview{margin-top:.25rem;color:var(--color-muted);font-size:var(--text-xs)}.empty-inbox{display:grid;max-width:25rem;flex:1;align-content:center;justify-items:start;padding:2.5rem 1.5rem}.empty-inbox h3{margin-top:.65rem;font-family:var(--font-display);font-size:var(--text-xl)}.empty-inbox p{margin:.5rem 0 1rem;color:var(--color-muted)}.reader-zone{background:var(--color-paper)}.reader-motion-shell,.message-reader{height:100%;min-height:0}.message-reader{display:flex;flex-direction:column}.reader-header{padding:clamp(1.1rem,2.5vw,2rem);background:var(--color-paper)}.reader-heading-row{align-items:flex-start;justify-content:space-between}.reader-title-block{min-width:0}.reader-header h2{font-size:var(--text-2xl);line-height:1}.reader-header p{margin-top:.75rem;color:var(--color-neutral);font-size:var(--text-sm);overflow-wrap:anywhere}.reader-header>time{display:block;margin-top:.75rem;color:var(--color-muted);font-size:var(--text-xs)}.reader-tabs{display:flex;gap:1.25rem;padding:.65rem clamp(1.25rem,3vw,2rem) 0}.reader-tabs button{position:relative;min-height:var(--target-min);padding:.5rem 0;border:0;background:transparent;color:var(--color-muted);font-size:var(--text-sm);font-weight:650}.reader-tabs button[data-active=true]{color:var(--color-ink)}.reader-tabs button[data-active=true]:after{position:absolute;right:0;bottom:0;left:0;height:1px;background:var(--color-accent);content:""}.reader-content{flex:1;min-height:0;overflow:auto;padding:clamp(1.25rem,3vw,2.5rem)}.attachment-note{margin-bottom:1rem;padding:.75rem 1rem;background:var(--color-warning-soft);color:var(--color-warning);font-size:var(--text-sm)}.attachment-list{display:grid;gap:.4rem;max-width:var(--reader-measure);margin-bottom:1rem}.attachment-list a{display:flex;min-height:var(--target-min);align-items:center;gap:.65rem;padding:.55rem .8rem;border-radius:var(--radius-input);background:var(--color-paper-3);color:var(--color-ink);transition:background var(--dur-micro)}.attachment-list a:hover{background:var(--color-paper-2)}.attachment-list svg{flex:0 0 auto;color:var(--color-accent)}.attachment-name{min-width:0;overflow:hidden;font-size:var(--text-sm);font-weight:560;text-overflow:ellipsis;white-space:nowrap}.attachment-size{flex:0 0 auto;margin-left:auto;color:var(--color-muted);font-size:var(--text-xs)}.email-text{max-width:var(--reader-measure);margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}.email-frame{width:100%;min-height:34rem;border:0;background:#fff}.reader-empty{display:grid;height:100%;min-height:24rem;place-content:center;justify-items:center;padding:2rem;color:var(--color-muted);text-align:center}.reader-empty h2{margin-top:.75rem;color:var(--color-ink);font-size:var(--text-xl)}.reader-empty p{max-width:34ch;margin-top:.4rem}.message-skeleton,.reader-skeleton{padding:1rem 1.25rem}.message-skeleton-row{padding:1rem 0}.message-skeleton-row span,.reader-skeleton span{display:block;height:.65rem;margin-top:.55rem;background:var(--color-paper-3);animation:pulse 1.2s 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%}.reader-skeleton span:nth-child(1){width:55%;height:1.6rem}.reader-skeleton span:nth-child(2){width:35%}.reader-skeleton span:nth-child(3){width:92%;margin-top:2rem}.reader-skeleton span:nth-child(4){width:75%}@keyframes pulse{to{opacity:.42}}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.spin{animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.delete-dialog{width:min(31rem,calc(100% - 2rem));padding:0;border:0;border-radius:var(--radius-card);background:var(--color-paper-raised);color:var(--color-ink);box-shadow:var(--shadow-menu)}.delete-dialog::backdrop{background:var(--color-overlay)}.dialog-inner{padding:1.75rem}.dialog-inner h2{margin-top:.75rem;font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.04em}.dialog-inner>p{margin-top:.65rem;color:var(--color-neutral)}.dialog-actions{justify-content:flex-end;margin-top:1.5rem}.form-error{color:var(--color-danger)!important;font-size:var(--text-sm)}}@layer responsive{@media(max-width:60rem){.workbench-grid{grid-template-columns:minmax(17rem,.8fr) minmax(0,1.2fr)}}@media(max-width:47.99rem){.service-status{font-size:0}.generator-shell{min-height:100svh;place-content:center;padding:clamp(1.5rem,6vw,3rem) var(--page-gutter)}.generator-band{width:100%;grid-template-columns:1fr;gap:1.5rem}.hero-3d-zone{min-height:12rem;margin-top:3.5rem}.hero-3d-scene{width:min(62%,12rem)}.hero-copy{justify-items:center;text-align:center}.generator-title-rest{display:block}.workbench-shell{padding:.65rem 0 0}.workbench-grid{min-height:calc(100svh - .65rem);grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);box-shadow:none;border-radius:0}.address-band{align-items:flex-start;flex-direction:column;gap:.75rem;padding-inline:var(--page-gutter)}.address-actions{width:100%;justify-content:flex-start}.message-zone{min-height:32rem}.reader-zone,.workbench-grid[data-detail-open=true] .message-zone{display:none}.workbench-grid[data-detail-open=true] .reader-zone{display:block;min-height:32rem}.mobile-back{display:inline-flex;margin-bottom:.75rem}.reader-header{padding:1rem var(--page-gutter) 1.5rem}.reader-tabs,.reader-content{padding-inline:var(--page-gutter)}}@media(max-width:30rem){.utility-actions{gap:.25rem}.utility-button{padding-inline:.7rem;font-size:var(--text-sm)}.generator-shell{padding:2rem .9rem}.address-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.address-actions .danger-link{grid-column:1/-1;justify-content:flex-start}.message-row{padding-inline:1rem}.dialog-actions{align-items:stretch;flex-direction:column}.dialog-actions button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}