@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Fraunces-normal.woff2) format("woff2")}@font-face{font-family:Fraunces;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/Fraunces-italic.woff2) format("woff2")}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/AlegreyaSans-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Alegreya Sans;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/AlegreyaSans-latin-400-italic.woff2) format("woff2")}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/AlegreyaSans-latin-500-normal.woff2) format("woff2")}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/AlegreyaSans-latin-700-normal.woff2) format("woff2")}:root{color-scheme:light;--serif: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans: "Alegreya Sans", "Gill Sans", "Gill Sans MT", Seravek, Candara, ui-sans-serif, system-ui, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-2xs: .8125rem;--text-xs: .875rem;--text-sm: .9375rem;--text-base: 1rem;--text-md: 1.125rem;--display-s: 1.3125rem;--display-m: 1.625rem;--display-l: 2.125rem;--display-xl: clamp(2.25rem, 1.6rem + 2.2vw, 3.25rem);--letter-size: 1.1875rem;--letter-leading: 1.66;--measure: 65ch;--tracking-label: .01em;--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s5: 1.5rem;--s6: 2rem;--s7: 3rem;--s8: 4rem;--s9: 6rem;--radius-xs: 3px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--hairline: 1px;--touch: 44px;--rail-width: 17rem;--content-width: 46rem;--sheet-width: 45rem;--ease-out: cubic-bezier(.22, .8, .24, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-press: cubic-bezier(.34, 1.4, .5, 1);--dur-fast: .12s;--dur: .18s;--dur-slow: .26s;--paper: #f6f1e7;--paper-deep: #efe8da;--paper-raised: #f9f5ed;--sheet: #fcf9f3;--ink: #1e1a16;--ink-soft: #2f2923;--muted: #6b625a;--faint: #857b70;--line: #e3dccd;--line-strong: #d2c8b4;--hover: rgb(30 26 22 / .045);--press: rgb(30 26 22 / .08);--scrim: rgb(30 26 22 / .34);--skeleton: #ebe4d6;--skeleton-shine: #f3eee3;--wax: #9b2c2c;--wax-deep: #7a2020;--wax-text: #9b2c2c;--wax-tint: #f4e3dc;--on-wax: #fbf3ea;--seal: #9b2c2c;--mark: #9b2c2c;--postmark: #7d7268;--on-ink: #f8f3ea;--focus: #1e1a16;--focus-ring: 0 0 0 2px var(--paper), 0 0 0 5px var(--focus);--warn-text: #7a4b0c;--warn-tint: #f6ead0;--error-text: #8f2424;--error-tint: #f6e1dc;--shadow-sheet: 0 1px 0 rgb(30 26 22 / .04), 0 2px 3px -1px rgb(30 26 22 / .06), 0 18px 40px -24px rgb(60 40 20 / .32);--shadow-pop: 0 1px 2px rgb(30 26 22 / .08), 0 16px 36px -12px rgb(30 26 22 / .28);--shadow-dialog: 0 2px 4px rgb(30 26 22 / .06), 0 30px 60px -20px rgb(30 26 22 / .4);--grain-opacity: .32;--grain-blend: multiply;--sheet-edge: rgb(30 26 22 / .06);--mention-bg: #ece4d3;--envelope: #efe5d1;--envelope-back: #e2d6bf;--envelope-flap: #e8dcc5;--embossed: #e2d9c7;--chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%231e1a16' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 8l4.5 4.5L14.5 8'/%3E%3C/svg%3E");--tone-clay: #a14f2b;--tone-clay-tint: #f3e1d5;--tone-moss: #566526;--tone-moss-tint: #e5e8d0;--tone-sea: #246475;--tone-sea-tint: #d6e7ea;--tone-plum: #6e3c6a;--tone-plum-tint: #ecdcea;--tone-ochre: #81600f;--tone-ochre-tint: #f3e5c4;--tone-slate: #46566a;--tone-slate-tint: #dfe4ea;--tone-rose: #a33d55;--tone-rose-tint: #f5dbe1;--tone-pine: #2b5d44;--tone-pine-tint: #d6e7dc}:root[data-theme=dark]{color-scheme:dark;--paper: #1b1917;--paper-deep: #151311;--paper-raised: #211e1c;--sheet: #242120;--ink: #efe7d8;--ink-soft: #ddd4c4;--muted: #a79d8f;--faint: #8d8478;--line: #3a3532;--line-strong: #4b4540;--hover: rgb(239 231 216 / .05);--press: rgb(239 231 216 / .09);--scrim: rgb(8 6 5 / .6);--skeleton: #2c2826;--skeleton-shine: #353130;--wax: #9b2c2c;--wax-deep: #7a2020;--wax-text: #e48b7f;--wax-tint: #3a2321;--on-wax: #f6ece0;--seal: #c0463e;--mark: #efe7d8;--postmark: #9a8f82;--on-ink: #1b1917;--focus: #efe7d8;--warn-text: #e8c27a;--warn-tint: #352c1c;--error-text: #f0a093;--error-tint: #3b2220;--shadow-sheet: 0 1px 0 rgb(0 0 0 / .3), 0 20px 44px -26px rgb(0 0 0 / .75);--shadow-pop: 0 1px 2px rgb(0 0 0 / .4), 0 18px 40px -12px rgb(0 0 0 / .65);--shadow-dialog: 0 2px 4px rgb(0 0 0 / .35), 0 30px 70px -20px rgb(0 0 0 / .8);--grain-opacity: .22;--grain-blend: soft-light;--sheet-edge: rgb(239 231 216 / .06);--mention-bg: #3a3431;--envelope: #3b3531;--envelope-back: #2c2724;--envelope-flap: #443d38;--embossed: #34302d;--chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23efe7d8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 8l4.5 4.5L14.5 8'/%3E%3C/svg%3E");--tone-clay: #e39b78;--tone-clay-tint: #3d2a20;--tone-moss: #b6c47d;--tone-moss-tint: #2e321f;--tone-sea: #86c2d0;--tone-sea-tint: #1d3338;--tone-plum: #d4a2cf;--tone-plum-tint: #372535;--tone-ochre: #dfbb68;--tone-ochre-tint: #3b3020;--tone-slate: #abb8ca;--tone-slate-tint: #29303a;--tone-rose: #ec9aad;--tone-rose-tint: #3d242a;--tone-pine: #8cc6a5;--tone-pine-tint: #1d3428}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--paper: #1b1917;--paper-deep: #151311;--paper-raised: #211e1c;--sheet: #242120;--ink: #efe7d8;--ink-soft: #ddd4c4;--muted: #a79d8f;--faint: #8d8478;--line: #3a3532;--line-strong: #4b4540;--hover: rgb(239 231 216 / .05);--press: rgb(239 231 216 / .09);--scrim: rgb(8 6 5 / .6);--skeleton: #2c2826;--skeleton-shine: #353130;--wax: #9b2c2c;--wax-deep: #7a2020;--wax-text: #e48b7f;--wax-tint: #3a2321;--on-wax: #f6ece0;--seal: #c0463e;--mark: #efe7d8;--postmark: #9a8f82;--on-ink: #1b1917;--focus: #efe7d8;--warn-text: #e8c27a;--warn-tint: #352c1c;--error-text: #f0a093;--error-tint: #3b2220;--shadow-sheet: 0 1px 0 rgb(0 0 0 / .3), 0 20px 44px -26px rgb(0 0 0 / .75);--shadow-pop: 0 1px 2px rgb(0 0 0 / .4), 0 18px 40px -12px rgb(0 0 0 / .65);--shadow-dialog: 0 2px 4px rgb(0 0 0 / .35), 0 30px 70px -20px rgb(0 0 0 / .8);--grain-opacity: .22;--grain-blend: soft-light;--sheet-edge: rgb(239 231 216 / .06);--mention-bg: #3a3431;--envelope: #3b3531;--envelope-back: #2c2724;--envelope-flap: #443d38;--embossed: #34302d;--chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23efe7d8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 8l4.5 4.5L14.5 8'/%3E%3C/svg%3E");--tone-clay: #e39b78;--tone-clay-tint: #3d2a20;--tone-moss: #b6c47d;--tone-moss-tint: #2e321f;--tone-sea: #86c2d0;--tone-sea-tint: #1d3338;--tone-plum: #d4a2cf;--tone-plum-tint: #372535;--tone-ochre: #dfbb68;--tone-ochre-tint: #3b3020;--tone-slate: #abb8ca;--tone-slate-tint: #29303a;--tone-rose: #ec9aad;--tone-rose-tint: #3d242a;--tone-pine: #8cc6a5;--tone-pine-tint: #1d3428}}[data-tone=clay]{--tone: var(--tone-clay);--tone-tint: var(--tone-clay-tint)}[data-tone=moss]{--tone: var(--tone-moss);--tone-tint: var(--tone-moss-tint)}[data-tone=sea]{--tone: var(--tone-sea);--tone-tint: var(--tone-sea-tint)}[data-tone=plum]{--tone: var(--tone-plum);--tone-tint: var(--tone-plum-tint)}[data-tone=ochre]{--tone: var(--tone-ochre);--tone-tint: var(--tone-ochre-tint)}[data-tone=slate]{--tone: var(--tone-slate);--tone-tint: var(--tone-slate-tint)}[data-tone=rose]{--tone: var(--tone-rose);--tone-tint: var(--tone-rose-tint)}[data-tone=pine]{--tone: var(--tone-pine);--tone-tint: var(--tone-pine-tint)}@media(max-width:640px){:root{--letter-size: 1.0625rem;--letter-leading: 1.62;--display-l: 1.875rem}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:100%;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-optical-sizing:auto;scroll-padding-top:5rem}body{margin:0;min-height:100dvh;font-size:var(--text-base);background:var(--paper);font-kerning:normal;font-variant-ligatures:common-ligatures}h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.15;letter-spacing:-.01em;text-wrap:balance}p{text-wrap:pretty}ul[role=list],ol[role=list]{list-style:none;padding:0}a{color:inherit;text-decoration-line:underline;text-decoration-thickness:1px;text-decoration-color:var(--line-strong);text-underline-offset:.2em;transition:text-decoration-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}a:hover{text-decoration-color:currentColor}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}svg{flex:none}img{max-width:100%;display:block}code{font-family:var(--mono);font-size:.9em}:focus{outline:none}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:var(--radius-xs)}::selection{background:var(--mention-bg);color:var(--ink)}main:focus,main:focus-visible{outline:none}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;top:var(--s3);left:var(--s3);z-index:100;padding:var(--s2) var(--s4);background:var(--ink);color:var(--on-ink);border-radius:var(--radius-md);text-decoration:none;transform:translateY(-200%);transition:transform var(--dur) var(--ease-out)}.skip-link:focus-visible{transform:none}.stack{display:grid;gap:var(--s3)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.seal{display:inline-block;vertical-align:middle}.wordmark{display:inline-flex;align-items:center;gap:.36em;color:var(--ink);line-height:1}.wordmark__seal{color:var(--mark)}.wordmark__text{font-family:var(--serif);font-weight:560;font-variation-settings:"opsz" 144;letter-spacing:-.02em;transform:translateY(-.04em)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--touch);padding:0 1.15rem;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--ink);font-family:var(--sans);font-size:var(--text-md);font-weight:500;line-height:1.1;text-decoration:none;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{opacity:.5}.button--ink{background:var(--ink);color:var(--on-ink)}.button--ink:hover:not(:disabled){background:var(--ink-soft)}.button--wax{background:var(--wax);color:var(--on-wax)}.button--wax .seal{color:var(--on-wax)}.button--wax:hover:not(:disabled){background:var(--wax-deep)}.button--quiet{border-color:var(--line-strong);background:var(--paper-raised)}.button--quiet:hover:not(:disabled){background:var(--hover);border-color:var(--faint)}.button--danger{color:var(--error-text)}.button--danger-solid{background:var(--error-text);color:var(--paper)}.button--danger-solid:hover:not(:disabled){background:var(--wax-deep);color:var(--on-wax)}.button--small{min-height:2.375rem;padding:0 .85rem;font-size:var(--text-base)}.button--wide{width:100%}.icon-button{display:inline-grid;place-items:center;width:var(--touch);height:var(--touch);border:0;border-radius:var(--radius-md);background:transparent;color:var(--muted);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.icon-button:hover{background:var(--hover);color:var(--ink)}.text-button{display:inline-flex;align-items:center;gap:var(--s1);min-height:2.25rem;padding:var(--s1) 0;border:0;background:none;color:var(--ink);font-size:var(--text-sm);font-weight:500;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:.22em}.text-button:hover{text-decoration-color:currentColor}.text-button--danger{color:var(--error-text)}.form{display:grid;gap:1.15rem}.form--two{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.form--two>.form-error,.form--two>.form__actions{grid-column:1 / -1}.form__actions{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s1)}.form__actions--split{justify-content:flex-end}.field{display:grid;gap:.4rem}.field__label{font-size:var(--text-base);font-weight:500;color:var(--ink)}.field__hint{font-size:var(--text-sm);color:var(--muted)}.field__error{font-size:var(--text-sm);font-weight:500;color:var(--error-text)}.input{width:100%;min-height:2.875rem;padding:.6rem .85rem;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--sheet);color:var(--ink);font-size:var(--text-md);line-height:1.35;transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.input::placeholder{color:var(--muted);opacity:1}.input:hover{border-color:var(--faint)}.input:focus-visible{border-color:var(--ink);outline-offset:2px;border-radius:var(--radius-md)}.input[aria-invalid=true]{border-color:var(--error-text)}.input--area{min-height:5rem;resize:vertical}select.input{appearance:none;padding-right:2.5rem;background-image:var(--chevron);background-repeat:no-repeat;background-position:right .8rem center;background-size:1rem}.form-error:empty{display:none}.form-error p{padding:.65rem .9rem;border-radius:var(--radius-md);background:var(--error-tint);color:var(--error-text);font-size:var(--text-sm);font-weight:500}.monogram{--size: 2.25rem;display:inline-grid;place-items:center;flex:none;width:var(--size);height:var(--size);border-radius:50%;background:var(--tone-tint);color:var(--tone);font-family:var(--serif);font-size:calc(var(--size) * .48);font-weight:600;font-variation-settings:"opsz" 36;line-height:1;user-select:none}.monogram--xs{--size: 1.375rem;font-size:.75rem}.monogram--sm{--size: 1.75rem}.monogram--lg{--size: 3.5rem}.monogram--more{background:var(--paper-deep);color:var(--muted);font-family:var(--sans);font-size:var(--text-2xs)}.monogram-stack{display:inline-flex}.monogram-stack .monogram{box-shadow:0 0 0 2px var(--paper)}.monogram-stack .monogram+.monogram{margin-left:-.45rem}.mention{color:var(--tone, var(--ink));font-weight:560;box-shadow:inset 0 -.32em 0 var(--tone-tint, var(--mention-bg));border-radius:1px}.mention--you{font-weight:650}.chips{display:flex;flex-wrap:wrap;gap:var(--s2)}.chip{display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .8rem .25rem .25rem;border-radius:var(--radius-pill);background:var(--tone-tint);color:var(--tone);font-size:var(--text-sm);font-weight:500}.count{display:inline-flex;align-items:center;gap:.35rem;margin-left:auto;color:var(--wax-text);font-size:var(--text-xs);font-weight:700;font-variant-numeric:tabular-nums}.count__dot,.unread-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--seal)}.sheet{position:relative;border:1px solid var(--sheet-edge);border-radius:var(--radius-xs);background:var(--sheet);box-shadow:var(--shadow-sheet)}.grain{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;opacity:var(--grain-opacity);mix-blend-mode:var(--grain-blend);pointer-events:none}.sheet__body{position:relative;padding:3.5rem 4rem 3.25rem}.postmark{display:block;width:10.5rem;height:auto;color:var(--postmark);overflow:visible}.postmark__ring-text{font-family:var(--sans);font-weight:700}.postmark__day{font-family:var(--serif);font-weight:500;font-variation-settings:"opsz" 72}.postmark__month{font-family:var(--sans);font-weight:700}.letter-list{border-top:1px solid var(--line)}.letter-row{border-bottom:1px solid var(--line)}.letter-row__link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.25rem 1rem;align-items:start;padding:.95rem .75rem;margin:0 -.75rem;border-radius:var(--radius-sm);color:inherit;text-decoration:none;transition:background-color var(--dur-fast) var(--ease-out)}.letter-row__link:hover{background:var(--hover)}.letter-row__link:focus-visible{outline-offset:-1px}.letter-row__mark{position:relative;padding-top:.1rem}.letter-row .unread-dot{position:absolute;top:-.05rem;right:-.15rem;width:.7rem;height:.7rem;box-shadow:0 0 0 2.5px var(--paper)}.letter-row__main{display:grid;gap:.15rem;min-width:0}.letter-row__top{display:flex;align-items:center;gap:.45rem;min-width:0}.letter-row__title{overflow:hidden;font-family:var(--serif);font-size:1.1875rem;font-weight:450;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.letter-row[data-unread] .letter-row__title{font-weight:640}.letter-row__sealed{display:inline-flex;color:var(--seal)}.letter-row__excerpt{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;color:var(--muted);font-size:var(--text-base);line-height:1.45}.letter-row__from{margin-right:.45em;color:var(--tone);font-weight:500}.letter-row[data-draft] .letter-row__from{color:var(--muted);font-style:italic}.letter-row__text--empty{font-style:italic}.letter-row__why{color:var(--wax-text);font-size:var(--text-sm);font-weight:500}.letter-row__date{padding-top:.2rem;color:var(--muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.letter-row[data-unread] .letter-row__date{color:var(--ink);font-weight:500}.letter-list--tight .letter-row__title{font-size:var(--text-md)}.skeleton{display:block;height:.85rem;border-radius:var(--radius-sm);background:var(--skeleton);animation:skeleton-pulse 1.4s var(--ease-in-out) infinite alternate}.skeleton--tall{height:1.3rem}.skeleton--round{width:2.25rem;height:2.25rem;border-radius:50%;flex:none}@keyframes skeleton-pulse{0%{background:var(--skeleton)}to{background:var(--skeleton-shine)}}.row-skeletons{border-top:1px solid var(--line)}.row-skeleton{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.row-skeleton__lines{display:grid;flex:1;gap:.6rem}.state{display:grid;gap:var(--s3);border-radius:var(--radius-md)}.state--error{grid-template-columns:auto minmax(0,1fr);align-items:start;padding:1.25rem 1.35rem;border:1px solid var(--line-strong);background:var(--paper-raised)}.state--error>.button,.state--error>.state__actions{grid-column:2;justify-self:start}.state__icon{margin-top:.15rem;color:var(--error-text)}.state__text{display:grid;gap:.3rem}.state__title{font-family:var(--serif);font-size:var(--display-s);font-weight:500;line-height:1.25}.state__detail{max-width:52ch;color:var(--muted);font-size:var(--text-base)}.state__code{color:var(--muted);font-size:var(--text-xs)}.state__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s3);margin-top:var(--s2)}.state--compact{padding:.9rem 1rem}.state--empty{justify-items:center;padding:3.5rem 1.5rem 3rem;text-align:center}.state--empty .state__title{font-size:var(--display-m)}.state--empty .state__detail{max-width:44ch;font-size:var(--text-md)}.state__seal{margin-bottom:var(--s2);color:var(--embossed);filter:drop-shadow(0 1px 0 var(--sheet)) drop-shadow(0 -1px 0 var(--line-strong))}.notice{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3);margin:0 0 var(--s4);padding:.7rem 1rem;border-radius:var(--radius-md);background:var(--paper-deep);font-size:var(--text-sm)}.notice p{flex:1 1 18rem}.notice--warn{background:var(--warn-tint);color:var(--warn-text)}.notice--warn .text-button{color:inherit}.offline-banner{display:flex;align-items:center;gap:var(--s3);padding:.6rem 1.25rem;border-bottom:1px solid var(--line);background:var(--warn-tint);color:var(--warn-text);font-size:var(--text-sm)}.toast-region{position:fixed;left:50%;bottom:calc(1.5rem + env(safe-area-inset-bottom));z-index:60;transform:translate(-50%);pointer-events:none}.toast{padding:.6rem 1.1rem;border-radius:var(--radius-pill);background:var(--ink);color:var(--on-ink);font-size:var(--text-base);font-weight:500;white-space:nowrap;box-shadow:var(--shadow-pop);animation:rise-in var(--dur-slow) var(--ease-out) both}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}}.copy-field{display:flex;gap:var(--s2);min-width:0}.copy-field__value{flex:1;min-width:0;min-height:var(--touch);padding:.55rem .8rem;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--sheet);color:var(--ink);font-family:var(--mono);font-size:var(--text-xs);text-overflow:ellipsis}.address{padding:.1rem .4rem;border-radius:var(--radius-xs);background:var(--paper-deep);font-size:var(--text-xs)}.address--wrap{word-break:break-all}.dialog{width:min(34rem,calc(100vw - 2rem));max-width:none;max-height:min(86dvh,48rem);padding:0;border:1px solid var(--sheet-edge);border-radius:var(--radius-lg);background:var(--sheet);color:var(--ink);box-shadow:var(--shadow-dialog);overflow:hidden}.dialog--sm{width:min(27rem,calc(100vw - 2rem))}.dialog::backdrop{background:var(--scrim)}.dialog[open]{animation:dialog-in var(--dur-slow) var(--ease-out) both}.dialog[open]::backdrop{animation:fade-in var(--dur-slow) var(--ease-out) both}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px) scale(.985)}}@keyframes fade-in{0%{opacity:0}}.dialog__panel{display:flex;flex-direction:column;max-height:inherit}.dialog__header{display:flex;align-items:flex-start;gap:var(--s3);padding:1.5rem 1.5rem .35rem}.dialog__title{flex:1;font-size:var(--display-s);line-height:1.25;padding-top:.45rem}.dialog__close{margin:-.1rem -.6rem 0 0}.dialog__description{padding:0 1.5rem;color:var(--muted);font-size:var(--text-base)}.dialog__content{flex:1;min-height:0;padding:1.1rem 1.5rem .5rem;overflow:auto;overscroll-behavior:contain}.dialog__content:empty{padding:.5rem 0 0}.dialog__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--s3);padding:1rem 1.5rem 1.5rem}.dialog__status{margin-right:auto;color:var(--muted);font-size:var(--text-sm)}@media(max-width:640px){.dialog--sheet{width:100%;max-height:92dvh;margin:auto 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:0}.dialog--sheet[open]{animation:sheet-in .28s var(--ease-out) both}.dialog--sheet .dialog__panel:before{content:"";align-self:center;width:2.5rem;height:4px;margin-top:.6rem;border-radius:var(--radius-pill);background:var(--line-strong)}.dialog--sheet .dialog__header{padding-top:.75rem}.dialog--sheet .dialog__footer{padding-bottom:calc(1.25rem + env(safe-area-inset-bottom))}.dialog--sheet .dialog__footer .button{flex:1}@keyframes sheet-in{0%{transform:translateY(100%)}}}.choice-group{display:grid;gap:.6rem;margin:0;padding:0;border:0}.choice{position:relative;display:grid;grid-template-columns:2.5rem minmax(0,1fr);align-items:center;gap:.9rem;padding:.85rem 1rem;border:1px solid var(--line-strong);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.choice:hover{background:var(--hover)}.choice[data-checked]{border-color:var(--ink);background:var(--paper-raised);box-shadow:inset 0 0 0 1px var(--ink)}.choice input,.member-pick input,.segmented__option input,.tone input{position:absolute;opacity:0;pointer-events:none}.choice:has(input:focus-visible),.member-pick:has(input:focus-visible),.segmented__option:has(input:focus-visible),.tone:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.choice:has(input:disabled){opacity:.6;cursor:not-allowed}.choice__mark{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--paper-deep);color:var(--ink)}.choice__mark--seal{color:var(--seal)}.choice__text{display:grid;gap:.1rem}.choice__title{font-size:var(--text-md);font-weight:500}.choice__hint{color:var(--muted);font-size:var(--text-sm)}.member-picks{margin:1.25rem 0 0;padding:0;border:0}.member-picks__legend{margin-bottom:.4rem;color:var(--muted);font-size:var(--text-sm);font-weight:700}.member-picks__list{display:grid;gap:.15rem}.member-pick{position:relative;display:flex;align-items:center;gap:.8rem;min-height:3.25rem;padding:.35rem .6rem;border-radius:var(--radius-md);cursor:pointer}.member-pick:hover{background:var(--hover)}.member-pick__name{flex:1;font-size:var(--text-md)}.member-pick__box,.pick__box{display:grid;place-items:center;width:1.5rem;height:1.5rem;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--on-ink);flex:none}.member-pick[data-checked] .member-pick__box,.pick[aria-pressed=true] .pick__box{border-color:var(--ink);background:var(--ink)}.member-picks__note{margin-top:.6rem;color:var(--muted);font-size:var(--text-sm)}.search{position:relative}.search__icon{position:absolute;top:50%;left:.85rem;color:var(--muted);transform:translateY(-50%);pointer-events:none}.search__input{padding-left:2.6rem}.pick-list{display:grid;gap:.2rem;margin-top:.75rem}.pick{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.8rem;width:100%;padding:.75rem;border:1px solid transparent;border-radius:var(--radius-md);background:none;text-align:left}.pick:hover:not(:disabled){background:var(--hover)}.pick[aria-pressed=true]{border-color:var(--line-strong);background:var(--paper-raised)}.pick:disabled{opacity:.5}.pick__main{display:grid;gap:.1rem;min-width:0}.pick__title{display:flex;align-items:center;gap:.4rem;font-family:var(--serif);font-size:var(--text-md);font-weight:500}.pick__seal{color:var(--seal)}.pick__meta{color:var(--muted);font-size:var(--text-xs)}.pick__excerpt{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;color:var(--muted);font-size:var(--text-sm)}.picker-empty,.picker-note{padding:1rem .25rem;color:var(--muted);font-size:var(--text-base)}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:0;padding:0;border:0}.segmented__option{position:relative;display:grid;gap:.25rem;align-content:start;padding:.9rem 1rem;border:1px solid var(--line-strong);border-radius:var(--radius-md);cursor:pointer}.segmented__option:hover{background:var(--hover)}.segmented__option[data-checked]{border-color:var(--ink);background:var(--paper-raised);box-shadow:inset 0 0 0 1px var(--ink)}.segmented__label{font-size:var(--text-md);font-weight:500}.segmented__hint{color:var(--muted);font-size:var(--text-sm)}.tone-picker{margin:0;padding:0;border:0;display:grid;gap:.6rem}.tone-picker__grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.4rem}.tone{position:relative;display:grid;justify-items:center;gap:.35rem;padding:.5rem .25rem;border-radius:var(--radius-md);cursor:pointer}.tone:hover{background:var(--hover)}.tone__swatch{width:2.25rem;height:2.25rem;border-radius:50%;background:var(--tone);transition:box-shadow var(--dur-fast) var(--ease-out)}.tone:has(input:checked) .tone__swatch{box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--tone)}.tone__label{color:var(--muted);font-size:var(--text-xs)}.tone:has(input:checked) .tone__label{color:var(--ink);font-weight:700}.send-sheet--sealing{width:min(22rem,calc(100vw - 2rem))}.send-sheet--sealing .dialog__content{padding:1.75rem 1.5rem 1.5rem}.send-sheet__detail{display:flex;align-items:center;gap:.6rem;padding:.75rem .9rem;border-radius:var(--radius-md);background:var(--paper-deep);font-size:var(--text-base)}.send-sheet__detail .seal{color:var(--seal)}.sealing{display:grid;justify-items:center;gap:.9rem}.sealing__stage{position:relative;width:13rem;height:10rem;perspective:700px}.sealing__envelope{position:absolute;inset:1.25rem 0 0}.sealing__back,.sealing__pocket{position:absolute;right:0;bottom:0;left:0;height:6.75rem;border-radius:var(--radius-sm)}.sealing__back{z-index:0;background:var(--envelope-back)}.sealing__pocket{z-index:2;background:var(--envelope);clip-path:polygon(0 0,50% 52%,100% 0,100% 100%,0 100%);box-shadow:inset 0 -1px 0 var(--sheet-edge)}.sealing__letter{position:absolute;z-index:1;right:.9rem;bottom:.6rem;left:.9rem;display:grid;align-content:start;gap:.45rem;height:5.6rem;padding:.9rem;border-radius:var(--radius-xs);background:var(--sheet);box-shadow:0 1px 2px var(--sheet-edge);animation:letter-in .34s var(--ease-in-out) both}.sealing__letter span{display:block;height:2px;border-radius:1px;background:var(--line-strong)}.sealing__letter span:nth-child(1){width:46%;height:3px}.sealing__letter span:nth-child(2){width:92%}.sealing__letter span:nth-child(3){width:84%}.sealing__letter span:nth-child(4){width:64%}.sealing__flap{position:absolute;z-index:4;top:2rem;right:0;left:0;height:3.9rem;background:var(--envelope-flap);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top center;animation:flap-close .28s .28s var(--ease-in-out) both}.sealing__seal{position:absolute;z-index:5;top:calc(2rem + 3.9rem - 1.8rem);left:calc(50% - 1.8rem);width:3.6rem;height:3.6rem;color:var(--seal);transform:rotate(-8deg);filter:drop-shadow(0 3px 4px var(--scrim));animation:seal-press .3s .54s var(--ease-press) both}.sealing__caption{font-family:var(--serif);font-size:var(--display-s);font-style:italic;animation:fade-in .2s .64s var(--ease-out) both}@keyframes letter-in{0%{transform:translateY(-4.6rem)}}@keyframes flap-close{0%{z-index:0;transform:rotateX(180deg)}49%{z-index:0}50%{z-index:4}to{z-index:4;transform:rotateX(0)}}@keyframes seal-press{0%{opacity:0;transform:scale(1.7) rotate(-22deg)}65%{opacity:1;transform:scale(.92) rotate(-6deg)}to{opacity:1;transform:scale(1) rotate(-8deg)}}@media(prefers-reduced-motion:reduce){.sealing__letter,.sealing__flap,.sealing__seal,.sealing__caption{animation:none!important}}.shell{display:grid;grid-template-columns:var(--rail-width) minmax(0,1fr);min-height:100dvh}.shell__main{grid-column:2;min-width:0}.main{padding:3rem 2.5rem 6rem}.page{width:100%;max-width:var(--content-width);margin:0 auto}.page--letter,.page--compose{max-width:var(--sheet-width)}.page--narrow{max-width:36rem}.page__aside-link{margin-top:var(--s4);font-size:var(--text-base)}.rail{position:fixed;top:0;bottom:0;left:0;width:var(--rail-width);display:flex;flex-direction:column;gap:1.75rem;padding:1.75rem 1.1rem 1.25rem;overflow-y:auto;border-right:1px solid var(--line);background:var(--paper-deep)}.rail__brand{display:inline-flex;align-self:flex-start;padding:.25rem .5rem;border-radius:var(--radius-sm);text-decoration:none}.rail__nav ul{display:grid;gap:.15rem}.rail__link{display:flex;align-items:center;gap:.75rem;min-height:var(--touch);padding:0 .75rem;border-radius:var(--radius-md);color:var(--muted);font-size:var(--text-md);font-weight:500;text-decoration:none;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.rail__link:hover{background:var(--hover);color:var(--ink)}.rail__link[aria-current=page]{background:var(--sheet);color:var(--ink);box-shadow:0 1px 0 var(--line-strong),0 0 0 1px var(--sheet-edge)}.rail__heading{padding:0 .75rem .4rem;color:var(--muted);font-family:var(--sans);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-label)}.circle-list{display:grid;gap:.1rem}.circle-list__item{position:relative;display:flex;align-items:center;gap:.6rem;min-height:2.6rem;padding:.35rem .75rem;border-radius:var(--radius-md);color:var(--ink-soft);text-decoration:none;transition:background-color var(--dur-fast) var(--ease-out)}.circle-list__item:hover{background:var(--hover)}.circle-list__name{overflow:hidden;font-family:var(--serif);font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap}.circle-list__item[aria-current=true]{color:var(--ink)}.circle-list__item[aria-current=true] .circle-list__name{font-weight:600}.circle-list__item[aria-current=true]:before{content:"";position:absolute;left:0;top:.7rem;bottom:.7rem;width:3px;border-radius:2px;background:var(--ink)}.circle-list__item--new{color:var(--muted);font-size:var(--text-base)}.rail__foot{margin-top:auto;padding:0 .75rem;color:var(--muted);font-size:var(--text-xs)}.rail__skeleton{display:grid;gap:1rem;padding:.75rem}.mobile-header,.bottom-bar{display:none}.standalone-error{display:grid;gap:2rem;justify-items:start;max-width:36rem;margin:0 auto;padding:4rem 1.5rem}@media(max-width:960px){.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.shell>.rail{display:none}.shell__main{grid-column:1}.main{padding:1.25rem 1.1rem calc(6rem + env(safe-area-inset-bottom))}.mobile-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.6rem;min-height:calc(3.5rem + env(safe-area-inset-top));padding:env(safe-area-inset-top) .75rem 0;border-bottom:1px solid var(--line);background:var(--paper)}.mobile-header__seal{display:inline-grid;place-items:center;width:var(--touch);height:var(--touch);color:var(--mark)}.mobile-header__circle{position:relative;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;column-gap:.3rem;min-height:var(--touch);min-width:0;padding:.2rem .5rem;border:0;border-radius:var(--radius-md);background:none;text-align:left}.mobile-header__circle:hover{background:var(--hover)}.mobile-header__label{grid-column:1 / -1;color:var(--muted);font-size:var(--text-2xs);line-height:1.1}.mobile-header__name{overflow:hidden;font-family:var(--serif);font-size:1.1875rem;font-weight:560;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.mobile-header__others{position:absolute;top:.45rem;right:.1rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--seal)}.bottom-bar{position:fixed;right:0;bottom:0;left:0;z-index:20;display:block;padding:0 .5rem env(safe-area-inset-bottom);border-top:1px solid var(--line);background:var(--paper)}.bottom-bar ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.bottom-bar__link{display:grid;justify-items:center;align-content:center;gap:.2rem;min-height:3.75rem;color:var(--muted);font-size:var(--text-2xs);font-weight:500;text-decoration:none}.bottom-bar__icon{position:relative;display:grid;place-items:center;width:2.75rem;height:1.9rem;border-radius:var(--radius-pill);transition:background-color var(--dur-fast) var(--ease-out)}.bottom-bar__link[aria-current=page]{color:var(--ink);font-weight:700}.bottom-bar__link[aria-current=page] .bottom-bar__icon{background:var(--paper-deep);box-shadow:inset 0 0 0 1px var(--line-strong)}.bottom-bar__link--write .bottom-bar__icon{background:var(--ink);color:var(--on-ink)}.bottom-bar__link--write[aria-current=page] .bottom-bar__icon{background:var(--ink);box-shadow:0 0 0 2px var(--paper),0 0 0 3.5px var(--ink)}.bottom-bar__dot{position:absolute;top:.1rem;right:.45rem;width:.55rem;height:.55rem;border-radius:50%;background:var(--seal);box-shadow:0 0 0 2px var(--paper)}.toast-region{bottom:calc(5rem + env(safe-area-inset-bottom))}.shell[data-composing] .mobile-header,.shell[data-composing] .bottom-bar{display:none}.shell[data-composing] .main{padding:0 0 calc(2rem + env(safe-area-inset-bottom))}.shell[data-composing] .toast-region{bottom:calc(1.5rem + env(safe-area-inset-bottom))}}.offline-banner+.main{padding-top:2rem}.page-head{display:grid;gap:.5rem;margin-bottom:1.5rem}.page-head__eyebrow{color:var(--muted);font-size:var(--text-base)}.page-head__title{font-size:var(--display-xl);font-weight:450;font-variation-settings:"opsz" 144;letter-spacing:-.02em}.page-head__lede{max-width:60ch;color:var(--muted);font-size:var(--text-md)}.desk-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.25rem 2rem;margin-bottom:2.25rem;padding-bottom:1.75rem;border-bottom:1px solid var(--line-strong)}.desk-head__text{display:grid;gap:.45rem;min-width:0;flex:1 1 22rem}.desk-head__title{font-size:var(--display-xl);font-weight:450;font-variation-settings:"opsz" 144;letter-spacing:-.025em;line-height:1.05;overflow-wrap:anywhere}.desk-head__description{color:var(--muted);font-family:var(--serif);font-size:1.1875rem;font-style:italic;line-height:1.4}.desk-head__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.35rem;color:var(--muted);font-size:var(--text-base)}.desk-head__people{display:inline-flex;align-items:center;gap:.6rem;min-height:2.25rem;color:var(--ink);text-decoration:none}.desk-head__people:hover span:last-child{text-decoration:underline;text-underline-offset:.2em}.desk-head__sep{width:3px;height:3px;border-radius:50%;background:var(--faint)}.desk-head__write{flex:none}.desk-section{margin-top:2.5rem}.desk-section:first-of-type{margin-top:0}.desk-section__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;margin-bottom:.65rem}.desk-section__title{font-size:var(--display-s);font-weight:500}.desk-section__count{min-width:1.6rem;padding:.05rem .5rem;border-radius:var(--radius-pill);background:var(--wax-tint);color:var(--wax-text);font-size:var(--text-xs);font-weight:700;text-align:center;font-variant-numeric:tabular-nums}#desk-drafts+* .desk-section__count,.desk-section[aria-labelledby=desk-drafts] .desk-section__count{background:var(--paper-deep);color:var(--muted)}.desk-section__note{margin-left:auto;color:var(--muted);font-size:var(--text-sm)}.month+.month{margin-top:.5rem}.month__label{padding:1.1rem 0 .45rem;color:var(--muted);font-family:var(--serif);font-size:var(--text-md);font-style:italic;font-weight:400;letter-spacing:0}.desk-more{display:grid;justify-items:center;gap:.5rem;padding:1.5rem 0 0}.desk-end,.desk-quiet{padding:1.5rem 0 0;color:var(--muted);font-family:var(--serif);font-size:var(--text-md);font-style:italic;text-align:center}.desk-quiet{text-align:left}.crumbs{margin-bottom:1.25rem}.crumbs__back{display:inline-flex;align-items:center;gap:.5rem;min-height:2.5rem;padding:0 .6rem 0 .4rem;margin-left:-.4rem;border-radius:var(--radius-md);color:var(--muted);font-size:var(--text-base);text-decoration:none}.crumbs__back:hover{background:var(--hover);color:var(--ink)}.sealed-banner{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem;padding:.7rem 1rem;border-radius:var(--radius-md);background:var(--wax-tint);color:var(--wax-text);font-size:var(--text-base);font-weight:500}.sealed-banner .seal{color:var(--seal)}.letter .sheet__body{padding:3.75rem 4.25rem 3.5rem}.letter__head{position:relative;min-height:6rem;padding-right:9.5rem;margin-bottom:1.75rem}.letter__postmark{position:absolute;top:-1.4rem;right:-2.25rem;width:11rem;opacity:.88;transform:rotate(-7deg)}.letter__title{margin-bottom:1.6rem;font-size:var(--display-l);font-weight:500;font-variation-settings:"opsz" 96;letter-spacing:-.015em;line-height:1.12;overflow-wrap:anywhere}.letter__salutation{font-family:var(--serif);font-size:1.625rem;font-weight:420;font-variation-settings:"opsz" 48;letter-spacing:-.005em;line-height:1.25}.letter__body{max-width:var(--measure);color:var(--ink-soft);font-family:var(--serif);font-size:var(--letter-size);font-weight:400;font-variation-settings:"opsz" 14;line-height:var(--letter-leading);overflow-wrap:break-word;hyphens:manual}.letter__body p+p{margin-top:1.05em}.letter__body strong{font-weight:640;color:var(--ink)}.letter__sign{display:grid;gap:.3rem;width:fit-content;max-width:100%;margin:2.5rem 0 0 auto;padding-right:2rem}.letter__signoff{font-family:var(--serif);font-size:1.3125rem;font-style:italic;font-variation-settings:"opsz" 36}.letter__author{color:var(--tone);font-family:var(--serif);font-size:1.375rem;font-weight:560;font-variation-settings:"opsz" 48}.letter__skeleton-body{margin-top:2rem}.letter-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.letter-meta{display:grid;gap:2rem;margin-top:2.5rem}.meta-block{display:grid;gap:.75rem}.meta-block__title{color:var(--muted);font-family:var(--sans);font-size:var(--text-sm);font-weight:700;letter-spacing:var(--tracking-label)}.meta-block__empty,.meta-block__note{color:var(--muted);font-size:var(--text-sm)}.ref-list{display:grid;gap:.6rem}.ref-card{border:1px solid var(--line);border-left:3px solid var(--line-strong);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--paper-raised)}.ref-card__link,.ref-card--hidden{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.85rem;padding:.85rem 1rem;color:inherit;text-decoration:none}.ref-card__link{border-radius:inherit;transition:background-color var(--dur-fast) var(--ease-out)}.ref-card__link:hover{background:var(--hover)}.ref-card--hidden{grid-template-columns:auto minmax(0,1fr);border-style:dashed;border-left-style:solid;background:transparent}.ref-card__seal{color:var(--seal)}.ref-card__main{display:grid;gap:.15rem;min-width:0}.ref-card__title{font-family:var(--serif);font-size:var(--text-md);font-weight:500}.ref-card--hidden .ref-card__title{font-style:italic}.ref-card__byline{color:var(--muted);font-size:var(--text-xs)}.ref-card__excerpt{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;color:var(--muted);font-family:var(--serif);font-size:var(--text-base);font-style:italic;font-variation-settings:"opsz" 14}.ref-card__go{align-self:center;color:var(--muted)}.read-list{border-top:1px solid var(--line)}.read-list__item{display:flex;align-items:center;gap:.75rem;padding:.55rem 0;border-bottom:1px solid var(--line)}.read-list__name{font-size:var(--text-md)}.read-list__time{margin-left:auto;color:var(--muted);font-size:var(--text-sm)}@media(min-width:1280px){.page--letter{display:grid;grid-template-columns:minmax(0,var(--sheet-width)) 16rem;column-gap:3rem;align-items:start;max-width:calc(var(--sheet-width) + 19rem)}.page--letter>:not(.letter-meta){grid-column:1}.page--letter>.letter-meta{position:sticky;top:2rem;grid-column:2;grid-row:2 / span 2;margin-top:0;gap:1.75rem}.page--letter:has(>.sealed-banner)>.letter-meta{grid-row:3 / span 2}.letter-meta .letter-row__link{grid-template-columns:auto minmax(0,1fr);gap:.15rem .7rem}.letter-meta .letter-row__title{white-space:normal}.letter-meta .letter-row__date{grid-column:2;padding-top:0;font-size:var(--text-xs)}.letter-meta .letter-row__excerpt{-webkit-line-clamp:2;line-clamp:2}}.compose-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:.75rem;margin:-.75rem 0 .5rem;padding:.75rem 0;background:var(--paper)}.compose-bar__back{display:inline-flex;align-items:center;gap:.5rem;min-height:var(--touch);max-width:14rem;padding:0 .6rem 0 .4rem;margin-left:-.4rem;border-radius:var(--radius-md);color:var(--muted);font-size:var(--text-base);text-decoration:none}.compose-bar__back:hover{background:var(--hover);color:var(--ink)}.compose-bar__back-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-bar__status{display:flex;flex:1;align-items:center;justify-content:center;gap:.4rem;min-width:0;color:var(--muted);font-size:var(--text-sm);text-align:center}.compose-bar__status span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-bar__status[data-tone=warn]{color:var(--warn-text)}.compose-bar__status[data-tone=error]{color:var(--error-text)}.compose-bar__send{padding:0 1.3rem}.envelope-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin:.25rem 0 1rem}.envelope-chip{display:inline-flex;align-items:center;gap:.5rem;min-height:2.6rem;max-width:100%;padding:0 .95rem;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--paper-raised);color:var(--ink);font-size:var(--text-base);transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.envelope-chip:hover{border-color:var(--faint);background:var(--hover)}.envelope-chip__label{color:var(--muted);font-weight:500}.envelope-chip__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.envelope-chip[data-sealed]{border-color:transparent;background:var(--wax-tint);color:var(--wax-text)}.envelope-chip[data-sealed] .seal{color:var(--seal)}.envelope-chip[data-sealed] .envelope-chip__label{color:inherit}.envelope-chip[data-invalid]{border-color:var(--error-text)}.compose-hint{margin:-.25rem 0 1rem;color:var(--warn-text);font-size:var(--text-sm)}.ref-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:-.25rem 0 1rem}.ref-chip{display:inline-flex;align-items:center;gap:.4rem;max-width:100%;padding:.15rem .2rem .15rem .75rem;border-radius:var(--radius-pill);background:var(--paper-deep);color:var(--ink-soft);font-size:var(--text-sm)}.ref-chip[data-hidden] .seal{color:var(--seal)}.ref-chip__title{overflow:hidden;font-family:var(--serif);font-style:italic;text-overflow:ellipsis;white-space:nowrap}.ref-chip__remove{display:grid;place-items:center;width:2rem;height:2rem;border:0;border-radius:50%;background:none;color:var(--muted)}.ref-chip__remove:hover{background:var(--press);color:var(--ink)}.compose-sheet .sheet__body{display:grid;padding:3rem 3.75rem 2.75rem}.compose-title,.compose-salutation,.compose-signoff,.body-editor__input,.body-editor__backdrop{width:calc(100% + 1.1rem);margin-left:-1.1rem;padding:.15rem 0 .15rem 1.1rem;border:0;border-radius:0;background:transparent;color:var(--ink)}.compose-title:focus-visible,.compose-salutation:focus-visible,.compose-signoff:focus-visible,.body-editor__input:focus-visible{outline:none;box-shadow:inset 3px 0 0 var(--focus)}.compose-title::placeholder,.compose-salutation::placeholder,.compose-signoff::placeholder,.body-editor__input::placeholder{color:var(--muted);opacity:1;font-style:italic}.compose-title{margin-bottom:.9rem;font-family:var(--serif);font-size:var(--display-l);font-weight:500;font-variation-settings:"opsz" 96;letter-spacing:-.015em;line-height:1.2}.compose-salutation{font-family:var(--serif);font-size:1.625rem;font-weight:420;font-variation-settings:"opsz" 48;line-height:1.3}.compose-title::placeholder{color:var(--faint)}.compose-salutation[aria-invalid=true]{box-shadow:inset 3px 0 0 var(--error-text)}.body-editor{position:relative;display:grid;margin-top:1.1rem}.body-editor__backdrop,.body-editor__input{grid-area:1 / 1;min-height:15em;font-family:var(--serif);font-size:var(--letter-size);font-weight:400;font-variation-settings:"opsz" 14;line-height:var(--letter-leading);letter-spacing:normal;word-spacing:normal;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;tab-size:4}.body-editor__backdrop{color:transparent;pointer-events:none;user-select:none}.body-editor__input{height:100%;overflow:hidden;resize:none;color:var(--ink-soft);caret-color:var(--ink)}.body-editor__input[aria-invalid=true]{box-shadow:inset 3px 0 0 var(--error-text)}.body-editor__mention{border-radius:2px;background:var(--mention-bg);box-shadow:0 0 0 2px var(--mention-bg);color:transparent}.body-editor__caret{display:inline-block;width:0;height:1em;vertical-align:baseline}.mention-popover{position:absolute;z-index:15;width:min(17.5rem,100%);margin:0;padding:.35rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--sheet);box-shadow:var(--shadow-pop);list-style:none;animation:rise-in var(--dur) var(--ease-out) both}.mention-popover__option{display:flex;align-items:center;gap:.6rem;min-height:2.6rem;padding:.3rem .6rem;border-radius:var(--radius-sm);font-size:var(--text-md);cursor:pointer}.mention-popover__option[aria-selected=true]{background:var(--paper-deep)}.mention-popover__hint{margin-top:.25rem;padding:.4rem .6rem .2rem;border-top:1px solid var(--line);color:var(--muted);font-size:var(--text-2xs)}.compose-sign{display:grid;gap:.3rem;width:min(20rem,100%);margin:2rem 0 0 auto}.compose-signoff{font-family:var(--serif);font-size:1.3125rem;font-style:italic;font-variation-settings:"opsz" 36}.compose-author{display:flex;align-items:center;gap:.5rem;color:var(--tone);font-family:var(--serif);font-size:1.3125rem;font-weight:560;font-variation-settings:"opsz" 48}.compose-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;margin-top:1rem;color:var(--muted);font-size:var(--text-sm)}.compose-help{display:flex;flex-wrap:wrap;gap:.35rem 1rem}.compose-help em,.compose-help strong{font-family:var(--mono);font-size:.85em;color:var(--ink-soft)}.compose-count{margin-left:auto;font-variant-numeric:tabular-nums}.notice-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem 1rem;margin:0 0 2.25rem;padding:1rem 1.15rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-raised)}.notice-card__icon{display:inline-flex;align-self:start;padding-top:.15rem;color:var(--muted)}.notice-card__body{display:grid;gap:.4rem;min-width:0}.notice-card__text{max-width:60ch;color:var(--ink-soft);font-size:var(--text-base);line-height:1.5}.notice-card__question{color:var(--ink);font-family:var(--serif);font-size:var(--text-md);font-style:italic}.notice-card__actions{display:flex;flex-wrap:wrap;gap:.5rem}.switch-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem 1.5rem}.switch-row__text{display:grid;gap:.3rem;min-width:0}.switch-row__label{font-size:var(--text-md);font-weight:500}.switch-row__state{max-width:60ch;color:var(--muted);font-size:var(--text-base)}.switch{position:relative;flex:none;width:48px;height:28px;margin-top:.1rem;padding:0;border:1px solid var(--faint);border-radius:var(--radius-pill);background:transparent;cursor:pointer;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.switch:before{content:"";position:absolute;inset:-9px -4px}.switch__thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--faint);transition:transform var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out)}.switch[aria-checked=true]{border-color:var(--ink);background:var(--ink)}.switch[aria-checked=true] .switch__thumb{background:var(--on-ink);transform:translate(20px)}.switch:hover:not(:disabled){border-color:var(--ink)}.switch:focus-visible{border-radius:var(--radius-pill)}.switch:disabled{opacity:.5;cursor:not-allowed}.switch[aria-busy=true]{cursor:progress}@media(max-width:640px){.notice-card{grid-template-columns:auto minmax(0,1fr);margin-bottom:1.5rem;padding:.9rem 1rem}.notice-card__actions{grid-column:2}}.panel{display:grid;gap:1rem;padding:1.75rem 0;border-top:1px solid var(--line)}.panel__title{display:flex;align-items:center;gap:.5rem;font-size:var(--display-s);font-weight:500}.panel__text{max-width:60ch;color:var(--muted);font-size:var(--text-base)}.panel__quiet{color:var(--muted);font-family:var(--serif);font-style:italic}.panel--plain{justify-items:start}.member-list{border-top:1px solid var(--line)}.member{display:flex;align-items:center;gap:.9rem;padding:.85rem 0;border-bottom:1px solid var(--line)}.member__main{display:grid;flex:1;gap:.1rem;min-width:0}.member__name{display:flex;align-items:center;gap:.5rem;font-family:var(--serif);font-size:1.1875rem;font-weight:500}.member__you{padding:.05rem .45rem;border-radius:var(--radius-pill);background:var(--paper-deep);color:var(--muted);font-family:var(--sans);font-size:var(--text-2xs);font-weight:700}.member__meta{overflow:hidden;color:var(--muted);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap}.invite-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem}.select-field{display:grid;flex:1 1 11rem;gap:.4rem}.invite-list{display:grid;gap:.75rem}.invite{display:grid;gap:.5rem;justify-items:start;padding:1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-raised)}.invite>.copy-field{width:100%}.invite--fresh{border-color:var(--line-strong);background:var(--sheet);box-shadow:var(--shadow-sheet)}.invite__title{font-family:var(--serif);font-size:var(--text-md);font-weight:500}.invite__meta{color:var(--muted);font-size:var(--text-sm)}.old-invites summary{min-height:2.5rem;padding:.5rem 0;color:var(--muted);font-size:var(--text-base);cursor:pointer}.old-invites ul{display:grid;gap:.5rem;padding:.25rem 0 0}.old-invites li{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;color:var(--muted);font-size:var(--text-sm)}.circle-summary{display:grid;justify-items:start;gap:.35rem}.circle-summary__name{font-family:var(--serif);font-size:var(--display-s);font-weight:500}.circle-summary__description{margin-bottom:.5rem;color:var(--muted);font-family:var(--serif);font-style:italic}.panel--leave .button{justify-self:start}.manage{display:grid;gap:.6rem}.manage__option{display:grid;gap:.15rem;padding:.85rem 1rem;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:none;text-align:left}.manage__option:hover:not(:disabled){background:var(--hover)}.manage__title{font-size:var(--text-md);font-weight:500}.manage__hint{color:var(--muted);font-size:var(--text-sm)}.manage__option--danger .manage__title{color:var(--error-text)}.profile-preview{position:relative;display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border:1px solid var(--sheet-edge);border-radius:var(--radius-xs);background:var(--sheet);box-shadow:var(--shadow-sheet)}.profile-preview__signoff{font-family:var(--serif);font-size:1.1875rem;font-style:italic}.profile-preview__name{color:var(--tone);font-family:var(--serif);font-size:1.25rem;font-weight:560}.facts{display:grid;gap:.85rem}.facts>div{display:grid;grid-template-columns:11rem minmax(0,1fr);gap:1rem}.facts dt{color:var(--muted);font-size:var(--text-base)}.facts dd{display:grid;gap:.35rem;font-size:var(--text-base)}.facts__note{color:var(--muted);font-size:var(--text-sm)}.addresses{display:flex;flex-wrap:wrap;gap:.4rem}.server-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:.5rem}.server-action{display:grid;align-content:start;justify-items:start;gap:.6rem;padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-raised)}.server-action__title{font-family:var(--sans);font-size:var(--text-md);font-weight:700;letter-spacing:0}.server-action>.invite,.server-action>.form-error,.inline-form{width:100%}.inline-form{display:grid;gap:.6rem}.install__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.install__item{padding:.9rem 1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-raised)}.install__item dt{display:flex;align-items:center;gap:.5rem;font-size:var(--text-md);font-weight:500}.install__item dd{margin-top:.35rem;color:var(--muted);font-size:var(--text-sm)}.inline-icon{display:inline-block;vertical-align:-.2em}.install--compact .install__list{grid-template-columns:minmax(0,1fr);gap:.5rem}.install--compact .install__item{padding:.7rem .9rem}.install__title{margin-bottom:.6rem;font-size:var(--text-base);font-weight:700}.auth{min-height:100dvh;background:var(--paper)}.auth__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,38rem);min-height:100dvh}.auth__grid--wide{grid-template-columns:minmax(0,.9fr) minmax(0,42rem)}.auth__aside{position:sticky;top:0;display:flex;flex-direction:column;justify-content:space-between;gap:2rem;height:100dvh;padding:2.5rem 3.5rem;border-right:1px solid var(--line);background:var(--paper-deep)}.auth__brand{align-self:flex-start;text-decoration:none}.auth__aside-body{max-width:34rem}.auth__tagline{font-family:var(--serif);font-size:clamp(2.75rem,1.4rem + 3.4vw,4.5rem);font-weight:400;font-variation-settings:"opsz" 144;letter-spacing:-.03em;line-height:1.02;text-wrap:balance}.auth__tagline em{color:var(--wax-text);font-weight:380}.auth__foot{max-width:30rem;color:var(--muted);font-size:var(--text-sm)}.auth__main{display:grid;align-content:center;justify-items:center;padding:3rem 2.5rem}.auth__sheet{position:relative;width:100%;max-width:31rem;border:1px solid var(--sheet-edge);border-radius:var(--radius-xs);background:var(--sheet);box-shadow:var(--shadow-sheet)}.auth__grid--wide .auth__sheet{max-width:35rem}.auth__sheet-body{position:relative;padding:2.75rem 2.75rem 2.5rem}.auth__title{margin-bottom:.5rem;font-size:var(--display-l);font-weight:480;font-variation-settings:"opsz" 96;letter-spacing:-.02em}.auth__lede{margin-bottom:1.75rem;color:var(--muted);font-size:var(--text-md)}.auth__help{display:grid;gap:.4rem;justify-items:start;margin-top:1.25rem}.auth__help-text,.auth__alt{color:var(--muted);font-size:var(--text-sm)}.auth__alt{text-align:center}.invitation{display:grid}.invitation__card{position:relative;display:grid;gap:.9rem;max-width:30rem;padding:2.5rem 2.5rem 2.75rem;border:1px solid var(--sheet-edge);border-radius:var(--radius-xs);background:var(--sheet);box-shadow:var(--shadow-sheet);transform:rotate(-1.4deg)}.invitation__card>:not(.grain):not(.invitation__seal){position:relative}.invitation__seal{position:absolute;right:-1.4rem;bottom:-1.6rem;color:var(--seal);transform:rotate(-12deg);filter:drop-shadow(0 4px 6px var(--scrim))}.invitation__from{display:flex;align-items:center;gap:.6rem;color:var(--muted);font-size:var(--text-md)}.invitation__circle{font-family:var(--serif);font-size:clamp(2.75rem,1.4rem + 3.4vw,4.5rem);font-style:italic;font-weight:400;font-variation-settings:"opsz" 144;letter-spacing:-.03em;line-height:1.02;overflow-wrap:anywhere}.invitation__count{color:var(--muted);font-size:var(--text-md)}.notice .button{flex:none}.setup-aside{display:grid;gap:2rem}.setup-aside__list{display:grid;gap:.7rem;padding:0;list-style:none;counter-reset:step}.setup-aside__list li{display:flex;align-items:baseline;gap:.8rem;font-family:var(--serif);font-size:1.25rem;counter-increment:step}.setup-aside__list li:before{content:counter(step);color:var(--muted);font-style:italic;font-weight:500}.setup-steps{display:grid}.setup-step{position:relative;padding:0 0 1.75rem 2.75rem}.setup-step:before{content:"";position:absolute;top:2rem;bottom:.25rem;left:.85rem;width:1px;background:var(--line-strong)}.setup-step:last-of-type:before{display:none}.setup-step__head{display:flex;align-items:center;min-height:1.75rem}.setup-step__n{position:absolute;top:0;left:0;display:grid;place-items:center;width:1.75rem;height:1.75rem;border:1.5px solid var(--ink);border-radius:50%;font-family:var(--serif);font-size:var(--text-base);font-weight:600;font-style:italic}.setup-step[data-state=done] .setup-step__n{background:var(--ink);color:var(--on-ink)}.setup-step[data-state=next] .setup-step__n{border-color:var(--line-strong);color:var(--muted)}.setup-step[data-state=next] .setup-step__title{color:var(--muted)}.setup-step__title{font-size:var(--display-s);font-weight:500}.setup-step__body{display:grid;gap:1rem;margin-top:1rem}.setup-note{color:var(--muted);font-size:var(--text-base)}.setup-wifi{display:flex;gap:.75rem;padding:.9rem 1rem;border-radius:var(--radius-md);background:var(--paper-deep)}.setup-wifi__title{font-weight:700}.setup-wifi__text{color:var(--muted);font-size:var(--text-sm)}.setup-steps>.form-error,.setup-steps>.form__actions{margin-left:2.75rem}.setup-wifi>div{display:grid;gap:.35rem}.not-found{display:grid;place-items:center;min-height:100dvh;padding:1.5rem}.not-found__sheet{width:min(34rem,100%)}.not-found__sheet .sheet__body{display:grid;justify-items:start;gap:1rem;padding:3.5rem 3rem 3rem}.not-found__stamp{position:absolute;top:1.75rem;right:1.75rem;display:grid;justify-items:center;padding:.45rem .9rem;border:2px solid var(--wax-text);border-radius:var(--radius-sm);outline:1px solid var(--wax-text);outline-offset:2px;color:var(--wax-text);font-family:var(--serif);font-size:var(--text-md);font-style:italic;line-height:1.1;opacity:.85;transform:rotate(8deg)}.not-found__title{max-width:14ch;font-size:var(--display-l)}.not-found__text{max-width:40ch;margin-bottom:.5rem;color:var(--muted);font-size:var(--text-md)}@media(max-width:960px){.auth__grid,.auth__grid--wide{grid-template-columns:minmax(0,1fr)}.auth__aside{position:static;height:auto;padding:1.5rem 1.25rem .5rem;border-right:0;background:transparent}.auth__aside-body{display:none}.auth__aside:has(.invitation) .auth__aside-body{display:block}.auth__foot{display:none}.auth__main{align-content:start;padding:1rem 1rem 3rem}.invitation__circle{font-size:2.5rem}.invitation__card{padding:1.5rem 1.5rem 1.75rem;transform:none;border:0;background:transparent;box-shadow:none}.invitation__card .grain{display:none}.invitation__seal{top:.75rem;right:.25rem;bottom:auto;width:3.25rem;height:3.25rem}}@media(max-width:640px){.sheet__body,.letter .sheet__body{padding:2rem 1.25rem}.letter__head{padding-right:4.5rem;min-height:4.5rem}.letter__postmark{top:-1.1rem;right:-1.6rem;width:7.5rem}.letter__title{font-size:1.75rem}.letter__salutation,.compose-salutation{font-size:1.375rem}.letter__sign{padding-right:.5rem}.page--letter .sheet,.page--compose .sheet{margin:0 -.35rem}.desk-head{margin-bottom:1.5rem;padding-bottom:1.25rem}.desk-head__write{display:none}.letter-row__excerpt{-webkit-line-clamp:2;line-clamp:2}.letter-row__link{gap:.2rem .8rem}.desk-section__note{margin-left:0;width:100%}.compose-bar{margin:0;padding:calc(.5rem + env(safe-area-inset-top)) .75rem .5rem;border-bottom:1px solid var(--line)}.compose-bar__back-label{display:none}.page--compose>:not(.compose-bar):not(.sheet):not(dialog){margin-left:1rem;margin-right:1rem}.page--compose .envelope-bar{margin-top:.75rem}.page--compose .sheet{margin:0;border-right:0;border-left:0;border-radius:0;box-shadow:none}.compose-sheet .sheet__body{padding:1.75rem 1.25rem 2rem}.compose-title{font-size:1.625rem}.envelope-chip--compact .envelope-chip__value{display:none}.form--two,.server-actions,.install__list,.segmented{grid-template-columns:minmax(0,1fr)}.facts>div{grid-template-columns:minmax(0,1fr);gap:.2rem}.tone-picker__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.auth__sheet-body{padding:1.75rem 1.25rem}.auth__title{font-size:1.875rem}.setup-step{padding-left:2.5rem}.setup-steps>.form-error,.setup-steps>.form__actions{margin-left:0}.not-found__sheet .sheet__body{padding:5rem 1.5rem 2rem}.button--small{min-height:var(--touch)}}