.settings-save-row{align-items:center;gap:10px;display:flex}.settings-save-row>[role=status],.account-identity>[role=status]{color:var(--muted);font-size:12px}.account-form-fields{border:0;min-width:0;margin:0;padding:0}.account-form-fields>label{color:#aebcc8;flex-direction:column;gap:5px;min-width:0;margin-bottom:14px;font-size:12px;display:flex}.rule-row .inline-error{margin:4px 0 0}.sidebar.folder-sidebar{--nav-accent:#94aabb;width:var(--folder-sidebar-width,225px);min-width:var(--folder-sidebar-width,225px);flex:0 0 var(--folder-sidebar-width,225px)}.folder-sidebar .nav-mail,.folder-sidebar-row[data-role=inbox]{--nav-accent:#8ebbe4}.folder-sidebar .nav-sent,.folder-sidebar-row[data-role=sent]{--nav-accent:#b4a0d3}.folder-sidebar .nav-calendar{--nav-accent:#7ebdb5}.folder-sidebar-row[data-role=spam]{--nav-accent:#de817b}.folder-sidebar-heading>span,.folder-sidebar .sidebar-bottom button>svg{color:#c6ad81}.folder-sidebar .nav-item.chosen,.folder-sidebar-row.chosen{color:var(--sidebar-text,#d7dee5);background:var(--sidebar-selected,#25323e);background:color-mix(in srgb, var(--nav-accent) 12%, var(--sidebar,#15191e));box-shadow:inset 2px 0 0 var(--nav-accent)}.folder-sidebar .nav-item.chosen>small{color:var(--nav-accent)}.folder-sidebar>nav{flex:1}.sidebar-account-actions{flex-direction:column;flex:none;gap:8px;padding-top:12px;display:flex}.folder-sidebar .add-account{width:100%;min-height:38px;color:var(--text);background:var(--panel);border:1px solid #3a4651;border-radius:5px;justify-content:center;margin:0;padding:9px 8px;font-size:12px;font-weight:550}.folder-sidebar .add-account:hover{background:var(--sidebar-hover,#252d35);border-color:#67617c}.folder-sidebar .add-account:focus-visible{outline:2px solid var(--sidebar-accent,#8db9dc);outline-offset:2px}.folder-sidebar .add-account>svg{color:#8daec8}.folder-sidebar .section-label,.folder-sidebar-heading{text-transform:none;letter-spacing:0}.folder-sidebar-heading{color:var(--sidebar-muted,#99a6b2);justify-content:space-between;align-items:center;gap:6px;padding:20px 4px 6px 11px;font-size:11px;font-weight:500;display:flex}.folder-sidebar .sidebar-small-button{width:26px;min-width:26px;min-height:28px;color:var(--sidebar-muted,#99a6b2);background:0 0;border:0;border-radius:4px;flex:0 0 26px;justify-content:center;align-items:center;padding:4px;display:inline-flex}.folder-sidebar .sidebar-small-button:hover{color:var(--sidebar-accent,#8db9dc);background:var(--sidebar-hover,#252d35)}.folder-sidebar .sidebar-small-button:focus-visible,.folder-sidebar .nav-item:focus-visible{outline:2px solid var(--sidebar-accent,#8db9dc);outline-offset:-2px}.folder-sidebar .sidebar-small-button:disabled{opacity:.4}.follow-up-sidebar-row,.folder-sidebar-row{border-radius:5px;align-items:center;min-width:0;display:flex}.folder-sidebar .follow-up-sidebar-row>.nav-item,.folder-sidebar .folder-sidebar-row>.nav-item{flex:1;width:auto;min-width:0;padding-right:5px}.sidebar.folder-sidebar .nav-item>svg{color:var(--nav-accent);flex-shrink:0}.follow-up-sidebar-row .nav-item>svg{opacity:.94;filter:saturate(1.2)}.follow-up-sidebar-row .nav-item.chosen>svg{opacity:1}.folder-sidebar .nav-item>small{flex-shrink:0}.folder-sidebar .follow-up-delete{opacity:.55}.follow-up-sidebar-row:hover .follow-up-delete,.follow-up-sidebar-row:focus-within .follow-up-delete{opacity:1}.folder-sidebar-row:not(.chosen):hover,.folder-sidebar-row:not(.chosen):focus-within{background:var(--sidebar-hover,#252d35)}.folder-sidebar .folder-sidebar-row>.nav-item:hover:not(:disabled){background:0 0}.folder-sidebar .folder-sidebar-row>.nav-item.chosen{box-shadow:none;background:0 0}.folder-sidebar .folder-notification-button{margin-right:1px}.folder-sidebar .folder-notification-button.muted{color:var(--sidebar-muted,#99a6b2)}.folder-sidebar .folder-notification-button:not(.muted){color:#bbaa83}.folder-sidebar .folder-inclusion-button{color:#8ebbe4}.folder-sidebar .folder-inclusion-button.excluded{color:var(--sidebar-muted,#99a6b2)}.sidebar-follow-up-form{flex-direction:column;gap:8px;padding:5px 2px 8px 8px;display:flex}.sidebar-follow-up-fields{align-items:center;gap:4px;width:100%;display:flex}.folder-sidebar .sidebar-follow-up-form input{border:1px solid var(--sidebar-border,#2e353d);width:0;min-width:0;color:var(--sidebar-text,#d7dee5);background:var(--sidebar-control,#15191e);border-radius:4px;flex:1;padding:6px 7px;font-size:12px}.sidebar-follow-up-fields>button[type=submit]{color:var(--sidebar-accent,#8db9dc);padding:5px;font-size:11px}.follow-up-icon-choices{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.follow-up-icon-choice{min-width:0;min-height:29px;color:var(--sidebar-muted,#99a6b2);border:1px solid #0000;border-radius:4px;place-items:center;padding:5px;display:grid}.follow-up-icon-choice[aria-pressed=true]{border-color:var(--sidebar-accent,#8db9dc);color:var(--sidebar-accent,#8db9dc);background:var(--sidebar-selected,#25323e)}.sidebar-inline-error{color:var(--sidebar-error,#e6a19a);margin:8px 6px;font-size:11px;line-height:1.5}.folder-sidebar-resizer{z-index:2;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;flex:0 0 6px;width:6px;min-width:6px;margin:0 -3px;position:relative}.folder-sidebar-resizer:after{content:"";background:0 0;width:2px;position:absolute;top:0;bottom:0;left:2px}.folder-sidebar-resizer:hover:after,.folder-sidebar-resizer:focus-visible:after,.folder-sidebar-resizer.resizing:after{background:var(--sidebar-accent,#8db9dc)}@media (width<=800px){.sidebar.folder-sidebar{flex-basis:auto;width:100%;min-width:0;top:54px}.app.has-drafts:not(.composing) .sidebar.folder-sidebar{top:90px}.folder-sidebar-resizer{display:none}}.confirmation-dialog{border:1px solid var(--line);background:var(--surface);width:min(420px,100vw - 32px);max-width:none;color:var(--text);border-radius:10px;padding:0;box-shadow:0 18px 60px #0006}.confirmation-dialog::backdrop{background:#0007}.confirmation-content{padding:24px}.confirmation-content h2{margin:0;font-size:19px;font-weight:500}.confirmation-content p{color:var(--muted);margin:14px 0 0;line-height:1.5}.confirmation-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.confirmation-actions button{border-radius:5px;min-height:38px;padding:8px 14px}.confirmation-accept{color:#ed7e82;background:#ed7e8214;border:1px solid #ed7e8266}.confirmation-accept:hover{background:#ed7e8226}.draft-composer{min-width:0;min-height:0;color:var(--text,#292d32);background:var(--surface,#fff);flex:1;font-size:14px;display:flex;overflow:auto}.draft-editor-form{flex-direction:column;flex:1;min-width:0;min-height:430px;display:flex}.draft-toolbar{border-bottom:1px solid var(--line,#e6e7e8);flex-shrink:0;align-items:center;gap:12px;min-height:64px;padding:12px 24px;display:flex}.draft-toolbar button,.signature-save{border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:7px 13px;font-size:14px;display:inline-flex}.draft-toolbar .draft-send,.signature-save{color:var(--on-accent,#14212d);background:var(--blue,#42678a)}.draft-toolbar .draft-send:hover:not(:disabled),.signature-save:hover:not(:disabled){background:var(--accent-hover,var(--blue,#8db9dc));filter:brightness(1.08)}.draft-attach{color:var(--text,#292d32)}.draft-toolbar .draft-close{width:36px;color:var(--muted,#82878d);margin-left:auto;padding:7px}.draft-file-input{display:none}.draft-fields{flex-direction:column;flex-shrink:0;padding:4px 24px 0;display:flex}.draft-field{border-bottom:1px solid var(--line,#e6e7e8);grid-template-columns:70px minmax(0,1fr);align-items:center;min-height:44px;display:grid}.draft-field>span{color:var(--muted,#82878d);font-size:14px}.draft-field input,.draft-field select{width:100%;min-height:37px;color:var(--text,#292d32);background:0 0;border:0;border-radius:3px;padding:7px 6px;font-size:14px}.draft-field select option{background:var(--surface,#fff);color:var(--text,#292d32)}.draft-send-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.recipient-input{min-width:0;position:relative}.recipient-suggestions{z-index:30;border:1px solid var(--line,#343844);background:var(--surface,#191925);border-radius:8px;width:min(480px,100%);min-width:min(250px,100%);max-height:300px;padding:5px;position:absolute;top:calc(100% + 3px);left:0;overflow-y:auto;box-shadow:0 10px 26px #0005}.recipient-suggestions [role=option]{cursor:pointer;border-radius:5px;flex-direction:column;gap:3px;min-height:39px;padding:8px 10px;display:flex}.recipient-suggestions [role=option].active{background:var(--selected,#2c2a41)}.recipient-contact-name,.recipient-contact-address{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recipient-contact-name{color:var(--text,#e6e5ed);font-size:14px}.recipient-contact-address{color:var(--muted,#aaa9b9);font-size:13px}.draft-body{resize:none;width:100%;min-height:180px;color:var(--text,#292d32);background:0 0;border:0;border-radius:0;flex:1;margin:0;padding:22px 30px;font-size:14px;line-height:1.75;display:block}.draft-body:focus{border:0;outline:none}.draft-attachments{flex-wrap:wrap;flex-shrink:0;gap:8px;margin:0;padding:15px 24px 0;list-style:none;display:flex}.draft-attachments li{border:1px solid var(--line,#e6e7e8);background:var(--pale,#edf2f6);border-radius:5px;align-items:center;gap:8px;max-width:100%;min-height:34px;padding:4px 6px 4px 10px;display:inline-flex}.draft-attachment-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.draft-attachment-size{color:var(--muted,#82878d);flex-shrink:0;font-size:12px}.draft-attachments li button{border-radius:3px;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}.signature-settings{color:var(--text,#292d32);flex-direction:column;gap:28px;font-size:14px;display:flex}.signature-editor label{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.signature-editor textarea{resize:vertical;width:100%;min-height:140px;color:var(--text,#292d32);background:var(--surface,#fff);border-color:var(--line,#e6e7e8);padding:12px;font-size:14px;line-height:1.6}@media (width<=600px){.draft-toolbar{gap:8px;padding:10px 14px}.draft-fields{padding-inline:14px}.draft-field{grid-template-columns:62px minmax(0,1fr)}.draft-body{padding:18px 20px}.draft-attachments{padding-inline:14px}}.calendar-page{min-width:0;min-height:0;color:var(--text);background:var(--surface);flex-direction:column;flex:1;font-size:14px;display:flex;position:relative;overflow:hidden}.calendar-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.calendar-month-navigation,.calendar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.calendar-month-navigation h1{text-align:center;min-width:180px;font-size:21px;font-weight:550}.calendar-page button{border-radius:4px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:7px 9px;display:inline-flex}.calendar-page .calendar-primary{color:var(--on-accent);background:var(--blue)}.calendar-page .calendar-primary:hover:not(:disabled){background:var(--accent-hover)}.calendar-default-type{color:var(--muted);align-items:center;gap:8px;display:flex}.calendar-default-type select{max-width:155px;color:var(--text);padding:7px}.calendar-file-input{display:none}.calendar-connections{border-bottom:1px solid var(--line);background:var(--panel);flex-shrink:0;max-height:50%;padding:14px 20px;overflow-y:auto}.calendar-connections>header,.calendar-synced-event>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.calendar-connections h2,.calendar-synced-event h2{margin:0;font-size:16px;font-weight:550}.calendar-connections form{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:10px;display:flex}.calendar-connections label{flex:150px}.calendar-connections .calendar-source-link{flex:2 220px}.calendar-connections .calendar-source-color-picker{flex:0 0 50px}.calendar-source-color-picker input{width:48px;min-height:39px;padding:4px}.calendar-source-actions{align-items:center;gap:8px;display:flex}.calendar-connection-help{color:var(--muted);margin-top:12px;font-size:12px}.calendar-source{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:8px 0;display:flex}.calendar-source-color{border-radius:3px;flex-shrink:0;width:9px;height:28px}.calendar-source-name{overflow-wrap:anywhere;flex:1;min-width:0}.calendar-source-name small{color:#e6a19a;display:block}.calendar-synced-event{border-left:3px solid var(--event-color);overflow-wrap:anywhere;padding:18px}.calendar-synced-event>p{margin-top:12px}.calendar-event-origin{color:var(--muted);font-size:13px}.calendar-event-description{white-space:pre-wrap}.calendar-layout{flex:1;grid-template-columns:minmax(0,1fr) 320px;min-width:0;min-height:0;display:grid}.calendar-month{flex-direction:column;min-width:0;min-height:0;display:flex;overflow-y:auto}.calendar-weekdays,.calendar-week{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-weekdays{color:var(--muted);flex-shrink:0;font-size:12px}.calendar-weekdays>div{text-align:center;border-bottom:1px solid var(--line);padding:9px}.calendar-week{flex:1;min-height:73px}.calendar-day{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;min-height:0}.calendar-day.selected{background:var(--pale);box-shadow:inset 0 0 0 1px var(--blue)}.calendar-day.outside-month .calendar-day-number{color:var(--muted);opacity:.6}.calendar-page .calendar-day>button{text-align:left;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:3px;width:100%;height:100%;min-height:73px;padding:5px;display:flex}.calendar-day-number{justify-content:center;align-self:flex-end;align-items:center;width:27px;height:27px;font-size:13px;display:inline-flex}.calendar-day-number.today{color:var(--on-accent);background:var(--blue);border-radius:50%}.calendar-day-events{flex-direction:column;gap:3px;width:100%;display:flex;overflow:hidden}.calendar-event-chip{border-left:3px solid var(--event-color);background:var(--panel);border-radius:2px;align-items:baseline;gap:5px;min-width:0;padding:2px 4px;font-size:11px;line-height:1.5;display:flex}.calendar-event-chip>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.calendar-event-chip time{color:var(--muted);flex-shrink:0;font-size:10px}.calendar-more{color:var(--muted);padding:0 5px;font-size:11px}.calendar-agenda{border-left:1px solid var(--line);background:var(--panel);flex-direction:column;min-width:0;min-height:0;display:flex;overflow-y:auto}.calendar-agenda-heading,.calendar-event-form>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:17px 16px;display:flex}.calendar-agenda h2{font-size:15px;font-weight:550}.calendar-agenda-items{flex-direction:column;gap:10px;padding:14px;display:flex}.calendar-page .calendar-agenda-event{border:1px solid var(--line);border-left:4px solid var(--event-color);background:var(--surface);text-align:left;border-radius:5px;flex-direction:column;align-items:flex-start;gap:5px;min-height:86px;padding:12px;display:flex}.calendar-agenda-event time,.calendar-agenda-event>span{color:var(--muted);font-size:12px}.calendar-agenda-event strong{overflow-wrap:anywhere;font-size:14px;font-weight:550}.calendar-event-location{align-items:center;gap:4px;display:inline-flex}.calendar-empty{color:var(--muted);padding:15px 2px}.calendar-event-form{padding:0 16px 18px}.calendar-event-form>header{margin:0 -16px 16px}.calendar-event-form>label,.calendar-date-fields>label{flex-direction:column;gap:6px;margin-bottom:12px;font-size:13px;display:flex}.calendar-event-form input,.calendar-event-form select,.calendar-event-form textarea{width:100%;font-size:14px}.calendar-event-form .calendar-checkbox{flex-direction:row;align-items:center;gap:8px;display:flex}.calendar-checkbox input{width:auto}.calendar-date-fields{grid-template-columns:minmax(0,1fr) 92px;gap:10px;display:grid}.calendar-date-fields>label:only-child{grid-column:1/-1}.calendar-event-form textarea{resize:vertical}.calendar-event-colors{border:0;min-width:0;margin:0 0 14px;padding:0}.calendar-event-colors legend{margin-bottom:8px;padding:0;font-size:13px}.calendar-color-options{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.calendar-page .calendar-color-swatch{border:1px solid #ffffff26;border-radius:4px;width:24px;min-width:24px;height:26px;min-height:26px;padding:0}.calendar-color-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--panel), 0 0 0 3px var(--text)}.calendar-color-options input[type=color]{width:32px;height:30px;padding:3px}.calendar-editor-actions{flex-wrap:wrap;align-items:center;gap:7px;margin-top:17px;display:flex}.calendar-editor-actions .calendar-delete{color:#e6a19a;margin-left:auto}.calendar-types{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;flex-shrink:0;gap:10px 18px;padding:14px 20px;display:flex}.calendar-type-editor{align-items:center;gap:6px;display:flex}.calendar-type-editor input[type=color]{width:34px;height:34px;padding:3px}.calendar-type-editor input:not([type=color]){width:150px;height:34px;padding:6px 8px}.calendar-type-editor button{font-size:12px}.calendar-error,.calendar-notice{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px;font-size:13px;display:flex}.calendar-error{color:#e6a19a}.calendar-notice{color:var(--muted)}.calendar-dropping:after{z-index:10;border:2px solid var(--blue);content:"";pointer-events:none;border-radius:6px;position:absolute;inset:5px}.calendar-drop-indicator{z-index:11;border:1px solid var(--blue);background:var(--surface);color:var(--text);pointer-events:none;border-radius:5px;padding:10px 18px;position:absolute;top:85px;left:50%;transform:translate(-50%)}@media (width<=1050px){.calendar-layout{grid-template-columns:minmax(0,1fr) 285px}.calendar-toolbar{padding:12px}.calendar-event-chip time{display:none}}@media (width<=800px){.calendar-layout{flex-direction:column;display:flex;overflow-y:auto}.calendar-month{flex:none;min-height:470px}.calendar-agenda{border-top:1px solid var(--line);border-left:0;flex:none;min-height:180px;overflow:visible}.calendar-week{min-height:72px}.calendar-agenda-items{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.calendar-event-form{align-self:center;width:100%;max-width:520px}.calendar-month-navigation{gap:2px}.calendar-month-navigation h1{min-width:160px;font-size:19px}.calendar-actions{gap:4px}.calendar-actions button{font-size:12px}.calendar-default-type{gap:4px;font-size:12px}.calendar-default-type select{max-width:125px;font-size:12px}}@media (width<=420px){.calendar-toolbar{gap:8px;padding:10px 8px}.calendar-weekdays>div{padding:7px 3px}.calendar-page .calendar-day>button{padding:3px}.calendar-event-chip{padding:1px 2px;font-size:10px}.calendar-day-number{width:23px;height:23px;font-size:12px}.calendar-types{padding:12px}.calendar-type-editor{flex-wrap:wrap}}.rich-mail{white-space:normal;min-width:0}.rich-mail-frame{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#1b2228;border:0;width:100%;min-width:0;display:block}.show-mail-images{margin:0 0 12px;font-size:13px}.mail-link-fallback{color:var(--muted);align-items:center;gap:10px;margin-bottom:12px;font-size:13px;display:flex}.session-screen{background:var(--surface);place-items:center;min-height:100dvh;padding:24px;display:grid}.session-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;width:min(100%,360px);padding:28px;font-size:14px}.session-brand{color:var(--blue);align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.session-card h1{margin:26px 0 20px;font-size:21px;font-weight:600}.session-card form,.session-card label,.browser-session-settings{flex-direction:column;gap:18px;display:flex}.session-card label{gap:8px}.session-card input{width:100%}.session-card .primary{width:100%;min-height:40px}.session-error{color:var(--sidebar-error);overflow-wrap:anywhere}.session-card>.session-error{margin-bottom:20px}.session-loading{color:var(--muted);margin-top:24px}.browser-session-settings{align-items:flex-start}:root{font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eeedf6;--line:#333244;--text:#eeedf6;--muted:#aaa7bd;--blue:#b4a4eb;--on-accent:#201a38;--accent-hover:#c4b6f0;--pale:#2c2940;--surface:#191925;--panel:#242433;--hover:#2b2a3e;--sidebar:#191925;--sidebar-text:#e1deef;--sidebar-muted:#aaa5bc;--sidebar-accent:#b4a4eb;--sidebar-hover:#2b293c;--sidebar-selected:#2c2940;--sidebar-border:#333244;--sidebar-control:#20202e;--sidebar-error:#e6a19a;background:#191925;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{height:100%;min-height:0}body{margin:0}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.45;cursor:default}button:hover:not(:disabled){background:var(--hover)}button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}input,textarea,select{min-width:0;max-width:100%;color:var(--text);background:var(--sidebar);border:1px solid #3a444e;border-radius:5px;padding:9px 10px}input::placeholder,textarea::placeholder{color:#7f8a95}input:focus,textarea:focus,select:focus{outline-offset:1px;border-color:var(--blue);outline:2px solid #8db9dc3d}input[type=checkbox]{accent-color:var(--blue)}option{color:var(--text);background:var(--panel)}.select-control{width:100%;min-width:0;display:block;position:relative}.select-control>select.themed-select{appearance:none;cursor:pointer;background:0 0;width:100%;padding-right:31px}.select-control>select.themed-select:disabled{cursor:default}.select-chevron{pointer-events:none;color:var(--muted);position:absolute;top:50%;right:10px;transform:translateY(-50%)}.select-control:has(select:disabled) .select-chevron{opacity:.45}.select-popover{z-index:1200;overscroll-behavior:contain;border:1px solid var(--line);color:var(--text);background:var(--panel);border-radius:8px;padding:5px;font-size:13px;position:fixed;overflow:auto;box-shadow:0 12px 32px #0005}.select-popover>[role=option]{cursor:pointer;border-radius:5px;align-items:center;gap:12px;min-height:35px;padding:7px 10px;display:flex}.select-popover>[role=option]>span{overflow-wrap:anywhere;flex:1}.select-popover>[role=option]>svg{color:var(--blue)}.select-popover>[role=option].active{background:var(--hover)}.select-popover>[role=option][aria-selected=true]{color:var(--blue)}.select-popover>[role=option][aria-disabled=true]{opacity:.45;cursor:default}svg{vertical-align:middle;flex-shrink:0}h1,h2,h3,h4,p{margin:0}a{color:var(--blue)}kbd{color:var(--muted);background:var(--sidebar);white-space:nowrap;border:1px solid #3a444e;border-radius:4px;padding:1px 5px;font-family:inherit;font-size:11px}code{color:#bdcbd7;background:#29323b;border-radius:3px;padding:1px 4px;font-size:12px}.app{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.button{color:#b3bec8;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:7px;min-width:30px;min-height:30px;padding:5px 8px;display:inline-flex}.button.active{color:var(--blue);background:var(--pale)}.mobile-only,.mobile-mail-title,.mobile-search-toggle,.phone-mail-controls{display:none}.mail-row-labels{flex:1;width:0;min-width:0;display:block}.mail-row-avatar{color:#fbfaff;background:var(--avatar-color,#7160a0);border-radius:14px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:20px;font-weight:600;line-height:1;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.topbar{border-bottom:1px solid var(--line);background:var(--sidebar);align-items:center;gap:16px;height:62px;min-height:62px;padding:0 20px;display:flex}.brand{align-items:center;gap:10px;width:202px;font-size:15px;font-weight:600;display:flex}.brand svg{color:var(--blue)}.search{min-width:0;max-width:760px;height:35px;color:var(--muted);background:var(--surface);border:1px solid #39434d;border-radius:6px;flex:1;align-items:center;gap:9px;margin-right:auto;padding:0 10px;display:flex}.search:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px #8db9dc1f}.search input,.search input:focus{background:0 0;border:0;outline:none;flex:1;width:100%;padding:0;font-size:13px}.search kbd{background:var(--panel);border:0}.search .button{min-width:20px;min-height:22px;padding:0}.draft-tabs{border-bottom:1px solid var(--line);background:var(--sidebar);scrollbar-width:thin;align-items:stretch;gap:3px;height:36px;min-height:36px;padding:3px 12px 0;display:flex;overflow-x:auto}.draft-tabs .tab,.draft-tabs .draft-tab{min-width:110px;max-width:240px;color:var(--muted);border:1px solid #0000;border-bottom:0;border-radius:5px 5px 0 0;flex:0 220px;align-items:center;display:flex}.draft-tabs .selected{border-color:var(--line);color:var(--text);background:var(--surface)}.draft-tabs .tab>button:first-child,.draft-tabs .draft-tab>button:first-child,.draft-tabs>button[role=tab]{text-align:left;border-radius:4px 4px 0 0;flex:1;align-items:center;gap:7px;min-width:0;padding:5px 10px;font-size:12px;display:flex}.draft-tabs button[aria-selected=true]{color:var(--blue);background:var(--surface)}.draft-tabs>button[role=tab]{flex:none;min-width:80px}.draft-tabs .tab>button:first-child,.draft-tabs button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.close-tab{border-radius:3px;place-items:center;margin-right:4px;padding:4px;display:grid}.workspace{flex:1;min-width:0;min-height:0;display:flex;position:relative}.sidebar{border-right:1px solid var(--line);background:var(--sidebar);flex-direction:column;flex-shrink:0;width:225px;min-width:225px;min-height:0;padding:18px 12px 12px;display:flex}.compose-button{color:var(--text);background:var(--panel);border:1px solid #3a4651;border-radius:5px;justify-content:center;align-items:center;gap:9px;margin-bottom:22px;padding:10px 8px;font-size:12px;font-weight:550;display:flex}.compose-button svg{color:var(--blue)}.sidebar nav{scrollbar-width:thin;min-height:0;overflow-y:auto}.nav-item{color:#aeb9c3;text-align:left;border-radius:5px;align-items:center;gap:10px;width:100%;min-height:35px;padding:7px 11px;font-size:13px;display:flex}.nav-item span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-item svg{color:#8998a5;stroke-width:1.5px}.nav-item small{color:var(--muted);font-size:11px}.nav-item.chosen{color:var(--blue);background:var(--pale)}.nav-item.chosen svg,.nav-item.chosen small{color:var(--blue)}.section-label{color:var(--muted);padding:22px 11px 8px;font-size:12px}.account-label{align-items:center;gap:5px;padding:22px 5px 8px;font-size:12px;font-weight:500;display:flex}.account-label span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.add-account{color:var(--muted);border-radius:4px;align-items:center;gap:9px;margin-top:4px;padding:8px 12px;font-size:12px;display:flex}.sidebar-bottom{flex-direction:column;flex-shrink:0;gap:8px;margin-top:auto;padding-top:22px;display:flex}.sidebar-bottom button{color:var(--muted);border-radius:4px;align-items:center;gap:9px;padding:6px 10px;font-size:12px;display:flex}.sidebar-shade{display:none}.mail-workspace{flex:1;align-items:stretch;min-width:0;min-height:0;display:flex}.message-list{background:var(--surface);flex-direction:column;flex:1;width:100%;min-width:0;min-height:0;display:flex}.mail-workspace:not(.has-message) .reader{display:none}.has-message .message-list{flex:0 0 clamp(240px, var(--overview-width,430px), calc(100% - 240px));width:clamp(240px, var(--overview-width,430px), calc(100% - 240px));border-right:1px solid var(--line)}.overview-divider{z-index:2;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;flex:0 0 5px;width:5px;min-width:5px;position:relative}.overview-divider:after{content:"";background:0 0;width:1px;position:absolute;top:0;bottom:0;left:2px}.overview-divider:hover:after,.overview-divider:focus-visible:after,.overview-divider.resizing:after{background:var(--blue);opacity:.75}.list-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:16px 22px;display:flex}.list-heading h1{color:var(--text);font-size:21px;font-weight:550;line-height:1.4}.list-heading>div>span{color:var(--muted);font-size:12px}.mail-scroll{scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}.mail-row{border-bottom:1px solid var(--line);background:var(--surface);min-width:0;position:relative}.mail-row.selected{box-shadow:inset 2px 0 0 var(--blue);background:#252337}.mail-row-content{text-align:left;align-items:center;gap:14px;width:100%;min-width:0;min-height:90px;padding:12px 22px 10px;display:flex}.mail-row-content:hover:not(:disabled){background:#ffffff04}.row-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:3px;padding-right:min(132px,70%);line-height:20px;display:flex;position:relative}.sender{color:#ceccde;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;font-weight:500;line-height:20px;display:block;overflow:hidden}.unread .sender,.unread .row-subject{color:#f3f1fb;font-weight:650}.unread-dot{background:var(--blue);border-radius:50%;width:5px;height:5px;display:inline-block;position:absolute;top:8px;left:-70px}.row-top time{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:12px;position:absolute;top:0;right:0}.row-subject{color:#bdbacf;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;padding-right:0;font-size:15px;line-height:22px;display:block;overflow:hidden}.row-preview{width:100%;min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:18px;display:block;overflow:hidden}.thread-count{color:var(--blue);border:1px solid #425363;border-radius:4px;margin-left:7px;padding:1px 5px;font-size:11px}.row-actions{scrollbar-width:none;opacity:0;pointer-events:none;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:2px;width:max-content;max-width:min(120px,60%,100% - 156px);padding:0;display:inline-flex;position:absolute;top:11px;right:16px;overflow:auto hidden}.mail-row:hover .row-actions{opacity:1;pointer-events:auto}.mail-row:has(:focus-visible) .row-actions{opacity:1;pointer-events:auto}.mail-row:hover .row-top time{visibility:hidden}.mail-row:has(:focus-visible) .row-top time{visibility:hidden}.row-actions .button{color:#8b9aa8;flex-shrink:0;width:25px;min-width:25px;height:25px;min-height:25px;padding:4px}.row-actions .button.active{color:var(--blue);background:0 0}.follow-up-buttons{flex:none;align-items:center;gap:2px;display:inline-flex}.follow-up-buttons .button{background:0 0;width:25px;min-width:25px;height:25px;min-height:25px;padding:4px}.follow-up-buttons .button svg{opacity:.94;filter:saturate(1.2)}.follow-up-buttons .button.active,.follow-up-buttons .button[aria-pressed=true]{background:#ffffff0b}.follow-up-buttons .button.active svg,.follow-up-buttons .button[aria-pressed=true] svg{opacity:1}.reader-toolbar .follow-up-buttons{scrollbar-width:thin;flex:0 auto;min-width:0;max-width:100%;overflow-x:auto}.search-tip{border-bottom:1px solid var(--line);color:var(--muted);background:var(--panel);padding:8px 20px;font-size:12px}.empty-list{color:#6f8494;text-align:center;padding:60px 18px}.empty-list p{color:#bac5ce;margin-top:13px;font-size:13px}.empty-list span{color:var(--muted);font-size:12px}.reader{background:var(--surface);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;container:mail-reader/inline-size}.reader-toolbar{flex-wrap:wrap;justify-content:flex-end;align-self:start;align-items:center;gap:5px;max-width:100%;min-height:0;padding:0;display:flex}.reader-toolbar .button{gap:7px;font-size:12px}.reader-toolbar .move-control{flex:0 220px;min-width:min(210px,100%);max-width:100%;margin-left:auto}.reader-toolbar .move-control select{width:100%;min-width:0}.toolbar-divider{background:var(--line);flex-shrink:0;width:1px;height:16px;margin:0 6px}.toolbar-spacer{flex:1}.reader-scroll{scrollbar-width:thin;flex:1;min-height:0;overflow:auto}.message{width:100%;max-width:none;padding:28px}.message-location{color:var(--muted);flex-wrap:wrap;gap:8px;margin-bottom:17px;font-size:12px;display:flex}.message-location span{color:#647584}.message h2{color:#edf2f6;overflow-wrap:anywhere;margin-bottom:18px;font-size:24px;font-weight:550;line-height:1.4}.message-address{border-bottom:1px solid var(--line);grid-template-columns:33px minmax(0,1fr);gap:4px 11px;padding-bottom:22px;display:grid}.avatar{color:#a8c0d2;background:#2b3742;border-radius:50%;grid-row:1/span 2;place-items:center;width:33px;height:33px;font-size:13px;display:grid}.sender-details{flex-direction:column;grid-column:2;min-width:0;line-height:1.6;display:flex}.sender-details strong{color:#e1e7ed;overflow-wrap:anywhere;font-size:14px;font-weight:600}.sender-name-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sender-name-row strong{min-width:0}.sender-details span{color:#a7b4c0;overflow-wrap:anywhere;font-size:13px}.sender-details .to-address{margin-top:4px}.message-date{color:var(--muted);flex-shrink:0;justify-content:flex-end;align-items:center;gap:5px;margin-top:0;font-size:12px;display:flex}.message-date time{white-space:nowrap;line-height:25px}.message-date .button{min-width:25px;min-height:25px;padding:4px}.message-date .button.active{color:#d5bb77;background:0 0}.message-body{color:#d1d9e0;white-space:pre-wrap;overflow-wrap:anywhere;min-height:190px;padding:27px 0 35px;font-family:inherit;font-size:15px;line-height:1.85}.thread .message-body{min-height:0}.thread-message{background:#1b2329;border:1px solid #303a43;border-left:3px solid #557c78;border-radius:6px;padding:17px 19px}.thread-message.sent-message{background:#22242f;border-left-color:#8e82b3}.sent-message .avatar{color:#c7b8e4;background:#39354b}.thread-message+.thread-message{margin-top:14px}.sender-lower{grid-template-columns:minmax(100px,1fr) auto;align-items:start;gap:5px 22px;margin-top:3px;display:grid}.recipient-details{flex-direction:column;min-width:0;display:flex}.sender-lower .reader-toolbar{justify-self:end}.reader-toolbar .button{min-height:29px}.move-menu{min-width:0;position:relative}.reader-toolbar .move-trigger{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:6px;padding:5px 8px;display:inline-flex}.move-trigger[aria-expanded=true]{background:var(--hover);color:var(--blue)}.move-popover{z-index:10;border:1px solid var(--line);background:var(--panel);border-radius:7px;width:max-content;min-width:190px;max-width:min(300px,78vw);max-height:300px;padding:5px;position:absolute;top:calc(100% + 7px);right:0;overflow:auto;box-shadow:0 8px 25px #0006}.move-popover>button{text-align:left;border-radius:4px;align-items:center;gap:9px;width:100%;padding:9px 10px;display:flex}.move-popover>button>svg{color:var(--blue)}.move-popover>button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.move-empty{color:var(--muted);padding:9px;display:block}.received-attachment-card{align-items:stretch;gap:8px;min-width:0;display:flex}.received-attachment-card>.received-attachment{text-align:left;min-width:0;color:var(--text);background:#1d262d;flex:1}.received-attachment-card>.received-attachment:hover{background:#293640;border-color:#607d93}.received-attachment-card .secondary{align-self:center}.received-attachment .attachment-name{flex:1}@container mail-reader (width<=700px){.sender-lower{grid-template-columns:minmax(0,1fr);gap:8px}.sender-lower .reader-toolbar{width:100%}.message{padding:18px 15px}.thread-message{padding:14px 13px}}@container mail-reader (width<=390px){.sender-name-row{flex-wrap:wrap;gap:2px 12px}.message-date{margin-left:auto}}.message-bottom{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding-top:20px;font-size:12px;display:flex}.plain-action{color:var(--blue);border:1px solid #3a4651;border-radius:4px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;display:inline-flex}.move-control{min-width:210px;max-width:100%;color:var(--muted);align-items:center;gap:6px;display:flex}.move-control select{flex:1;min-width:180px;max-width:none;padding:6px 8px;font-size:12px}.muted-action{color:var(--muted);margin-left:auto;padding:6px;font-size:12px}.reader-empty{height:100%;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:35px;display:flex}.empty-icon{border:1px solid var(--line);color:#8ba0b1;background:var(--panel);border-radius:50%;place-items:center;width:58px;height:58px;margin-bottom:21px;display:grid}.reader-empty h2{color:#b6c4cf;margin-bottom:7px;font-size:18px;font-weight:450}.reader-empty p{font-size:12px}.reader-empty>div:last-of-type{align-items:center;gap:7px;margin-top:28px;font-size:11px;display:flex}.reader-empty .subtle{color:#8d9ba7;margin-top:12px;font-size:11px}.modal{width:620px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);color:var(--text);background:var(--surface);border:1px solid #46515c;border-radius:8px;padding:0;overflow:auto;box-shadow:0 18px 80px #0008}.modal.wide{width:860px}.modal::backdrop{background:#0009}.modal-inner{background:var(--surface)}.modal-title{z-index:2;border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:10px;padding:16px 22px;display:flex;position:sticky;top:0}.modal-title h2{font-size:16px;font-weight:550}.settings-layout{min-height:430px;display:flex}.settings-nav{border-right:1px solid var(--line);background:var(--sidebar);width:155px;min-width:155px;padding:17px 11px}.settings-nav button{width:100%;color:var(--muted);text-align:left;border-radius:4px;margin-bottom:3px;padding:8px 11px;font-size:13px;display:block}.settings-nav button.chosen{color:var(--blue);background:var(--pale)}.settings-content{flex:1;min-width:0;padding:25px 28px 32px}.settings-content h3{margin-bottom:12px;font-size:17px;font-weight:550}.settings-content h4{margin-bottom:14px;font-size:13px;font-weight:550}.help{color:var(--muted);margin-bottom:18px;font-size:12px;line-height:1.75}.help.small{margin-top:6px;margin-bottom:14px;font-size:11px}.settings-content form>label,.compose-form>label,.form-grid label,.server-grid label,.server-fields>label,.advanced-account label,.folder-form label{color:#aebcc8;flex-direction:column;gap:5px;min-width:0;margin-bottom:14px;font-size:12px;display:flex}.form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.form-grid input{width:100%}.server-grid{grid-template-columns:minmax(0,1fr) 85px;gap:0 14px;display:grid}.primary,.secondary{border:1px solid #455462;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:9px 13px;font-size:12px;display:inline-flex}.primary{color:#101b25;background:#8db9dc;border-color:#6e9bbc;font-weight:550}.primary:hover:not(:disabled){background:#a2c9e6}.secondary{color:#bdd0df;background:var(--panel)}.form-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;display:flex}.form-actions .help{flex:1;min-width:120px;margin:0 auto 0 0;font-size:11px}.account-card{border:1px solid var(--line);border-radius:6px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;padding:14px;display:flex}.account-initial{width:36px;height:36px;color:var(--blue);background:#26333e;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.account-card>div:not(.account-initial){flex-direction:column;flex:1;min-width:0;display:flex}.account-card strong{font-size:13px;font-weight:550}.account-card span{color:#b3bec8;overflow-wrap:anywhere;font-size:12px}.account-card small{color:var(--muted);overflow-wrap:anywhere;margin-top:5px;font-size:11px}.account-identity{flex-wrap:wrap;align-items:flex-end;gap:8px;margin-top:12px;display:flex}.account-identity>label{min-width:0;color:var(--muted);flex-direction:column;flex:190px;gap:4px;font-size:12px;display:flex}.account-identity input{width:100%;min-height:36px;color:var(--text);font-size:13px}.account-identity>button{min-height:36px}.account-identity>.inline-error{flex-basis:100%}.account-form,.rule-form{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.rule-row{border:1px solid var(--line);border-radius:5px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:12px;display:flex}.rule-row>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.thread-toggle{z-index:1;border:2px solid var(--surface);color:#ded6f6;background:#373148;border-radius:9px;justify-content:center;align-items:center;gap:0;min-width:32px;height:28px;padding:2px 3px;font-size:10px;line-height:1;display:flex;position:absolute;top:54px;left:46px}.thread-toggle>svg{width:12px;height:12px}.mail-row:has(.thread-toggle) .mail-row-content{padding-left:22px}.thread-children{border-left:2px solid #403950;margin-left:17px}.thread-child{background:#1d1c2b}.row-actions .spam-action{color:#ed7e82}.row-actions .spam-action:hover:not(:disabled){color:#ff9b9f;background:#b846462b}:is(.row-actions .button:has(.lucide-mail),.row-actions .button:has(.lucide-mail-open)){color:#8fbfe5}.received-attachments{gap:8px;margin-top:22px;display:grid}.received-attachment{border:1px solid var(--line);border-radius:5px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.received-attachment>svg{color:var(--blue)}.attachment-name{overflow-wrap:anywhere;flex:1;min-width:100px;font-size:13px}.received-attachment select{width:auto;max-width:170px}.received-attachment .secondary{align-items:center;gap:7px;display:inline-flex}.rule-row strong{font-size:13px;font-weight:550}.rule-row small{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.shortcut-row{border-bottom:1px solid var(--line);color:#b5c2cd;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;font-size:12px;display:flex}.spaced{margin-top:28px}.connection-summary{border:1px solid var(--line);color:#b5c6d3;background:var(--panel);border-radius:5px;align-items:center;gap:8px;margin-bottom:22px;padding:12px;font-size:12px;display:flex}.status-dot{background:#b89b74;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.status-dot.online{background:#8fbd9b}.settings-note{border-top:1px solid var(--line);color:var(--muted);margin-top:24px;padding-top:20px;font-size:12px;line-height:1.8}.settings-note p+p{margin-top:12px}.server-fields{border:1px solid var(--line);border-radius:5px;margin:16px 0;padding:14px}.server-fields legend{color:#bac9d5;padding:0 5px;font-size:12px}.advanced-account{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.advanced-account summary{color:#b5c7d5;cursor:pointer;margin-bottom:16px;font-size:12px}.advanced-account .checkbox-label{flex-direction:row;align-items:center;gap:8px}.advanced-account textarea{font-family:ui-monospace,monospace;font-size:11px}.provider-note{border-left:2px solid #6f93ae;margin-top:18px;padding-left:12px}.provider-signin,.oauth-waiting{padding-top:18px}.folder-form{padding:24px}.compose-form{padding:22px}.compose-form textarea{resize:vertical;width:100%}.inline-error{color:#edb4ad;overflow-wrap:anywhere;background:#352725;border:1px solid #704641;border-radius:4px;margin-bottom:14px;padding:10px 12px;font-size:12px}.error-bar{color:#edb4ad;background:#352725;border-bottom:1px solid #6c413c;justify-content:space-between;align-items:center;gap:15px;padding:9px 18px;font-size:12px;display:flex}.error-bar button{color:inherit;place-items:center;display:grid}.toast{z-index:20;color:#e7f0f7;background:#293b4a;border:1px solid #526779;border-radius:5px;align-items:center;gap:10px;max-width:calc(100% - 30px);padding:10px 18px;font-size:12px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #0005}.file-drop-overlay{z-index:50;border:2px dashed var(--blue);color:#e1effa;pointer-events:none;text-align:center;background:#152433e8;border-radius:8px;place-items:center;padding:30px;font-size:20px;display:grid;position:fixed;inset:12px}.upload-status{z-index:25;color:#d7e8f5;background:#243645;border:1px solid #526779;border-radius:5px;padding:9px 13px;font-size:12px;position:fixed;bottom:20px;right:20px}.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1000px){.brand{width:170px}.message{padding:24px}.message h2{font-size:22px}.mail-row-content{padding-left:18px;padding-right:17px}.mail-row:has(.thread-toggle) .mail-row-content{padding-left:18px;padding-right:17px}.thread-toggle{left:42px}}@media (width<=800px){.topbar{gap:10px;height:54px;min-height:54px;padding:0 12px}.topbar>.mobile-only{display:inline-flex}.brand{display:none}.search{max-width:none}.search kbd{display:none}.sidebar{z-index:12;width:100%;min-width:0;position:fixed;top:54px;bottom:0;left:0;transform:translate(-100%)}.sidebar.show{transform:translate(0)}.sidebar-shade{z-index:11;background:#0008;width:100%;display:block;position:fixed;inset:54px 0 0}.app.has-drafts .sidebar,.app.has-drafts .sidebar-shade{top:90px}.modal{max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px)}.settings-content{padding:22px}}@media (width<=700px){html{overscroll-behavior-x:none}.app{--surface:#191925;--panel:#242433;--sidebar:#191925;--hover:#2b2a3e;--line:#333244;--text:#eeedf6;--muted:#aaa7bd;--blue:#b4a4eb;--pale:#2c2940;--sidebar-text:#e1deef;--sidebar-muted:#aaa5bc;--sidebar-accent:#b4a4eb;--sidebar-hover:#2b293c;--sidebar-selected:#2c2940;--sidebar-border:#333244;--sidebar-control:#20202e;background:var(--surface)}.app .topbar{background:var(--surface);border-bottom:0;gap:12px;height:64px;min-height:64px;padding:0 14px}.topbar .desktop-only{display:none}.topbar>.button.mobile-only,.topbar>.mobile-search-toggle{color:#d8d5e7;border-radius:12px;flex:0 0 44px;width:44px;min-width:44px;height:44px;padding:8px;display:inline-flex}.topbar>.button.mobile-only>svg,.mobile-search-toggle>svg{stroke-width:1.7px;width:25px;height:25px}.topbar .mobile-mail-title{color:#eeedf6;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:23px;font-weight:600;line-height:1.25;display:block;overflow:hidden}.topbar .mobile-search-toggle{margin-left:auto}.topbar:not(.mobile-search-open) .search,.topbar.mobile-search-open .mobile-mail-title{display:none}.topbar.mobile-search-open .search{background:#252535;border-color:#0000;border-radius:12px;flex:1;height:42px;margin-right:0;padding:0 12px;display:flex}.topbar.mobile-search-open .search input{font-size:16px}.sidebar,.sidebar.folder-sidebar,.sidebar-shade{top:64px}.app.has-drafts .sidebar,.app.has-drafts:not(.composing) .sidebar.folder-sidebar,.app.has-drafts .sidebar-shade{top:100px}.message-list>.list-heading{display:none}.message-list .mail-scroll{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));scroll-padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));scrollbar-width:none}.message-list .mail-scroll::-webkit-scrollbar{display:none}.message-list .mail-row{background:var(--surface);border-bottom:0}.message-list .mail-row.selected{box-shadow:none;background:#252337}.message-list .mail-row-content{align-items:center;gap:14px;min-height:88px;padding:15px 16px;display:flex}.message-list .mail-row:has(.thread-toggle) .mail-row-content{align-items:center;gap:14px;min-height:88px;padding:15px 16px;display:flex}.message-list .mail-row-content:hover:not(:disabled){background:0 0}.mail-row-avatar{color:#fbfaff;background:var(--avatar-color,#7160a0);border-radius:14px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:20px;font-weight:600;line-height:1;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.mail-row-labels{flex:1;width:0;min-width:0}.message-list .row-top{align-items:baseline;gap:12px;margin-bottom:1px;padding-right:0;line-height:26px}.message-list .sender{color:#ceccde;font-size:17px;font-weight:500;line-height:inherit}.message-list .row-top time{color:#aaa7bd;font-size:12px;line-height:20px;position:static}.message-list .row-subject{color:#bdbacf;margin-bottom:0;padding-right:72px;font-size:16px;font-weight:400;line-height:24px}.message-list .unread .sender,.message-list .unread .row-subject{color:#f3f1fb;font-weight:600}.message-list .unread-dot,.message-list .row-preview{display:none}.message-list .row-actions{visibility:visible;opacity:1;pointer-events:auto;gap:2px;width:64px;max-width:64px;top:44px;right:12px}.message-list .mail-row .row-top time{visibility:visible}.message-list .row-actions .follow-up-buttons{gap:2px}.message-list .row-actions .button{border-radius:9px;width:30px;min-width:30px;height:30px;min-height:30px;padding:6px}.message-list .row-actions .button.active,.message-list .row-actions .button[aria-pressed=true]{background:#b4a4eb17}.message-list .thread-toggle{border:2px solid var(--surface);color:#ded6f6;background:#373148;border-radius:9px;justify-content:center;gap:0;min-width:32px;height:28px;padding:2px 3px;font-size:10px;line-height:1;top:54px;left:40px}.message-list .thread-toggle>svg{width:12px;height:12px}.message-list .thread-children{border-left:1px solid #403950;margin-left:28px}.message-list .thread-child{background:#1d1c2b}.message-list .thread-child .mail-row-content{gap:12px;min-height:84px;padding-left:12px}.phone-mail-controls{z-index:8;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;left:20px}.phone-mail-controls>button{pointer-events:auto;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 5px 18px #0003}.phone-unread-toggle{color:#e6e1f5;background:#2b293b;border:1px solid #ffffff08;border-radius:25px;gap:8px;min-height:46px;padding:0 18px;font-size:15px;font-weight:600}.phone-unread-toggle[aria-pressed=true]{color:#f4edff;background:#514070;border-color:#b8a2f73d}.phone-compose-button{color:#eee9fc;background:#393049;border:1px solid #ffffff0b;border-radius:20px;width:56px;height:56px;padding:0}.phone-compose-button>svg{stroke-width:1.7px;width:25px;height:25px}.app:has(.phone-mail-controls)>.toast{bottom:calc(92px + env(safe-area-inset-bottom,0px))}.overview-divider{display:none}.mail-workspace.has-message .message-list{border-right:0;flex:1;width:100%}.mail-workspace .reader,.mail-workspace.reader-visible .message-list{display:none}.mail-workspace.reader-visible.has-message .reader{width:100%;display:flex}.reader-toolbar .mobile-only{display:inline-flex}.message{padding:25px 22px}.message h2{font-size:22px}.reader-toolbar{gap:4px}.settings-layout{flex-direction:column;min-height:360px}.settings-nav{border:0;border-bottom:1px solid var(--line);gap:3px;width:100%;min-width:0;padding:8px;display:flex;overflow-x:auto}.settings-nav button{white-space:nowrap;width:auto;margin:0;padding:8px;font-size:12px}.settings-content{padding:22px 20px}.modal-title{padding:13px 17px}.server-grid{grid-template-columns:minmax(0,1fr) 75px;gap:0 10px}.form-grid{gap:10px}.folder-form,.compose-form{padding:20px}.toast{bottom:18px}}@media (width<=420px){.topbar{gap:6px;padding:0 8px}.topbar .brand{display:none}.message{padding:22px 18px}.message-bottom{align-items:stretch}.move-control{flex:1}.form-grid{grid-template-columns:minmax(0,1fr);gap:0}.settings-content{padding:20px 16px}}@media (prefers-reduced-motion:reduce){.spinning{animation:none}*{scroll-behavior:auto!important}}.reader{position:relative}.reader-close-corner{z-index:4;width:32px;height:32px;color:var(--muted);padding:6px;position:absolute;top:16px;right:16px}.message>h2{padding-right:42px}@media (width<=700px){.reader-close-corner{display:none}.message>h2{padding-right:0}}