@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_d8ebd1{font-family:Inter,Inter Fallback;font-style:normal}.__variable_d8ebd1{--font-inter:"Inter","Inter Fallback"}:root{--sufrone-brand:#204a4d;--sufrone-brand-secondary:#285154;--sufrone-ink-rgb:32 39 41;--sufrone-accent-rgb:15 107 112;--sufrone-accent-soft-rgb:232 243 242;--sufrone-throat-rgb:238 242 242;--sufrone-line-rgb:221 227 228;--sufrone-accent-bright:#8bd0d1;--sufrone-stone:#5e696c;--sufrone-forest:#204a4d;--sufrone-ink-hover:#343f42;--sufrone-input:#7b878a;--sufrone-info:#315f80;--sufrone-info-soft:#eaf1f7;--sufrone-info-foreground:#244b68;--sufrone-success-foreground:#155436;--sufrone-warning-foreground:#6e4c00;--sufrone-ink:#202729;--sufrone-ink-soft:#5e696c;--sufrone-paper:#f7f8f8;--sufrone-surface:#ffffff;--sufrone-panel-subtle:#fafbfb;--sufrone-throat:#eef2f2;--sufrone-muted:#e9eeee;--sufrone-muted-foreground:#5e696c;--sufrone-line:#dde3e4;--sufrone-line-strong:#7b878a;--sufrone-accent:#0f6b70;--sufrone-accent-hover:#0b5155;--sufrone-accent-soft:#e8f3f2;--sufrone-success:#1f6a47;--sufrone-success-soft:#e9f5ee;--sufrone-warning:#8b6200;--sufrone-warning-soft:#fbf3d6;--sufrone-danger:#b13a3a;--sufrone-danger-soft:#fceaea;--sufrone-danger-foreground:#8f2525;--sufrone-radius-control:0.625rem;--sufrone-radius-record:0.875rem;--sufrone-radius-panel:1.125rem;--sufrone-space-unit:0.25rem;--sufrone-motion-fast:160ms;--sufrone-motion-standard:220ms;--sufrone-ease-standard:cubic-bezier(0.2,0,0,1);--sufrone-ease-enter:cubic-bezier(0.22,1,0.36,1);--sufrone-shadow-1:0 1px 2px rgb(var(--sufrone-ink-rgb)/0.07),0 1px 1px rgb(var(--sufrone-ink-rgb)/0.04);--sufrone-shadow-3:0 20px 48px rgb(var(--sufrone-ink-rgb)/0.14),0 8px 16px rgb(var(--sufrone-ink-rgb)/0.08);color-scheme:light;--ink:var(--sufrone-ink);--ink-soft:var(--sufrone-ink-soft);--muted:var(--sufrone-muted-foreground);--line:var(--sufrone-line);--line-soft:color-mix(in srgb,var(--sufrone-line) 48%,transparent);--canvas:var(--sufrone-paper);--paper:var(--sufrone-surface);--panel-subtle:var(--sufrone-panel-subtle);--throat:var(--sufrone-throat);--accent:var(--sufrone-accent);--accent-hover:var(--sufrone-accent-hover);--accent-soft:var(--sufrone-accent-soft);--danger:var(--sufrone-danger);--danger-soft:var(--sufrone-danger-soft);--danger-foreground:var(--sufrone-danger-foreground);--success:var(--sufrone-success);--warning:var(--sufrone-warning);--warning-soft:var(--sufrone-warning-soft);--radius-control:var(--sufrone-radius-control);--radius-record:var(--sufrone-radius-record);--radius-panel:var(--sufrone-radius-panel);--shadow-1:var(--sufrone-shadow-1);--shadow-3:var(--sufrone-shadow-3);--font:var(--font-inter,"Inter"),ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body,html{min-height:100%}html{scrollbar-color:var(--sufrone-line-strong) transparent;scrollbar-width:thin}body{--font:var(--font-inter,"Inter"),ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0;background:var(--canvas);color:var(--ink);font:13px/1.5 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{color:inherit;font:inherit}a,button{-webkit-tap-highlight-color:transparent}[tabindex="-1"]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-soft);color:var(--ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:var(--sufrone-line-strong);background-clip:padding-box}.mail-app{height:100dvh;min-width:0;overflow:hidden}.mail-app,.topbar{background:var(--canvas)}.topbar{height:64px;display:grid;grid-template-columns:248px minmax(280px,720px) 1fr;align-items:center;padding:0 16px 0 10px}.topbar-brand{gap:4px}.brand-lockup,.topbar-brand{min-width:0;display:flex;align-items:center}.brand-lockup{gap:9px;color:var(--ink-soft);text-decoration:none}.brand-logo{width:118px;height:24px;display:block;flex:0 0 auto;background:url(/brand/new/sufrone-wordmark.png) 0/contain no-repeat}.brand-logo-light{background-image:url(/brand/new/sufrone-wordmark.png);filter:brightness(0) invert(1)}.brand-bird{width:34px;height:34px;display:block;background:url(/brand/new/sufrone-swift.png) 50%/contain no-repeat}.brand-lockup>span:last-child{padding-left:9px;border-left:1px solid var(--line);font-size:16px;font-weight:500;letter-spacing:-.01em}.icon-button,.search-box button,.small-icon-button{display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:var(--ink-soft);background:transparent;cursor:pointer;transition:color .14s ease,background .14s ease}.icon-button{width:40px;height:40px}.icon-button:hover,.search-box button:hover,.small-icon-button:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 7%,transparent)}.icon-button svg{width:19px;height:19px}.app-menu-button{flex:0 0 auto}.search-box{height:46px;display:flex;align-items:center;gap:12px;padding:0 10px 0 16px;border:1px solid transparent;border-radius:24px;background:color-mix(in srgb,var(--accent-soft) 72%,var(--canvas));transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.search-box:focus-within{border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:white;box-shadow:0 1px 3px rgb(var(--sufrone-ink-rgb)/.12),0 4px 12px rgb(var(--sufrone-ink-rgb)/.06)}.search-box>svg{width:19px;height:19px;flex:0 0 auto;color:var(--ink-soft)}.search-box input{min-width:0;flex:1 1;border:0;outline:0;background:transparent;font-size:14px}.search-box input::placeholder{color:var(--muted);opacity:1}.search-box button{width:32px;height:32px}.search-box button svg{width:17px}.topbar-actions{justify-self:end;display:flex;align-items:center;gap:4px}.account-button{width:36px;height:36px;margin-left:4px;border:0;border-radius:50%;color:white;background:var(--accent);box-shadow:inset 0 0 0 1px rgb(255 255 255/.2);font-size:11px;font-weight:750;cursor:pointer}.account-button:hover{background:var(--accent-hover)}.workspace{height:calc(100dvh - 64px);display:grid;grid-template-columns:248px minmax(0,1fr);transition:grid-template-columns .18s ease}.mail-sidebar{min-height:0;display:flex;flex-direction:column;padding:8px 12px 14px 0;overflow:hidden;background:var(--canvas)}.compose-button{height:52px;display:flex;align-items:center;justify-content:center;gap:11px;margin:0 0 14px 10px;padding:0 20px;border:0;color:white;background:var(--accent);box-shadow:0 1px 2px rgb(var(--sufrone-ink-rgb)/.12),0 4px 12px rgb(var(--sufrone-accent-rgb)/.17);font-weight:700;cursor:pointer;transition:background .14s ease,box-shadow .14s ease}.compose-button:hover{background:var(--accent-hover);box-shadow:0 2px 4px rgb(var(--sufrone-ink-rgb)/.12),0 7px 18px rgb(var(--sufrone-accent-rgb)/.2)}.compose-button svg{width:18px;height:18px}.account-row{min-width:0;display:flex;align-items:center;gap:10px;margin:0 10px 10px;padding:0 4px 12px;border-bottom:1px solid var(--line-soft)}.avatar,.sender-avatar{flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:var(--accent-hover);background:var(--accent-soft);font-size:10px;font-weight:800}.avatar{width:28px;height:28px}.account-email{min-width:0;overflow:hidden;color:var(--ink-soft);font-size:11.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.folder-nav{min-height:0;padding-right:8px;overflow-y:auto}.folder-nav button{width:100%;height:36px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;margin:1px 0;padding:0 14px 0 20px;border:0;border-radius:0 18px 18px 0;color:var(--ink-soft);background:transparent;text-align:left;cursor:pointer;transition:color .12s ease,background .12s ease}.folder-nav button:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}.folder-nav button.active{color:var(--accent-hover);background:color-mix(in srgb,var(--accent-soft) 92%,white);font-weight:720}.folder-nav svg{width:18px;height:18px;color:currentColor}.folder-nav strong{min-width:22px;color:currentColor;font-size:11px;text-align:right}.sidebar-footer{margin-top:auto;padding:14px 14px 0 20px;border-top:1px solid var(--line-soft);color:var(--muted);font-size:10.5px}.sidebar-footer button{display:flex;align-items:center;gap:7px;margin-top:5px;padding:5px 0;border:0;color:var(--ink-soft);background:transparent;cursor:pointer}.sidebar-footer button:hover{color:var(--accent)}.sidebar-footer svg{width:15px}.navigation-compact .workspace{grid-template-columns:72px minmax(0,1fr)}.navigation-compact .mail-sidebar{padding-right:6px}.navigation-compact .compose-button{width:48px;min-width:48px;margin-left:10px;padding:0;border-radius:16px}.navigation-compact .account-row,.navigation-compact .compose-button span,.navigation-compact .folder-nav button span,.navigation-compact .folder-nav button strong,.navigation-compact .sidebar-footer{display:none}.navigation-compact .folder-nav{padding-right:6px}.navigation-compact .folder-nav button{width:44px;grid-template-columns:1fr;justify-items:center;margin-left:8px;padding:0;border-radius:50%}.mail-surface{min-width:0;min-height:0;display:flex;flex-direction:column;margin:0 12px 12px 0;overflow:hidden;background:var(--paper);box-shadow:0 1px 2px rgb(var(--sufrone-ink-rgb)/.06)}.mail-toolbar{min-height:56px;display:flex;align-items:center;gap:2px;padding:0 12px 0 14px;border-bottom:1px solid var(--line-soft);background:white}.mail-toolbar h1{margin:0 0 0 3px;font-size:15px;font-weight:680;letter-spacing:-.012em}.folder-count{min-width:20px;margin-left:5px;color:var(--muted);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.toolbar-select{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;cursor:pointer}.toolbar-select:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.message-row>input,.toolbar-select input{width:15px;height:15px;margin:0;accent-color:var(--accent);cursor:pointer}.toolbar-button{min-height:36px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:0;border-radius:18px;color:var(--ink-soft);background:transparent;font-size:12px;font-weight:590;cursor:pointer;transition:color .12s ease,background .12s ease}.toolbar-button:hover:not(:disabled){color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}.toolbar-button.toolbar-active,.toolbar-button[aria-pressed=true]{color:var(--accent-hover);background:var(--accent-soft)}.toolbar-button:disabled{opacity:.4;cursor:not-allowed}.toolbar-button svg{width:17px;height:17px}.toolbar-icon{width:36px;justify-content:center;padding:0}.toolbar-icon>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.toolbar-divider{width:1px;height:22px;margin:0 7px;background:var(--line-soft)}.toolbar-spacer{flex:1 1}.toolbar-pagination{display:flex;align-items:center;gap:2px;color:var(--muted);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.toolbar-pagination span{margin-right:7px}.toolbar-pagination button{width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:var(--ink-soft);background:transparent;cursor:pointer}.toolbar-pagination button:hover:not(:disabled){color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}.toolbar-pagination button:disabled{opacity:.3;cursor:default}.toolbar-pagination svg{width:17px}.workspace-error{min-height:42px;display:flex;align-items:center;gap:9px;padding:7px 18px;border-bottom:1px solid color-mix(in srgb,var(--danger) 22%,transparent);color:var(--danger-foreground);background:var(--danger-soft)}.workspace-error svg{width:17px}.workspace-error span{flex:1 1}.workspace-error button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;cursor:pointer}.message-list-frame{min-height:0;flex:1 1;display:flex;flex-direction:column}.message-scroll{min-height:0;flex:1 1;overflow-y:auto}.message-row{display:grid;grid-template-columns:28px 32px minmax(0,1fr);align-items:center;gap:4px;padding:0 12px 0 16px;border-bottom:1px solid var(--line-soft);background:var(--canvas);transition:background .1s ease,box-shadow .1s ease}.density-comfortable .message-row{min-height:54px}.message-row:focus-within,.message-row:hover{position:relative;z-index:1;background:white;box-shadow:0 1px 2px rgb(var(--sufrone-ink-rgb)/.1),0 3px 8px rgb(var(--sufrone-ink-rgb)/.08)}.message-row.selected{background:color-mix(in srgb,var(--accent-soft) 86%,white)}.message-list-frame.refreshing .message-scroll{opacity:.72}.row-icon-button{width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:var(--muted);background:transparent;cursor:pointer}.row-icon-button:hover{color:var(--warning);background:var(--warning-soft)}.row-icon-button.starred,.starred{color:var(--warning)!important}.row-icon-button svg{width:17px;height:17px}.message-open-button{min-width:0;height:100%;display:grid;grid-template-columns:minmax(136px,19%) minmax(220px,1fr) 86px;align-items:center;gap:12px;padding:0;border:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.message-open-button:disabled{cursor:progress}.message-sender,.message-subject{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-sender{color:var(--ink);font-size:12.5px;font-weight:560}.message-subject{display:flex;align-items:center;color:var(--ink-soft)}.message-subject b{flex:0 1 auto;overflow:hidden;color:var(--ink);font-weight:540;text-overflow:ellipsis}.message-preview-divider{flex:0 0 auto;margin:0 5px;color:var(--muted)}.message-subject em{min-width:0;overflow:hidden;color:var(--muted);font-style:normal;text-overflow:ellipsis}.message-subject svg{width:14px;flex:0 0 auto;margin-left:7px}.message-open-button time{color:var(--ink-soft);font-size:11.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.row-loader{width:15px;vertical-align:middle}.message-row.unread .message-sender,.message-row.unread .message-subject b,.message-row.unread time{color:var(--ink);font-weight:740}.mail-empty{min-height:260px;flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted)}.mail-empty>svg{width:34px;height:34px;margin-bottom:8px;color:color-mix(in srgb,var(--accent) 55%,var(--muted))}.mail-empty strong{color:var(--ink);font-size:15px}.message-reader{min-height:0;flex:1 1;overflow-y:auto;padding:24px clamp(24px,4.2vw,64px) 52px;background:white}.reader-heading{display:flex;align-items:flex-start;gap:18px;max-width:1080px}.message-reader h2{flex:1 1;margin:0;color:var(--ink);font-size:clamp(21px,2vw,28px);font-weight:520;letter-spacing:-.025em;line-height:1.25}.sender-block{max-width:1080px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:25px}.sender-avatar{width:40px;height:40px;color:white;background:var(--accent);font-size:12px}.sender-block>div{min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:7px}.sender-block small,.sender-block span{overflow:hidden;color:var(--muted);font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.sender-block small{grid-column:1/-1}.sender-block time{color:var(--muted);font-size:11.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.reader-controls{max-width:1080px;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 2px 52px}.format-switch{display:inline-flex;padding:2px;border:1px solid var(--line-soft);border-radius:10px;background:var(--canvas)}.format-switch button,.load-images-button{min-height:28px;padding:0 10px;border:0;border-radius:8px;color:var(--ink-soft);background:transparent;font-size:11.5px;cursor:pointer}.format-switch button.active{color:var(--ink);background:white;box-shadow:var(--shadow-1);font-weight:650}.load-images-button{color:var(--accent-hover);background:var(--accent-soft);font-weight:650}.message-document{width:calc(100% - 52px);max-width:1080px;min-height:240px;display:block;margin-left:52px;border:0;background:white}.message-body{max-width:76ch;margin:22px 0 22px 52px;padding:0;border:0;color:var(--ink);background:transparent;font:14px/1.72 var(--font);white-space:pre-wrap;overflow-wrap:anywhere}.attachment-list{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0 52px}.attachment-list a{min-width:210px;display:grid;grid-template-columns:20px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line);color:var(--ink);background:var(--canvas);text-decoration:none}.attachment-list a:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));background:var(--accent-soft)}.attachment-list svg{width:16px;color:var(--accent)}.attachment-list span{min-width:0;overflow:hidden;font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.attachment-list small{display:block;color:var(--muted);font-weight:400}.reader-actions{margin:28px 0 0 52px;padding-top:20px;border-top:1px solid var(--line-soft)}.reader-actions button{min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 16px;border:1px solid var(--line);border-radius:18px;background:white;font-weight:650;cursor:pointer}.reader-actions button:hover{color:var(--accent-hover);background:var(--accent-soft)}.reader-actions svg{width:16px}.compose-layer,.settings-layer{position:fixed;inset:0;z-index:70;pointer-events:none}.compose-scrim,.settings-scrim,.sidebar-scrim{position:absolute;inset:0;border:0;pointer-events:auto}.compose-scrim{background:transparent}.settings-scrim,.sidebar-scrim{background:rgb(var(--sufrone-ink-rgb)/.28)}.composer{position:absolute;right:24px;bottom:0;width:min(560px,calc(100vw - 40px));height:min(620px,calc(100dvh - 76px));display:flex;flex-direction:column;overflow:hidden;border-radius:10px 10px 0 0;background:white;box-shadow:0 8px 28px rgb(var(--sufrone-ink-rgb)/.24),0 1px 6px rgb(var(--sufrone-ink-rgb)/.14);pointer-events:auto;animation:compose-in .18s cubic-bezier(.22,1,.36,1)}@keyframes compose-in{0%{transform:translateY(14px);opacity:.7}to{transform:translateY(0);opacity:1}}.composer header{min-height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 15px;color:white;background:var(--ink)}.composer header h2{margin:0;font-size:12px;font-weight:650}.composer header button{width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:white;background:transparent;cursor:pointer}.composer header button:hover{background:rgb(255 255 255/.12)}.composer header svg{width:16px}.composer label{min-height:42px;display:grid;grid-template-columns:56px 1fr;align-items:center;padding:0 15px;border-bottom:1px solid var(--line-soft)}.composer label span{color:var(--muted);font-size:11.5px}.composer input,.composer select{min-width:0;width:100%;border:0;outline:0;background:transparent}.composer textarea{min-height:0;flex:1 1;resize:none;padding:16px;border:0;outline:0;color:var(--ink);line-height:1.65}.signature-preview{padding:8px 16px;border-top:1px solid var(--line-soft);color:var(--muted);font-size:10.5px}.signature-preview span{display:block;overflow:hidden;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap}.form-error{margin:0;padding:10px 16px;color:var(--danger-foreground);background:var(--danger-soft);font-size:12px}.composer footer{display:flex;gap:8px;padding:11px 14px;border-top:1px solid var(--line-soft)}.discard-button,.send-button{height:36px;display:inline-flex;align-items:center;gap:8px;padding:0 16px;border-radius:18px;font-weight:700;cursor:pointer}.send-button{border:0;color:white;background:var(--accent)}.send-button:hover{background:var(--accent-hover)}.send-button:disabled{opacity:.6;cursor:wait}.discard-button{border:0;background:transparent}.discard-button:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.discard-button svg,.send-button svg{width:15px}.settings-panel{position:absolute;top:0;right:0;width:min(700px,calc(100vw - 24px));height:100dvh;display:grid;grid-template-columns:200px minmax(0,1fr);grid-template-rows:auto 1fr auto;overflow:hidden;background:white;box-shadow:var(--shadow-3);pointer-events:auto;animation:settings-in .19s cubic-bezier(.22,1,.36,1)}@keyframes settings-in{0%{transform:translateX(20px)}to{transform:translateX(0)}}.settings-panel>header{min-height:64px;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 22px;border-bottom:1px solid var(--line-soft)}.settings-panel>header span{display:block;color:var(--muted);font-size:10.5px}.settings-panel>header h2{margin:0;font-size:20px;letter-spacing:-.02em}.settings-panel>header button{width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.settings-panel>header button:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.settings-panel>header svg{width:18px}.settings-panel>nav{min-height:0;display:grid;align-content:start;gap:2px;padding:16px 10px;border-right:1px solid var(--line-soft);background:var(--canvas)}.settings-panel>nav button{min-height:40px;padding:0 12px;border:0;border-radius:20px;color:var(--ink-soft);background:transparent;text-align:left;cursor:pointer}.settings-panel>nav button:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}.settings-panel>nav button.active{color:var(--accent-hover);background:var(--accent-soft);font-weight:700}.settings-content{min-width:0;overflow-y:auto}.settings-content>section{padding:28px}.settings-panel h3{margin:0;font-size:20px;letter-spacing:-.02em}.settings-panel p{margin:7px 0 20px;color:var(--muted);font-size:12px;line-height:1.6}.settings-field{display:grid;gap:6px;margin-top:16px}.settings-field>span{color:var(--ink-soft);font-size:12px;font-weight:650}.settings-field input,.settings-field select,.settings-field textarea{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;outline:0;background:white}.settings-field textarea{min-height:112px;resize:vertical;line-height:1.55}.settings-field input:focus,.settings-field select:focus,.settings-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.identity-editor{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.identity-editor>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.identity-editor small{color:var(--muted)}.settings-toggle{display:flex;align-items:flex-start;gap:10px;margin-top:20px;cursor:pointer}.settings-toggle input{width:17px;height:17px;margin-top:2px;accent-color:var(--accent)}.settings-toggle span{display:grid}.settings-toggle small{color:var(--muted)}.settings-panel dl{margin:14px 0 22px}.settings-panel dl div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line-soft)}.settings-panel dt{color:var(--muted)}.settings-panel dd{margin:0;font-weight:650}.settings-panel>footer{min-height:64px;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 18px;border-top:1px solid var(--line-soft);background:white}.settings-panel>footer p{margin:0;color:var(--success)}.save-settings-button,.signout-button{min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 15px;border-radius:19px;font-weight:700;cursor:pointer}.save-settings-button{border:0;color:white;background:var(--accent)}.save-settings-button:disabled{opacity:.6;cursor:wait}.signout-button{margin-top:12px;border:1px solid color-mix(in srgb,var(--danger) 32%,transparent);color:var(--danger-foreground);background:var(--danger-soft)}.signout-button svg{width:16px}.login-page{min-height:100dvh;display:grid;grid-template-columns:minmax(390px,.82fr) 1.18fr;background:var(--canvas)}.login-brand-panel{min-height:100dvh;display:flex;flex-direction:column;padding:40px clamp(34px,5vw,72px);color:white;background:var(--ink)}.login-wordmark{display:flex;align-items:baseline;gap:10px}.login-wordmark span{font-size:20px;font-weight:800;letter-spacing:.05em}.login-wordmark small{color:rgb(255 255 255/.68);font-size:16px}.login-message{max-width:520px;margin:auto 0}.login-symbol{width:58px;height:58px;display:grid;place-items:center;margin-bottom:24px;border-radius:var(--radius-record);color:var(--ink);background:var(--throat)}.login-symbol svg{width:26px}.login-message h1{margin:0;color:white;font-size:clamp(38px,5vw,64px);font-weight:560;letter-spacing:-.04em;line-height:1.02}.login-message p{max-width:430px;margin:22px 0 0;color:rgb(255 255 255/.7);font-size:17px;line-height:1.6}.login-footnote{color:rgb(255 255 255/.54);font-size:12px}.login-form-panel{display:grid;place-items:center;padding:40px}.login-card{width:min(430px,100%)}.login-card-heading{margin-bottom:28px}.login-card h2{margin:0;font-size:34px;letter-spacing:-.03em}.login-card-heading p{margin:8px 0 0;color:var(--muted)}.mobile-wordmark{display:none}.field-label{display:block;margin:17px 0 7px;color:var(--ink);font-size:12px;font-weight:700}.field-shell{height:48px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--line);border-radius:var(--radius-control);background:white;transition:border-color .16s ease,box-shadow .16s ease}.field-shell:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.field-shell>svg{color:var(--muted)}.field-shell input{min-width:0;flex:1 1;border:0;outline:0;background:transparent}.field-icon-button{width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:var(--muted);background:transparent;cursor:pointer}.sign-in-button{width:100%;height:48px;display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding:0 15px 0 18px;border:0;border-radius:24px;color:white;background:var(--accent);font-weight:700;cursor:pointer;transition:background .16s ease}.sign-in-button:hover:not(:disabled){background:var(--accent-hover)}.sign-in-button:disabled{opacity:.65;cursor:wait}.login-help{margin:15px 0 0;color:var(--muted);font-size:12px;text-align:center}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:980px){.topbar{grid-template-columns:auto minmax(180px,1fr) auto;padding:0 12px}.brand-lockup{display:none}.navigation-compact .workspace,.workspace{grid-template-columns:minmax(0,1fr)}.mail-surface{margin-left:12px}.mail-sidebar{position:fixed;inset:0 auto 0 0;z-index:80;width:270px;padding-top:18px;box-shadow:var(--shadow-3);transform:translateX(-110%);transition:transform .19s cubic-bezier(.22,1,.36,1)}.mail-sidebar.open{transform:translateX(0)}.sidebar-scrim{position:fixed;z-index:75}.login-page{grid-template-columns:1fr}.login-brand-panel{display:none}.mobile-wordmark{display:block;margin-bottom:48px;font-size:18px;font-weight:800;letter-spacing:.05em}.mobile-wordmark small{color:var(--ink-soft);font-size:15px;font-weight:500;letter-spacing:0}}@media (max-width:680px){.topbar{height:58px;gap:7px;padding:0 9px}.workspace{height:calc(100dvh - 58px)}.mail-surface{margin:0;border-radius:0;box-shadow:none}.topbar-actions .account-button{display:none}.search-box{height:40px;padding:0 11px}.mail-toolbar{min-height:52px;padding:0 7px}.toolbar-button{min-width:36px;justify-content:center;padding:0 8px}.toolbar-button>span{display:none}.toolbar-divider{margin:0 3px}.mail-toolbar h1{max-width:96px;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.folder-count,.toolbar-pagination span{display:none}.message-row{grid-template-columns:30px minmax(0,1fr);min-height:64px;padding:0 9px}.message-row>input{display:none}.message-open-button{grid-template-columns:minmax(0,1fr) max-content;grid-template-rows:auto auto;column-gap:12px;row-gap:3px;align-content:center}.message-sender{grid-column:1;grid-row:1}.message-open-button time{grid-column:2;grid-row:1;white-space:nowrap}.message-subject{grid-column:1/-1;grid-row:2}.message-preview-divider,.message-subject em{display:none}.message-reader{padding:19px 15px 36px}.sender-block{grid-template-columns:38px minmax(0,1fr)}.sender-block time{grid-column:2;text-align:left}.reader-controls{align-items:flex-start;flex-direction:column;margin-left:50px;padding:7px 0}.attachment-list,.message-body,.message-document,.reader-actions{width:100%;margin-left:0}.composer{right:0;width:100vw;height:calc(100dvh - 32px);border-radius:10px 10px 0 0}.settings-panel{width:100vw;grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto}.settings-panel>nav{grid-auto-flow:column;grid-auto-columns:minmax(142px,auto);overflow-x:auto;border-right:0;border-bottom:1px solid var(--line-soft)}.settings-panel>footer,.settings-panel>header{grid-column:1}.settings-content>section{padding:20px}.login-form-panel{padding:24px}.login-card h2{font-size:30px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mail-app{--canvas:#f6f8fa;--ink:#202124;--ink-soft:#444746;--muted:#5f6368;font-size:14px}.topbar{height:72px;grid-template-columns:232px minmax(280px,720px) 1fr;gap:16px}.workspace{height:calc(100dvh - 72px);grid-template-columns:256px minmax(0,1fr)}.search-box{height:48px;border-radius:28px;background:#eaf0f3}.search-box input{font-size:16px}.mail-sidebar{padding-top:8px}.compose-button{width:150px;height:56px;margin:0 0 20px 12px;border-radius:16px;color:#123e42;background:#cce8e7;font-size:14px;font-weight:600;box-shadow:none}.compose-button svg{width:23px;height:23px}.compose-button:hover{background:#c0e2e0;box-shadow:0 2px 5px #20353626}.account-row{display:none}.folder-nav button{height:34px;padding-left:26px;font-weight:400;border-radius:0 20px 20px 0}.folder-nav button.active{background:#d9eceb;color:#173e41;font-weight:650}.folder-nav strong{font-size:12px}.mail-surface{border:0;box-shadow:none;border-radius:16px;margin-right:16px}.mail-toolbar{min-height:52px;border-bottom:1px solid #edf0f2}.mail-toolbar h1{font-size:14px;font-weight:500}.message-row{min-height:44px;background:#f2f6f8;border-bottom-color:#e6eaed}.density-comfortable .message-row{min-height:48px}.message-row.unread{background:white}.message-row:focus-within,.message-row:hover{background:#edf4f4;box-shadow:inset 0 1px #d7e0e2,inset 0 -1px #d7e0e2,0 2px 3px #20353618}.message-sender{font-size:14px;font-weight:400}.message-row.unread .message-sender,.message-row.unread .message-subject b,.message-row.unread time{font-weight:650}.message-open-button time{font-size:12px;white-space:nowrap}.sidebar-footer{border:0;font-size:11px}.composer{width:min(600px,calc(100vw - 40px));height:min(640px,calc(100dvh - 90px));border-radius:12px 12px 0 0}.composer header{min-height:44px;color:var(--ink);background:#edf3f5}.composer header button{color:var(--ink-soft);border-radius:4px}.composer header button:hover{background:#dce5e9}.composer header .compose-title-button{width:auto;flex:1 1;justify-content:start;text-align:left}.compose-window-actions{display:flex}.composer header h2{font-size:14px;font-weight:600}.composer label{margin:0 16px;padding:0;min-height:40px;grid-template-columns:54px minmax(0,1fr)}.composer label[hidden]{display:none}.composer label span{font-size:13px}.composer textarea{font-size:14px}.recipient-line{display:flex;margin:0 16px;border-bottom:1px solid var(--line-soft)}.recipient-line label{flex:1 1;min-width:0;margin:0;border:0}.recipient-line>button{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:0 6px}.recipient-line>button:hover{text-decoration:underline}.composer footer{align-items:center;border:0;padding:16px}.send-button{height:40px;padding:0 24px;font-weight:600;border-radius:22px}.compose-hint{margin-left:8px;color:var(--muted);font-size:11px}.discard-button{margin-left:auto;width:36px;padding:0;justify-content:center;color:var(--muted)}.compose-minimized .composer{height:44px;width:320px}.compose-minimized .composer>:not(header){display:none}.compose-expanded .composer{inset:5dvh 8vw;width:auto;height:90dvh;border-radius:12px}.mobile-compose{display:none}@media (max-width:980px){.topbar{grid-template-columns:auto minmax(0,1fr) auto}.navigation-compact .workspace,.workspace{grid-template-columns:minmax(0,1fr)}.mail-sidebar{padding-top:24px}.navigation-compact .mail-sidebar{width:270px;padding-right:12px}.navigation-compact .compose-button{width:150px}.navigation-compact .compose-button span,.navigation-compact .folder-nav button span,.navigation-compact .folder-nav button strong,.navigation-compact .sidebar-footer{display:initial}.navigation-compact .folder-nav button{width:100%;grid-template-columns:24px minmax(0,1fr) auto;justify-items:stretch;margin-left:0;padding:0 14px 0 26px;border-radius:0 20px 20px 0}.mobile-compose{display:flex;position:fixed;right:22px;bottom:24px;z-index:25;align-items:center;gap:12px;padding:18px 22px;border:0;border-radius:18px;color:#123e42;background:#cce8e7;box-shadow:0 3px 12px #20353626;font-weight:600;cursor:pointer}.mobile-compose svg{width:22px}.message-scroll{padding-bottom:90px}}@media (max-width:680px){.topbar{height:64px;gap:6px}.workspace{height:calc(100dvh - 64px)}.search-box{height:44px;padding-left:12px}.search-box input{font-size:14px}.mail-surface{margin:0;border-radius:0}.density-comfortable .message-row,.message-row{min-height:76px}.message-subject{font-size:13px}.compose-expanded .composer,.composer{inset:0;width:100%;height:100dvh;border-radius:0}.compose-minimized .composer{inset:auto 8px 8px auto;width:min(320px,calc(100vw - 16px));height:44px;border-radius:10px}.compose-hint{display:none}.composer header{min-height:56px}.compose-minimized .composer header{min-height:44px}.composer input,.composer select,.composer textarea{font-size:16px}}.compose-files{max-height:130px;overflow-y:auto;padding:4px 16px}.compose-files>div{display:flex;gap:8px;align-items:center;padding:6px 10px;margin-bottom:4px;border-radius:6px;background:#edf3f5}.compose-files svg{width:16px;flex-shrink:0}.compose-files span{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.compose-files small{margin-left:8px;color:var(--muted)}.compose-files button{border:0;background:transparent;cursor:pointer}.composer>input[hidden]{display:none}.message-row{position:relative}.row-actions{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:none;align-items:center;background:#edf4f4}.row-actions button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:var(--ink-soft);cursor:pointer}.row-actions button:hover{background:#dbe7e7}.row-actions svg{width:18px}.message-row:focus-within .row-actions,.message-row:hover .row-actions{display:flex}.mail-notice{position:fixed;bottom:24px;left:24px;z-index:95;display:flex;gap:18px;align-items:center;max-width:calc(100vw - 48px);padding:14px 18px;color:white;background:#303638;border-radius:6px;box-shadow:0 3px 12px #20353626}.mail-notice button{display:grid;place-items:center;border:0;color:white;background:transparent;cursor:pointer}.mail-notice svg{width:18px}@media (hover:none){.row-actions{display:none!important}}.brand-lockup{gap:10px}.brand-lockup>span:last-child{color:var(--muted);font-size:18px;font-weight:400}.compose-button{justify-content:flex-start;padding-left:22px;font-weight:550}.folder-nav button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-group-label{margin:22px 0 8px;padding-left:26px;color:var(--muted);font-size:12px;font-weight:500}.navigation-compact .folder-group-label{display:none}.attachment-list{padding:18px 0;border-top:1px solid var(--line-soft)}.attachment-list a{min-width:0;width:min(270px,100%);border-radius:10px}.reader-actions{display:flex;gap:10px;flex-wrap:wrap}.message-reader h2{font-size:24px;font-weight:400;letter-spacing:-.02em}.sidebar-footer{padding-bottom:6px}@media (max-width:680px){.composer header button{width:40px;height:40px}.message-reader h2{font-size:22px}.sender-block>div{display:flex;align-items:flex-start;flex-direction:column}.sender-block>div span{max-width:100%}.message-row{padding-inline:12px}}