.mail{--neutral-1:oklch(99.3% 0 0);--neutral-2:oklch(96.2% 0 0);--neutral-3:oklch(93% 0 0);--neutral-4:oklch(89.5% 0 0);--neutral-6:oklch(86% 0 0);--neutral-8:oklch(75% 0 0);--neutral-11:oklch(48% 0 0);--neutral-12:oklch(30% 0 0);--accent-3:oklch(95% .02 260);--accent-4:oklch(90% .034 260);--accent-9:oklch(57% .232 260);--accent-10:oklch(50% .194 260);--danger-11:oklch(52% .19 25);--color-bg-page:var(--neutral-1);--color-bg-surface:var(--neutral-1);--color-bg-subtle:var(--neutral-2);--color-bg-raised:var(--neutral-1);--color-bg-component:var(--neutral-3);--color-bg-component-hover:var(--neutral-4);--color-bg-selection:var(--accent-4);--color-text-primary:var(--neutral-12);--color-text-secondary:var(--neutral-11);--color-text-on-accent:#fff;--color-border-subtle:var(--neutral-6);--color-border-focus:var(--accent-10);--color-accent-subtle:var(--accent-3);--color-accent-solid:var(--accent-9);--color-accent-solid-hover:var(--accent-10);--color-accent-text:var(--accent-10);--color-danger-text:var(--danger-11);--color-scroll-thumb:var(--neutral-8);--color-field-line:var(--neutral-6);--color-field-line-focus:var(--neutral-11);--color-scroll-thumb-active:var(--neutral-11);--color-bg-inverse:var(--neutral-12);--color-text-inverse:var(--neutral-1);--color-text-inverse-secondary:var(--neutral-8);background:var(--color-bg-page);color:var(--color-text-primary);text-align:start;font-family:Geist Variable,system-ui,-apple-system,Segoe UI,sans-serif;font-size:.8125rem;line-height:1.45;position:relative;container:mail/inline-size}.mail *,.mail :before,.mail :after{box-sizing:border-box}.mail-room{align-content:start;justify-items:center;padding:40px 24px 48px;display:grid}.mail :is(button,input,[contenteditable]){touch-action:manipulation}.mail-icon{flex:none}.mail-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(.mail) :where(p,ul,h2){margin:0}:where(.mail) :where(ul[role=list]){padding:0;list-style:none}.mail ::selection{background:var(--color-bg-selection);color:var(--color-text-primary)}.mail :is(button,a,[tabindex]):focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--r,6px)}.mail :is(input,[contenteditable]){outline:none}.mail-card{background:var(--color-bg-surface);border:1px solid #0000;border-radius:12px;flex-direction:column;width:min(100%,38rem);min-width:0;display:flex;position:relative;box-shadow:0 0 0 1px oklch(0% 0 0/.06),0 1px 2px -1px oklch(0% 0 0/.06),0 2px 4px oklch(0% 0 0/.04),0 16px 32px -16px oklch(0% 0 0/.14)}.mail-form{flex-direction:column;flex:1;min-height:0;display:flex}.mail-head{background:var(--color-bg-subtle);border-start-start-radius:12px;border-start-end-radius:12px;flex-direction:column;gap:2px;margin:-1px -1px 0;padding:7px 17px 9px;display:flex}.mail-field{cursor:text;flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:34px;padding:4px 0;display:flex;position:relative}.mail-field:has(.mail-input:focus) .mail-label{color:var(--color-text-primary)}.mail-chips,.mail-subject .mail-input{box-shadow:inset 0 -1px var(--color-field-line);transition:box-shadow .15s ease-out}.mail-field:has(.mail-input:focus):not(:has([aria-invalid=true])) :is(.mail-chips,.mail-subject .mail-input){box-shadow:inset 0 -1px var(--color-field-line-focus)}.mail-field:has([aria-invalid=true]) :is(.mail-chips,.mail-subject .mail-input){box-shadow:inset 0 -1px var(--color-danger-text)}.mail-field{--row:32px}.mail-label{width:3.25rem;height:var(--row);color:var(--color-text-secondary);white-space:nowrap;flex:none;align-self:flex-start;align-items:center;display:flex}.mail-input{min-width:0;height:26px;color:var(--color-text-primary);caret-color:var(--color-accent-text);font:inherit;background:0 0;border:0;flex:1;margin:0;padding:0;font-size:.9375rem}.mail-chips{flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-width:0;padding-block:3px;display:flex}.mail-chip-list{display:contents}.mail-recipient-input{flex:4ch;width:0;min-width:4ch;font-size:.8125rem}.mail-chip{background:var(--color-bg-component);max-width:100%;height:24px;color:var(--color-text-primary);border-radius:6px;align-items:stretch;padding-inline-start:3px;display:inline-flex}.mail-chip-label{--r:6px;min-width:0;font:inherit;color:inherit;cursor:pointer;overflow-wrap:anywhere;text-align:start;background:0 0;border:0;align-self:stretch;padding:0 4px}.mail-chip-remove{--r:6px;width:24px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;padding:0;transition:background-color .15s ease-out,color .15s ease-out,scale .15s ease-out;display:grid}.mail-copies{height:var(--row);flex:none;align-self:flex-start;align-items:center;gap:10px;margin-inline-start:auto;display:flex}.mail-text-button{--r:6px;height:24px;font:inherit;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 7px;transition:background-color .15s ease-out,color .15s ease-out,scale .15s ease-out}.mail-error{color:var(--color-danger-text);text-wrap:pretty;flex-basis:100%;align-items:flex-start;gap:6px;padding:2px 0 2px calc(3.25rem + 8px);display:flex}.mail-error .mail-icon{margin-top:1px}.mail-error[hidden]{display:none}.mail-suggestions{z-index:3;overscroll-behavior:contain;background:var(--color-bg-raised);width:min(20rem,100%);max-height:15rem;color:var(--color-text-primary);border:1px solid #0000;border-radius:12px;margin:0;padding:4px;list-style:none;position:absolute;inset-block-start:calc(100% + 4px);inset-inline-start:calc(3.25rem + 4px);overflow-y:auto;box-shadow:0 0 0 1px oklch(0% 0 0/.06),0 1px 2px -1px oklch(0% 0 0/.06),0 2px 4px oklch(0% 0 0/.04),0 12px 24px -8px oklch(0% 0 0/.14)}.mail-suggestions[hidden]{display:none}.mail-option{cursor:pointer;border-radius:8px;flex-direction:column;gap:1px;padding:6px 10px;display:flex}.mail-option[aria-selected=true]{background:var(--color-bg-component)}.mail-option-name{font-weight:500}.mail-option-email{color:var(--color-text-secondary);overflow-wrap:anywhere}.mail-sheet,.mail-body{flex-direction:column;flex:1;display:flex}.mail-editor{overscroll-behavior:contain;scrollbar-width:none;min-width:0;min-height:12rem;max-height:min(19rem,55dvh);color:var(--color-text-primary);caret-color:var(--color-accent-text);overflow-wrap:anywhere;cursor:text;flex:1;padding:12px 16px;font-size:.9375rem;line-height:1.6;overflow-y:auto}:is(.mail-editor,.mail-filelist-items)::-webkit-scrollbar{display:none}.mail-scroll{--scrim:color-mix(in oklab, var(--color-bg-surface) 75%, transparent) 0.0%, color-mix(in oklab, var(--color-bg-surface) 55.4%, transparent) 8.3%, color-mix(in oklab, var(--color-bg-surface) 40.6%, transparent) 16.7%, color-mix(in oklab, var(--color-bg-surface) 28.7%, transparent) 25.0%, color-mix(in oklab, var(--color-bg-surface) 20.9%, transparent) 33.3%, color-mix(in oklab, var(--color-bg-surface) 14.6%, transparent) 41.7%, color-mix(in oklab, var(--color-bg-surface) 9.4%, transparent) 50.0%, color-mix(in oklab, var(--color-bg-surface) 5.6%, transparent) 58.3%, color-mix(in oklab, var(--color-bg-surface) 3.2%, transparent) 66.7%, color-mix(in oklab, var(--color-bg-surface) 1.6%, transparent) 75.0%, color-mix(in oklab, var(--color-bg-surface) 0.6%, transparent) 83.3%, color-mix(in oklab, var(--color-bg-surface) 0.1%, transparent) 91.7%, color-mix(in oklab, var(--color-bg-surface) 0%, transparent) 100.0%;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.mail-scroll:before,.mail-scroll:after{content:"";z-index:1;pointer-events:none;height:24px;position:absolute;inset-inline:0}.mail-scroll:before{opacity:var(--fade-top,0);background:linear-gradient(to bottom, var(--scrim));inset-block-start:0}.mail-scroll:after{opacity:var(--fade-bottom,0);background:linear-gradient(to top, var(--scrim));inset-block-end:0}.mail-thumb{z-index:2;width:4px;height:var(--thumb-size,0);background:var(--color-scroll-thumb);translate:0 var(--thumb-at,0);opacity:0;visibility:hidden;touch-action:none;border-radius:2px;transition:opacity .15s ease-out,visibility 0s .15s,background-color .15s ease-out;position:absolute;inset-block-start:0;inset-inline-end:5px}.mail-thumb:before{content:"";position:absolute;inset:0 -6px}.mail-scroll[data-overflow]>.mail-thumb{opacity:1;visibility:visible;transition:opacity .15s ease-out,visibility,background-color .15s ease-out}.mail-thumb[data-dragging]{background:var(--color-scroll-thumb-active)}@media (hover:hover){.mail-thumb:hover{background:var(--color-scroll-thumb-active)}}@media (pointer:coarse){.mail-thumb{pointer-events:none}}.mail-editor[data-empty]:before{content:attr(aria-placeholder);color:var(--color-text-secondary);pointer-events:none;position:absolute}.mail-editor :is(p,ul,ol){margin:0 0 .75em}.mail-editor>:last-child{margin-bottom:0}.mail-editor :is(ul,ol){padding-inline-start:1.35em}.mail-editor ul{list-style:outside}.mail-editor ol{list-style:decimal}.mail-editor li+li{margin-top:.15em}.mail-editor li::marker{color:var(--color-text-secondary)}.mail-editor a{color:var(--color-accent-text);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.mail-editor :is(b,strong){font-weight:600}.mail-foot{flex-wrap:wrap;align-items:center;gap:4px;padding:3px 3px 3px 8px;display:flex;position:relative}.mail-tools{flex-wrap:wrap;align-items:center;gap:2px 10px;display:flex}.mail-tool-group{gap:2px;display:flex}.mail-tool-slot{display:contents}.mail-tool{--r:6px;width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;transition:background-color .15s ease-out,color .15s ease-out;display:grid}.mail-tool-text{width:auto;font:inherit;font-variant-numeric:tabular-nums;white-space:nowrap;text-underline-offset:3px;padding-inline:8px;text-decoration:underline;text-decoration-thickness:from-font}.mail-tool-text[aria-expanded=true]{background:var(--color-bg-component);color:var(--color-text-primary)}.mail-tool[aria-pressed=true]{background:var(--color-accent-subtle);color:var(--color-accent-text)}.mail-saved{color:var(--color-text-secondary);white-space:nowrap;margin-inline-start:auto;padding-inline:6px;transition:opacity .3s ease-out}.mail-saved[data-quiet]{opacity:0}.mail-saved-short{display:none}.mail-saved{text-align:end;flex:auto;min-width:0;overflow:hidden}.mail-button,.mail-icon-button{--r:8px;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;flex:none;justify-content:center;align-items:center;gap:6px;font-weight:500;transition-property:background-color,color,scale;transition-duration:.15s;transition-timing-function:ease-out;display:inline-flex}.mail-button{background:var(--color-bg-component);height:32px;color:var(--color-text-primary);white-space:nowrap;border-radius:8px;padding-inline:12px}.mail-button[data-quiet]{background:0 0}.mail-icon-button{width:32px;height:32px;color:var(--color-text-secondary);background:0 0;border-radius:8px;padding:0}.mail-send.mail-button{background:var(--color-accent-solid);color:var(--color-text-on-accent);padding-inline:16px}.mail :is(.mail-send,.mail-icon-button)[aria-disabled=true]{cursor:progress}@media (hover:hover){.mail-button:not(.mail-send):hover,.mail-icon-button:not([aria-disabled=true]):hover,.mail-tool:hover,.mail-text-button:hover,.mail-chip-remove:hover{background:var(--color-bg-component-hover);color:var(--color-text-primary)}.mail-button[data-quiet]:hover,.mail-icon-button:not([aria-disabled=true]):hover,.mail-tool:hover,.mail-text-button:hover{background:var(--color-bg-component)}.mail-tool[aria-pressed=true]:hover{background:var(--color-accent-subtle);color:var(--color-accent-text)}.mail-send:not([aria-disabled=true]):hover{background:var(--color-accent-solid-hover)}.mail-option:hover{background:var(--color-bg-component)}.mail-filelist-remove:hover{background:var(--color-bg-component-hover);color:var(--color-text-primary)}}@media (prefers-reduced-motion:no-preference){.mail :is(.mail-button,.mail-icon-button,.mail-tool,.mail-text-button,.mail-chip-remove,.mail-filelist-remove):not([aria-disabled=true]):active{scale:.96}}.mail-filelist{z-index:4;background:var(--color-bg-raised);border:1px solid #0000;border-radius:12px;width:max-content;max-width:min(16rem,100% - 16px);padding:4px;position:absolute;inset-block-end:calc(100% - 2px);box-shadow:0 0 0 1px oklch(0% 0 0/.06),0 1px 2px -1px oklch(0% 0 0/.06),0 2px 4px oklch(0% 0 0/.04),0 12px 24px -8px oklch(0% 0 0/.14)}.mail .mail-filelist-items{overscroll-behavior:contain;scrollbar-width:none;max-height:210px;margin:0;padding:0;list-style:none;overflow-y:auto}.mail-filelist-item{border-radius:8px;align-items:center;gap:8px;min-height:28px;padding:2px 2px 2px 8px;display:flex}.mail-filelist-name{min-width:0;color:var(--color-text-primary);flex:1;display:flex}.mail-filelist-stem{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.mail-filelist-ext{white-space:nowrap;flex:none}.mail-filelist-item:has(:focus-visible) .mail-filelist-name{overflow-wrap:anywhere;display:block}.mail-filelist-item:has(:focus-visible) .mail-filelist-stem{white-space:normal;overflow:visible}.mail-filelist-size{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;flex:none}.mail-filelist-remove{--r:6px;width:24px;height:24px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;padding:0;transition:background-color .15s ease-out,color .15s ease-out,scale .15s ease-out;display:grid}.mail-filelist{transition-property:opacity;transition-duration:.2s;transition-timing-function:var(--settle,cubic-bezier(.32, .72, 0, 1))}.mail-filelist[data-closing]{opacity:0;pointer-events:none;transition-duration:.15s}@starting-style{.mail-filelist{opacity:0}}@media (prefers-reduced-motion:no-preference){.mail-filelist{transition-property:opacity,scale}.mail-filelist[data-closing]{scale:.98}@starting-style{.mail-filelist{scale:.96}}}.mail-suggestions:not([hidden]){transition:opacity .12s ease-out}@starting-style{.mail-suggestions:not([hidden]){opacity:0}}.mail-link{background:var(--color-bg-subtle);border-radius:8px;flex-wrap:wrap;flex-basis:100%;align-items:center;gap:6px 8px;margin:0 0 4px -5px;padding:3px 3px 3px 14px;transition:opacity .15s ease-out;display:flex}@starting-style{.mail-link{opacity:0}}.mail-link:has(.mail-link-input:focus) .mail-link-label{color:var(--color-text-primary)}.mail-link-label{width:3.25rem;color:var(--color-text-secondary)}.mail-link-input{min-width:8rem;height:28px;color:var(--color-text-primary);caret-color:var(--color-accent-text);font:inherit;background:0 0;border:0;flex:1;margin:0;padding:0;font-size:.9375rem}.mail-link-input::placeholder{color:var(--color-text-secondary)}.mail-link .mail-button{background:var(--color-bg-surface);height:28px;box-shadow:0 0 0 1px var(--color-border-subtle)}.mail-link .mail-icon-button{width:28px;height:28px}.mail-link-error{color:var(--color-danger-text);flex-basis:100%;align-items:flex-start;gap:6px;padding-bottom:2px;display:flex}.mail-link-error .mail-icon{margin-top:1px}.mail-outcome{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:40px 24px;display:flex}.mail-outcome>.mail-icon{color:var(--color-accent-text)}.mail-outcome-title{color:var(--color-text-primary);text-wrap:balance;font-size:.9375rem;font-weight:600;line-height:1.3}.mail-outcome-title:focus{outline:none}.mail-outcome-text{max-width:40ch;color:var(--color-text-secondary);text-wrap:pretty}.mail-outcome-actions{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px;display:flex}.mail-outcome>*{animation:.3s ease-out both mail-fade}.mail-outcome>:nth-child(2){animation-delay:.1s}.mail-outcome>:nth-child(3){animation-delay:.2s}.mail-outcome>:nth-child(4){animation-delay:.3s}@keyframes mail-fade{0%{opacity:0}}@keyframes mail-fade-act{0%{opacity:0;visibility:hidden}}.mail-outcome>.mail-outcome-actions{animation-name:mail-fade-act}@media (prefers-reduced-motion:no-preference){.mail-outcome>*{animation-name:mail-enter}.mail-outcome>.mail-outcome-actions{animation-name:mail-enter-act}}@keyframes mail-enter{0%{opacity:0;filter:blur(4px);translate:0 12px}}@keyframes mail-enter-act{0%{opacity:0;visibility:hidden;filter:blur(4px);translate:0 12px}}@media (pointer:coarse){.mail-input,.mail-recipient-input,.mail-editor,.mail-link-input{font-size:1rem}.mail-field{--row:38px;min-height:48px}.mail-input{height:36px}.mail-recipient-input{height:32px}.mail-tool{width:44px;height:44px}.mail-tools [data-fine]{display:none}.mail-button{height:44px}.mail-icon-button{width:44px;height:44px}.mail-text-button{height:32px;padding-inline:10px;position:relative}.mail-text-button:after{content:"";position:absolute;inset:-6px -2px}.mail-chip{height:32px}.mail-chip-remove{width:32px;position:relative}.mail-chip-remove:after{content:"";position:absolute;inset:-6px 0}.mail-option{justify-content:center;min-height:44px}.mail-filelist-item{min-height:44px}.mail .mail-filelist-items{max-height:242px}.mail-filelist-remove{width:44px;height:44px}.mail-link .mail-button{height:44px}.mail-link .mail-icon-button{width:44px;height:44px}.mail-link-input{height:44px}}.mail-touchbar{display:none}@media (pointer:coarse){.mail-touchbar{align-items:center;gap:2px;padding:3px 3px 0 8px;display:flex}}.mail-touchbar [data-group-start]{margin-inline-start:10px}.mail-touchbar{min-width:0}.mail-touchbar .mail-tool{flex:0 44px;min-width:34px}@container mail (width<=21rem){.mail-touchbar [data-group-start]{margin-inline-start:4px}}@container mail (width<=34rem){.mail-room{padding:12px 8px 16px}.mail-saved-long{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mail-saved-short{display:inline}}@container mail (width<=26rem){.mail-label{width:3rem}.mail-error{padding-inline-start:calc(3rem + 8px)}.mail-suggestions{width:100%;inset-inline-start:0}.mail-copies{gap:0}}@container mail (width<=21rem){.mail-saved-short{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.mail-tip{z-index:10;background:var(--color-bg-inverse);max-width:min(18rem,100% - 8px);color:var(--color-text-inverse);overflow-wrap:anywhere;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .125s var(--settle,cubic-bezier(.32, .72, 0, 1)), scale .125s var(--settle,cubic-bezier(.32, .72, 0, 1));border-radius:6px;align-items:baseline;gap:8px;padding:4px 8px;font-size:.8125rem;line-height:16px;display:flex;position:absolute;box-shadow:0 2px 4px -1px oklch(0% 0 0/.12),0 6px 16px -6px oklch(0% 0 0/.24)}.mail-tip-keys{color:var(--color-text-inverse-secondary);font-variant-numeric:tabular-nums;flex:none}@starting-style{.mail-tip{opacity:0;scale:.97}}.mail-tip[data-instant]{transition:none}@media (prefers-reduced-motion:reduce){.mail-tip{transition-property:opacity}@starting-style{.mail-tip{scale:1}}}