.mail-app{--sidebar-gutter: .5rem;--sidebar-item-inset: .5rem;--sidebar-icon-slot: 1.25rem;--sidebar-icon-size: 1rem;--sidebar-control-size: 1.5rem;--sidebar-row-height: 2rem;--sidebar-row-gap: .125rem;--sidebar-label-gap: .375rem;--sidebar-section-gap: 1.5rem;--sidebar-content-inset: 1rem;--sidebar-control-overhang: -.125rem;--sidebar-action-inset: .375rem;--sidebar-header-action-inset: .875rem;position:relative;display:flex;min-width:0;min-height:620px;overflow:clip;border:1px solid var(--color-edge-muted);border-radius:18px;background:var(--color-panel);color:var(--color-ink);text-align:left;--font-sans: -apple-system, BlinkMacSystemFont, "Inter Variable", Roboto, "Helvetica Neue", Arial, sans-serif;font:400 14px/1.5 var(--font-sans);isolation:isolate;box-shadow:inset 0 1px #ffffff12,inset 0 -1px #0008,0 12px 48px #0008;mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 160px),transparent 100%)}.mail-app:before{content:"";position:absolute;z-index:4;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(135deg,#ffffff38,#ffffff12 26%,#ffffff08 55%,#fff2);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}.mail-app-rail{flex:0 0 55px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 6px 12px;border-right:1px solid var(--color-edge-muted);color:var(--color-ink-muted)}.mail-app-rail>svg{width:20px;height:20px;margin-bottom:16px}.mail-rail-spacer{height:4px}.mail-rail-item{display:grid;place-items:center;width:40px;height:36px;border-radius:9px}.mail-rail-item>svg{width:20px;height:20px}.mail-rail-item[data-active=true]{background:var(--color-active);color:var(--color-ink)}.mail-rail-person{width:32px;height:32px;border-radius:50%;margin-top:auto}.mail-app .mail-sidebar{flex:0 0 248px;width:248px;height:auto;border-right:1px solid var(--color-edge-muted)}.mail-sidebar [data-view-sidebar-content]{overflow:visible}.mail-sidebar h3{margin:0}.mail-main{flex:1;min-width:0;container:mail-list / inline-size}.mail-rows{padding-bottom:28px}.mail-row{width:calc(100% - 8px);border:0;background:transparent;font-family:inherit;min-height:40px;margin-bottom:0}.mail-row:hover{background:var(--color-list-hover, var(--color-active))}.mail-row[data-unread=true] .mail-row-content{font-weight:600}.mail-row-narrow .mail-row-tags{margin-top:5px}.mail-row:focus-visible{outline:1px solid var(--color-ink-muted);outline-offset:-1px}.mail-row.soup-row-wide{--soup-row-padding-l: .5rem;--soup-row-indicator-width: 1rem;--soup-row-column-gap: .5rem}.mail-date-group{padding:7px 32px 5px}.mail-date-group:not(:first-child){padding-top:24px}.mail-row-narrow,.mail-mobile-accounts{display:none}.mail-filter{position:absolute;top:100%;right:0;z-index:2;width:170px;padding:14px;border:1px solid var(--color-edge-muted);border-radius:12px;background:var(--color-panel);box-shadow:0 8px 30px #0005}.mail-filter label{display:flex;gap:8px;align-items:center;font-size:13px}.mail-thread-body{padding:32px 28px 48px;max-width:850px;margin:auto}.mail-thread-body .macro-message-width{max-width:100%}.mail-message-text{line-height:1.65}.mail-app .mail-message-text p{margin:18px 0;font-size:16px}.mail-thread [data-demo-share-trigger][data-active=true]{background:var(--color-active)}.mail-sharing-demo{position:relative}.mail-share-scrim{position:absolute;inset:0 0 48px;display:flex;align-items:center;justify-content:center;padding:24px;background:#0007;border-radius:18px}.mail-share-form{position:relative;width:min(600px,100%);border:1px solid var(--color-edge-muted);border-radius:12px;background:var(--color-panel);color:var(--color-ink);box-shadow:0 12px 60px #0008;animation:mail-share-enter .25s ease-out both}.mail-share-form header{border-bottom:1px solid var(--color-edge-muted)}.mail-recipient-input{display:flex;align-items:center;padding:8px 16px;font-size:14px}.mail-recipient-chip{display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:3px 8px;background:var(--color-active)}.mail-recipient-option{position:absolute;z-index:1;top:94px;left:8px;right:8px;padding:12px;display:flex;align-items:center;gap:8px;border:1px solid var(--color-edge-muted);border-radius:8px;background:var(--color-panel);color:var(--color-ink);box-shadow:0 5px 20px #0006;font-size:14px}.mail-typing-caret{border-right:1px solid var(--color-accent);margin-left:2px}.mail-demo-controls{min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;padding-top:12px;color:var(--color-ink-muted)}.mail-channel{min-height:718px;padding-bottom:100px;display:flex;flex-direction:column}.mail-channel-messages{flex:1;display:flex;align-items:flex-end;padding:28px 32px}.mail-channel-messages .homepage-conversation{width:min(660px,100%);margin:0 auto;font-size:14px}.mail-channel-messages .homepage-message{max-width:86%}.mail-channel-composer{padding:0 32px 24px;width:min(724px,100%);align-self:center}.mail-channel-messages .homepage-message:last-child{animation:mail-share-enter .3s ease-out both}#agentic-editing .homepage-conversation{margin-bottom:48px}@keyframes mail-share-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@container mail-list (max-width: 540px){.mail-row-wide{display:none}.mail-row-narrow{display:grid}.mail-row{border-radius:0;border-bottom:1px solid var(--color-edge-muted);margin-bottom:0}}@media(max-width:899px){.mail-app .mail-sidebar{flex-basis:220px;width:220px}.mail-app-rail{display:none}}@media(max-width:699px){.mail-app{min-height:480px;border-radius:12px}.mail-app .mail-sidebar{display:none}.mail-mobile-accounts{display:block;padding:0 16px}.mail-mobile-accounts label{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--color-ink-muted)}.mail-mobile-accounts select{min-width:0;max-width:100%;padding:8px;border:1px solid var(--color-edge-muted);border-radius:8px;color:var(--color-ink);background:var(--color-panel)}.mail-mobile-tabs{display:flex;gap:4px;margin-top:14px}.mail-mobile-tabs button{border:0;border-radius:8px;background:transparent;color:var(--color-ink-muted);padding:6px 9px;display:flex;align-items:center;gap:5px;font-size:13px}.mail-mobile-tabs button[aria-pressed=true]{background:var(--color-active);color:var(--color-ink)}.mail-mobile-tabs svg{width:16px;height:16px}.mail-row-narrow>span:first-child{padding-right:8px}.mail-row-narrow>span:first-child>span:last-child{width:30px;height:30px}.mail-row-narrow>span:first-child>span:last-child>svg{width:18px;height:18px}.mail-row-narrow{font-size:12px}.mail-row-narrow>span:first-child>span:first-child{width:6px;margin-inline:4px}.mail-date-group{padding-left:14px}.mail-thread-body{padding:24px 12px}.mail-thread-body>h3{font-size:22px}.mail-thread>div:first-child>span{max-width:130px}.mail-message-text{font-size:14px}.mail-channel{min-height:530px}.mail-channel-messages{padding:24px 12px}.mail-channel-messages .homepage-message{max-width:100%}.mail-channel-composer{padding:0 12px 16px}.mail-share-scrim{padding:10px}.mail-demo-controls{flex-wrap:wrap}}.mail-app button,.mail-app input,.mail-share-form button{color:revert-layer;font-size:revert-layer}.mail-channel-input{display:block;width:100%;min-height:24px;border:0;padding:0;resize:none;outline:0;background:transparent;color:var(--color-composer-ink);font:400 16px/24px var(--font-sans)}.mail-channel-input::placeholder{color:var(--color-composer-placeholder)}.mail-app [data-input-editor-shell]{overflow:visible}.homepage-email-app-surface{position:relative;display:flex;flex-direction:column;min-height:var(--homepage-email-height, 500px);padding:16px}.homepage-email-app-toolbar{display:flex;flex:none;align-items:center;justify-content:flex-end;gap:4px;margin-top:24px}.homepage-email-app-toolbar button{color:revert-layer;font-size:revert-layer}@media(max-width:699px){.homepage-email-app-surface{min-height:0;padding:12px}}.feature-page [data-input-action=send]:not(:disabled){color:var(--color-composer-action-ink)}.mail-message-content{container:mail-message / inline-size}@container mail-message (max-width: 320px){.mail-message-recipient{display:none}.mail-message-text{padding-right:0}}.feature-page-reading[aria-labelledby=email-faq-title]{width:min(920px,100%)}.feature-page-reading[aria-labelledby=email-faq-title]+.feature-page-comparison{width:min(872px,calc(100% - 48px))}@media(max-width:699px){.feature-page-reading[aria-labelledby=email-faq-title]+.feature-page-comparison{width:100%}}.email-feature-demo .mail-app{min-height:480px;border:1px solid var(--color-edge-muted);border-radius:12px;background:var(--color-panel);box-shadow:0 12px 32px #0002;letter-spacing:normal;mask-image:none;-webkit-mask-image:none}.email-feature-demo .mail-app:before{content:none}.email-feature-demo .mail-main{position:relative;display:flex;flex-direction:column}.email-feature-toolbar{display:flex;align-items:center;gap:8px;height:48px;flex-shrink:0;padding:0 16px;font-size:14px;color:var(--color-ink)}.email-feature-toolbar>:last-child{margin-left:auto;flex-shrink:0}.email-toolbar-secondary{color:var(--color-ink-extra-muted)}.email-feature-demo .mail-row{min-height:40px}.email-feature-demo .mail-row[aria-current=true]{background:var(--color-active)}.email-feature-demo .mail-rows{padding:16px 8px 24px}.email-feature-demo .mail-date-group{padding-bottom:8px}.email-feature-demo .mail-thread-body{width:100%;max-width:968px;margin:0 auto;padding:32px 24px}.email-auto-tag-menu{position:absolute;z-index:3;top:44px;right:20px;width:214px;padding:6px;border-radius:12px;border:1px solid var(--color-edge-muted);background:var(--color-surface-1, #191919);box-shadow:0 12px 40px #0007}.email-auto-tag-menu-title{display:flex;align-items:center;justify-content:space-between;padding-left:10px;font-size:12px;color:var(--color-ink-muted)}.email-auto-tag-menu>button{display:flex;align-items:center;width:100%;gap:10px;padding:9px 10px;border-radius:6px;text-align:left;font:400 14px Inter,sans-serif}.email-auto-tag-menu>button:hover,.email-auto-tag-menu>button[aria-pressed=true]{background:var(--color-active)}.email-auto-tag-menu>button>svg{width:16px;height:16px;margin-left:auto}.email-tag-dot{width:8px;height:8px;border-radius:50%}.email-tag-summary{display:flex;align-items:center;gap:10px;margin-top:auto;padding:24px;font:400 12px Inter,sans-serif;color:var(--color-ink-muted)}.email-tag-summary>svg{width:16px;height:16px}.email-tag-summary>:last-child{margin-left:auto;white-space:nowrap}.email-keyboard-demo:focus{outline:none}.email-keyboard-demo:focus-visible .mail-app{outline:1px solid var(--color-accent);outline-offset:4px}.email-keyboard-content{flex:1;min-height:440px}.email-keyboard-demo .mail-thread-body{padding-top:28px}.email-shortcut-dock{display:flex;align-items:center;gap:8px;padding:20px;background:var(--color-surface-0);border-top:1px solid var(--color-edge-muted)}.email-shortcut-dock>button{display:flex;align-items:center;gap:8px;border-radius:8px;padding:6px;font:400 12px Inter,sans-serif;color:var(--color-ink-muted)}.email-shortcut-dock kbd{display:grid;place-items:center;min-width:30px;height:30px;padding:0 5px;border:1px solid var(--color-edge);border-radius:6px;background:var(--color-surface-1);font:400 12px Inter,sans-serif;box-shadow:0 2px #0008}.email-shortcut-dock>button:hover,.email-shortcut-dock>button[data-active=true]{background:var(--color-active);color:var(--color-ink)}.email-shortcut-dock>button[data-active=true] kbd{color:var(--color-surface-0);background:var(--color-ink)}.email-shortcut-dock>button:disabled{opacity:.4}.email-inbox-clear{display:flex;min-height:380px;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--color-ink-muted)}.email-inbox-clear>svg{width:32px;height:32px}.email-inbox-clear h3{font:500 22px Inter,sans-serif}.email-inbox-clear p{font:400 14px Inter,sans-serif}@media(max-width:699px){.email-feature-toolbar{padding-inline:12px}.email-toolbar-secondary,.email-feature-demo .mail-app-rail{display:none}.email-feature-demo .mail-row{min-height:100px}.email-auto-tag-menu{right:10px}.email-shortcut-dock{flex-wrap:wrap;padding:12px 8px;gap:2px}.email-shortcut-dock>button{gap:5px;font-size:11px}.email-shortcut-dock kbd{min-width:25px;height:28px}.email-tag-summary{padding:20px 12px;gap:6px;font-size:11px}.email-tag-summary>svg{display:none}}@media(max-width:699px){.email-feature-demo .mail-row-narrow .text-right{white-space:nowrap;padding-right:8px}.email-feature-demo .email-shortcut-dock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.email-feature-demo .email-shortcut-dock>button{flex-direction:column;justify-content:center;font-size:11px}}.email-feature-prose{width:min(920px,100%);padding-inline:24px;margin:28px auto 0;color:#a3a3a3;font:400 15px/1.85 Inter Variable,Inter,sans-serif;text-align:left}.email-feature-prose p+p{margin-top:18px}@media(max-width:699px){.email-feature-prose{padding-inline:0;font-size:14px;margin-top:24px}}.feature-page:has([aria-labelledby=email-faq-title])>.homepage-feature-end{width:min(872px,calc(100% - 48px));margin-inline:auto}@media(max-width:699px){.feature-page:has([aria-labelledby=email-faq-title])>.homepage-feature-end{width:100%}}@media(max-width:699px){.email-feature-demo .mail-thread-body{padding:24px 12px}.email-feature-demo .mail-rows{padding-inline:0}}.email-accounts-demo,.email-editing-stage{position:relative}.email-feature-demo>.email-demo-pointer{z-index:calc(var(--z-index-action-menu, 150) + 1)}.email-accounts-demo .mail-app{height:560px;min-height:0}.email-accounts-demo .mail-sidebar{flex-basis:264px;width:264px}.email-accounts-demo .mail-sidebar [data-view-sidebar-content]{overflow-y:auto;scrollbar-width:thin}.email-accounts-demo [data-connecting=true]{background:var(--color-active);outline:1px solid var(--color-edge);outline-offset:-1px}.email-accounts-toolbar{min-width:0;border-bottom:1px solid var(--color-edge-muted)}.email-accounts-toolbar>span:first-of-type{flex-shrink:0;font-weight:500}.email-accounts-toolbar .email-account-scope{margin-left:4px;min-width:0;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-ink-muted);font-size:12px}.email-accounts-mobile,.email-account-mobile-tabs{display:none}.email-account-search{flex:none;padding:18px 16px 8px}.email-account-list,.email-account-thread,.email-account-compose{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.email-account-compose{padding:20px}.email-account-list .mail-rows{animation:mail-account-in .18s ease-out}.email-account-connected{position:absolute;right:20px;bottom:20px;display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--color-edge-muted);border-radius:8px;background:var(--color-panel);box-shadow:0 8px 24px #0002;font-size:13px}.email-account-connected svg{width:16px;height:16px}@keyframes mail-account-in{0%{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}@media(max-width:699px){.email-accounts-demo .mail-app{height:540px}.email-accounts-mobile{display:block;margin-left:auto}.email-accounts-toolbar .email-account-scope{max-width:45%}.email-account-mobile-tabs{display:flex;gap:4px;padding:12px 12px 0}.email-account-mobile-tabs button{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;color:var(--color-ink-muted);font:inherit;font-size:13px}.email-account-mobile-tabs button[aria-pressed=true]{background:var(--color-active);color:var(--color-ink)}.email-account-mobile-tabs svg{width:16px;height:16px}.email-account-compose{padding:12px}}@media(prefers-reduced-motion:reduce){.email-account-list .mail-rows{animation:none}}.email-editing-stage .mail-app{height:700px;min-height:0}.email-draft-title{border-bottom:1px solid var(--color-edge-muted)}.email-draft-title>svg{width:16px;height:16px;flex-shrink:0}.email-draft-title>:last-child{margin-left:0}.email-agent-scroll{position:relative;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.email-agent-content{width:min(760px,100%);margin:auto;padding:28px 24px}.email-agent-request{display:flex;justify-content:flex-end;margin-bottom:28px;font-size:14px;line-height:1.6}.email-agent-request>*{max-width:90%}.email-agent-context{margin:0 0 24px;color:var(--color-ink-muted);font-size:14px;line-height:1.7;animation:mail-share-enter .18s ease-out}.email-agent-draft{animation:mail-share-enter .18s ease-out}.email-agent-draft .homepage-email-demo{--homepage-email-height: 430px}.email-agent-draft .homepage-email-body{white-space:normal}.email-agent-draft .homepage-email-body p+p{margin-top:16px}.email-agent-input{flex:none;width:min(760px,100%);align-self:center;padding:0 24px 20px}.email-agent-input .mail-channel-input{font-size:14px}@media(max-width:699px){.email-editing-stage .mail-app{height:700px}.email-agent-content{padding:20px 12px}.email-agent-input{padding:0 12px 12px}.email-agent-request>*{max-width:100%}.email-agent-draft .homepage-email-demo{--homepage-email-height: 500px}.email-agent-draft .homepage-email-label{flex-basis:46px}}@media(prefers-reduced-motion:reduce){.email-agent-context,.email-agent-draft{animation:none}}.email-agent-splits{display:flex;min-width:0;min-height:0;height:100%}.email-agent-main{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.email-agent-source{display:flex;flex-direction:column;flex:0 1 46%;min-width:0;min-height:0;border-right:1px solid var(--color-edge-muted);container:sample-main / inline-size}@media(max-width:899px){.email-agent-splits[data-source-open=true] .email-agent-main{display:none}.email-agent-source{flex:1;border:0}}.feature-page .email-feature-links{border-block:0;padding-block:12px 32px;grid-template-columns:repeat(4,minmax(0,1fr))}.email-feature-links .email-feature-graphic{width:180px;height:116px;max-width:100%;color:#a5abad}.email-feature-links a{gap:8px}@media(max-width:699px){.feature-page .email-feature-links{grid-template-columns:repeat(2,minmax(0,1fr))}.email-feature-links a{font-size:12px;text-align:center}.email-feature-links .email-feature-graphic{width:130px;height:94px}}.email-keyboard-stage{position:relative}.email-keyboard-stage .mail-app{height:560px;min-height:0}.email-keyboard-stage .email-keyboard-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.email-keyboard-stage .email-shortcut-dock{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:20px 0 0;border:0;background:transparent}.email-keyboard-stage .email-shortcut-dock kbd{box-shadow:none}@media(max-width:699px){.email-keyboard-stage .email-shortcut-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.email-keyboard-stage .email-shortcut-dock>button{flex-direction:column;padding-inline:0;font-size:10px}}.mail-sharing-stage{position:relative}.mail-sharing-stage .mail-app{height:600px;min-height:0}.mail-sharing-splits{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);height:100%;min-height:0}.mail-sharing-splits>section{min-width:0;min-height:0}.mail-sharing-email{position:relative}.mail-sharing-chat{border-left:1px solid var(--color-edge-muted)}.mail-sharing-stage .mail-main,.mail-sharing-stage .mail-thread{display:flex;flex-direction:column;min-height:0;height:100%}.mail-sharing-stage .mail-thread-body{width:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:28px 20px;scrollbar-width:thin}.mail-sharing-stage .mail-thread-body .mail-thread{height:auto;margin-top:16px;animation:mail-share-enter .18s ease-out}.mail-sharing-stage .mail-thread-body .mail-thread-body{padding:0}.mail-sharing-stage .mail-share-scrim{inset:0;align-items:flex-start;padding:76px 12px 12px;border-radius:0}.mail-sharing-stage .mail-share-form{width:100%}.mail-sharing-stage .mail-channel{height:100%;min-height:0;padding-bottom:0}.mail-sharing-stage .mail-channel>header{border-bottom:1px solid var(--color-edge-muted)}.mail-sharing-stage .mail-channel>header,.mail-sharing-stage .mail-channel-composer{flex-shrink:0}.mail-sharing-stage .mail-channel-messages{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px 20px;align-items:flex-start;scrollbar-width:thin}.mail-sharing-stage .mail-channel-messages .homepage-conversation{width:100%;margin:0;gap:24px}.mail-sharing-stage .mail-channel-messages .homepage-message{max-width:100%;animation:mail-share-enter .18s ease-out both}.mail-sharing-stage .mail-channel-messages .homepage-message [data-user-message-bubble]{animation:none}.mail-sharing-stage .mail-channel-composer{width:100%;padding:12px 16px 20px}.mail-shared-thread{display:inline;max-width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left}.mail-shared-thread:hover .demo-mention-name{text-decoration-color:currentColor}.mail-shared-thread:focus-visible{outline:1px solid var(--color-accent);outline-offset:3px;border-radius:2px}@media(max-width:799px){.mail-sharing-splits{grid-template-columns:minmax(0,1fr)}.mail-sharing-stage .mail-app{height:580px}.mail-sharing-stage:not([data-result=true]) .mail-sharing-chat{display:none}.mail-sharing-stage[data-result=true] .mail-sharing-email{display:none}.mail-sharing-chat{border:0}.mail-sharing-stage .mail-channel-messages{padding:20px 12px}.mail-sharing-stage .mail-channel-composer{padding:12px}}@media(prefers-reduced-motion:reduce){.mail-sharing-stage .mail-thread-body .mail-thread,.mail-sharing-stage .mail-channel-messages .homepage-message,.mail-sharing-stage .mail-share-form{animation:none}}