@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/mail/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/mail/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/mail/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/mail/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/mail/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/mail/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2)format("woff2"),url(/mail/assets/instrument-serif-latin-400-italic-u__WvvIK.woff)format("woff")}:root{--m-bg:#060708;--m-bg-2:#0a0c0d;--m-card:#0e1012;--m-card-2:#15171a;--m-card-3:#1c1f22;--m-ink:#f3f5f4;--m-ink-2:#b3bab7;--m-muted:#7d8582;--m-line:#ffffff14;--m-line-2:#ffffff26;--m-accent:#5fe3c6;--m-mint:#8ff4d2;--m-grad:linear-gradient(120deg, #8ff4d2 0%, #83e2ff 100%);--m-grad-text:linear-gradient(115deg, #8ff4d2 10%, #83e2ff 90%);--m-glow:#4fdcbf4d;--m-tint:#8ff4d212;--m-tint-line:#8ff4d229;--m-on-grad:#04120e;--m-bad:#ffb1aa;--m-warn:#f2c46d;--m-shadow-1:0 1px 2px #00000080, 0 10px 30px -8px #00000080;--m-shadow-2:0 2px 6px #0006, 0 40px 90px -24px #000000d9;--m-out:cubic-bezier(.16, 1, .3, 1);--m-font:"Geist Variable", -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--m-serif:"Instrument Serif", ui-serif, Georgia, serif;--m-pad:36px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--m-bg)}body{background:var(--m-bg);color:var(--m-ink);font:14px/1.5 var(--m-font);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;margin:0}::selection{color:var(--m-on-grad);background:#8ff4d28c}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;transition:background .2s, color .2s, box-shadow .25s, transform .35s var(--m-out);background:0 0;border:0;justify-content:center;align-items:center;gap:9px;display:inline-flex}button:disabled{cursor:default;opacity:.45}a{color:inherit}svg{flex-shrink:0}input,textarea,select{min-width:0}:focus-visible{outline:2px solid var(--m-accent);outline-offset:3px;border-radius:10px}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(38% 50% at 62% 40%,#83e2ff17,#0000 70%),radial-gradient(34% 46% at 34% 44%,#8ff4d214,#0000 70%);height:80vh;position:fixed;top:-30vh;left:10%;right:-10%}body:after{content:"";z-index:90;pointer-events:none;opacity:.05;filter:invert();background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;position:relative}.mail-brand em,.mail-login em,.mail-reader-empty em{font-family:var(--m-serif);letter-spacing:-.01em;background:var(--m-grad-text);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 -.08em -.06em -.02em;padding:0 .08em .06em .02em;font-style:italic;font-weight:400}.mail-eyebrow{letter-spacing:.14em;width:fit-content;color:var(--m-ink-2);align-items:center;gap:10px;margin:0 0 12px;font-size:11px;font-weight:600;display:flex}.mail-eyebrow:before{content:"";background:var(--m-grad);border-radius:2px;width:18px;height:1.5px}.mail-app{grid-template-columns:256px minmax(0,1fr);min-height:100dvh;display:grid}.mail-main{min-width:0}.mail-sidebar{border-right:1px solid var(--m-line);height:100dvh;color:var(--m-ink-2);-webkit-backdrop-filter:saturate(1.4)blur(20px);background:#0a0c0dd1;flex-direction:column;padding:26px 16px 22px;display:flex;position:sticky;top:0;overflow-y:auto}.mail-brand{width:fit-content;color:var(--m-ink);letter-spacing:-.045em;align-items:center;gap:9px;padding:4px 10px;font-size:21px;font-weight:650;text-decoration:none;display:inline-flex}.mail-mark{width:26px;height:26px;transition:transform .8s var(--m-out)}.mail-brand:hover .mail-mark{transform:rotate(180deg)}.mail-brand em{margin-left:.18em;font-size:1.12em}.mail-workspace{border:1px solid var(--m-line);background:var(--m-card);color:var(--m-ink);border-radius:16px;align-items:center;gap:11px;margin:24px 0 18px;padding:11px 12px;font-size:13px;font-weight:550;line-height:1.3;display:flex}.mail-workspace small{color:var(--m-muted);margin-top:2px;font-size:11.5px;font-weight:400;display:block}.mail-workspace>svg{width:15px;height:15px;color:var(--m-muted);margin-left:auto}.mail-workspace-icon{background:var(--m-card-2);width:34px;height:34px;box-shadow:inset 0 0 0 1px var(--m-line-2);color:var(--m-ink);border-radius:10px;flex:none;place-items:center;display:grid}.mail-workspace-icon svg{width:20px;height:20px}.mail-compose{background:var(--m-grad);width:100%;height:46px;color:var(--m-on-grad);letter-spacing:-.01em;box-shadow:0 12px 30px -12px var(--m-glow);border-radius:999px;margin-bottom:28px;font-size:14.5px;font-weight:600}.mail-compose svg{width:18px;height:18px}.mail-compose:hover:not(:disabled){box-shadow:0 16px 34px -12px var(--m-glow), 0 0 0 5px #4fdcbf24;transform:translateY(-1px)}.mail-compose:active:not(:disabled){transition-duration:.1s;transform:scale(.98)}.mail-nav-label{letter-spacing:.14em;color:var(--m-muted);margin:0 12px 10px;font-size:11px;font-weight:600}.mail-sidebar nav{gap:2px;display:grid}.mail-sidebar nav button{color:var(--m-ink-2);border-radius:12px;justify-content:flex-start;gap:12px;padding:11px 12px;font-size:14px;font-weight:500}.mail-sidebar nav button svg{width:18px;height:18px}.mail-sidebar nav button:hover:not(:disabled){background:var(--m-card-2);color:var(--m-ink)}.mail-sidebar nav button.active{background:var(--m-tint);box-shadow:inset 0 0 0 1px var(--m-tint-line);color:var(--m-ink)}.mail-sidebar nav button.active svg,.mail-sidebar nav button.active span{color:var(--m-mint)}.mail-sidebar nav button span{font-variant-numeric:tabular-nums;color:var(--m-muted);margin-left:auto;font-size:12px}.mail-sidebar-bottom{color:var(--m-muted);margin-top:auto;padding:24px 12px 0;font-size:12px}.mail-security-dot{background:var(--m-mint);width:7px;height:7px;box-shadow:0 0 10px var(--m-glow);vertical-align:1px;border-radius:50%;margin-right:8px;display:inline-block}.mail-sidebar-bottom p{font:italic 400 24px/1.15 var(--m-serif);letter-spacing:-.01em;color:var(--m-ink-2);margin:16px 0 0}.mail-sidebar-bottom button{height:36px;box-shadow:inset 0 0 0 1px var(--m-line-2);color:var(--m-ink-2);border-radius:999px;gap:8px;margin-top:18px;padding:0 14px 0 11px;font-size:13px;font-weight:550}.mail-sidebar-bottom button svg{width:16px;height:16px}.mail-sidebar-bottom button:hover:not(:disabled){background:var(--m-card-2);color:var(--m-ink)}.mail-topbar{height:72px;padding:0 var(--m-pad);border-bottom:1px solid var(--m-line);justify-content:space-between;align-items:center;gap:16px;font-size:13.5px;font-weight:550;display:flex}.mail-topbar>span:first-child{white-space:nowrap}.mail-breadcrumb{color:var(--m-muted);font-weight:450}.mail-slash{color:#3a403e;padding:0 12px}.mail-account{min-width:0;color:var(--m-ink-2);align-items:center;gap:12px;font-size:13px;font-weight:450;display:flex}.mail-address{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mail-avatar{background:var(--m-grad);width:34px;height:34px;color:var(--m-on-grad);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:650;display:grid}.mail-mobile-logout{display:none}.mail-banner{margin:16px var(--m-pad) 0;background:var(--m-tint);box-shadow:inset 0 0 0 1px var(--m-tint-line);color:var(--m-mint);border-radius:14px;align-items:center;gap:10px;padding:12px 14px 12px 16px;font-size:13.5px;line-height:1.5;display:flex}.mail-banner svg{width:17px;height:17px}.mail-banner.error{color:var(--m-bad);background:#ff7b7214;box-shadow:inset 0 0 0 1px #ff7b7238}.mail-banner button{border-radius:999px;flex-shrink:0;margin-left:auto;padding:5px}.mail-banner button:hover{background:#ffffff0f}.mail-heading{padding:32px var(--m-pad) 24px;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.mail-heading h1{letter-spacing:-.05em;align-items:center;gap:12px;margin:0;font-size:40px;font-weight:620;line-height:1;display:flex}.mail-heading h1 span{box-shadow:inset 0 0 0 1px var(--m-line-2);letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--m-ink-2);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:550;line-height:1.4}.mail-icon-button{width:42px;height:42px;box-shadow:inset 0 0 0 1px var(--m-line-2);color:var(--m-ink-2);border-radius:50%;flex:none}.mail-icon-button svg{width:18px;height:18px}.mail-icon-button:hover:not(:disabled){background:var(--m-card-2);color:var(--m-ink)}.mail-panels{border:1px solid var(--m-line);background:var(--m-card);min-height:calc(100dvh - 230px);box-shadow:var(--m-shadow-1);border-radius:24px;grid-template-columns:minmax(300px,38%) minmax(0,1fr);margin:0 30px 30px;display:grid;overflow:hidden}.mail-list{border-right:1px solid var(--m-line);flex-direction:column;min-width:0;display:flex}.mail-search{background:var(--m-card-2);height:44px;box-shadow:inset 0 0 0 1px var(--m-line);color:var(--m-muted);border-radius:999px;align-items:center;gap:10px;margin:16px;padding:0 16px;transition:box-shadow .2s;display:flex}.mail-search:focus-within{box-shadow:inset 0 0 0 1px #5fe3c68c,0 0 0 4px #4fdcbf1f}.mail-search svg{width:17px;height:17px}.mail-search input{width:100%;color:var(--m-ink);background:0 0;border:0;outline:none;font-size:14px}.mail-search input::placeholder{color:var(--m-muted)}.mail-list-caption{letter-spacing:.12em;color:var(--m-muted);justify-content:space-between;gap:12px;padding:0 20px 12px;font-size:11px;font-weight:600;display:flex}.mail-list-caption span+span{letter-spacing:0;font-weight:500}.mail-message-list{flex:1;max-height:calc(100dvh - 370px);overflow:auto}.mail-message{border-top:1px solid var(--m-line);text-align:left;align-items:flex-start;gap:12px;width:100%;padding:16px 18px;display:flex;position:relative}.mail-message:before{content:"";background:var(--m-grad);opacity:0;border-radius:0 3px 3px 0;width:3px;transition:opacity .2s;position:absolute;top:12px;bottom:12px;left:0}.mail-message:hover:not(:disabled){background:#ffffff06}.mail-message.selected{background:var(--m-tint)}.mail-message.selected:before,.mail-message:disabled{opacity:1}.mail-sender-avatar{background:var(--m-card-3);width:36px;height:36px;box-shadow:inset 0 0 0 1px var(--m-line-2);color:var(--m-ink-2);border-radius:50%;flex-shrink:0;place-items:center;font-size:13.5px;font-weight:600;display:grid}.mail-message.unread .mail-sender-avatar{background:var(--m-grad);box-shadow:none;color:var(--m-on-grad)}.mail-message-copy{flex:1;min-width:0}.mail-message-meta{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:3px;display:flex}.mail-message-meta strong{text-overflow:ellipsis;white-space:nowrap;color:var(--m-ink);font-size:13.5px;font-weight:550;overflow:hidden}.mail-message-meta time{color:var(--m-muted);flex-shrink:0;font-size:12px}.mail-message-subject{color:var(--m-ink-2);overflow-wrap:anywhere;align-items:center;gap:8px;font-size:14px;font-weight:500;line-height:1.4;display:flex}.mail-message.unread .mail-message-subject{color:var(--m-ink);font-weight:650}.mail-message-preview{text-overflow:ellipsis;white-space:nowrap;color:var(--m-muted);margin-top:3px;font-size:13px;display:block;overflow:hidden}.mail-unread-dot{background:var(--m-mint);width:7px;height:7px;box-shadow:0 0 8px var(--m-glow);border-radius:50%;flex-shrink:0}.mail-file-count{color:var(--m-muted);align-items:center;gap:5px;margin-top:8px;font-size:12px;display:flex}.mail-file-count svg{width:13px;height:13px}.mail-list-empty{text-align:center;color:var(--m-muted);padding:64px 24px}.mail-list-empty>svg{width:30px;height:30px;color:var(--m-ink-2)}.mail-list-empty h2{letter-spacing:-.02em;color:var(--m-ink);margin:14px 0 6px;font-size:17px;font-weight:600}.mail-list-empty p{margin:0;font-size:13.5px;line-height:1.6}.mail-pagination{border-top:1px solid var(--m-line);color:var(--m-muted);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:12.5px;display:flex}.mail-pagination button{height:32px;box-shadow:inset 0 0 0 1px var(--m-line-2);color:var(--m-ink-2);border-radius:999px;padding:0 14px;font-size:12.5px;font-weight:550}.mail-pagination button:hover:not(:disabled){background:var(--m-card-2);color:var(--m-ink)}.mail-reader{background:var(--m-bg-2);min-width:0}.mail-reader-toolbar{border-bottom:1px solid var(--m-line);height:60px;color:var(--m-muted);justify-content:space-between;align-items:center;gap:12px;padding:0 16px;font-size:13px;display:flex}.mail-reader-toolbar>div{gap:6px;display:flex}.mail-reader-toolbar button{height:36px;color:var(--m-ink-2);border-radius:999px;padding:0 12px;font-size:13px;font-weight:550}.mail-reader-toolbar>div button{box-shadow:inset 0 0 0 1px var(--m-line-2)}.mail-reader-toolbar>div button[aria-label]{width:36px;padding:0}.mail-reader-toolbar button:hover:not(:disabled){background:var(--m-card-2);color:var(--m-ink)}.mail-reader-toolbar svg{width:17px;height:17px}.mail-reading{padding:36px 36px 44px}.mail-reading h2{letter-spacing:-.04em;overflow-wrap:anywhere;margin:0 0 24px;font-size:30px;font-weight:620;line-height:1.15}.mail-reading-meta{border-bottom:1px solid var(--m-line);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:28px;padding-bottom:22px;display:flex}.mail-reading-meta strong{overflow-wrap:anywhere;font-size:14px;font-weight:600}.mail-reading-meta small{color:var(--m-muted);overflow-wrap:anywhere;margin-top:2px;font-size:12.5px;display:block}.mail-reading-meta time{color:var(--m-muted);margin-left:auto;font-size:12.5px}.mail-body{color:var(--m-ink-2);white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.75}.mail-reply{height:42px;box-shadow:inset 0 0 0 1.5px var(--m-line-2);border-radius:999px;margin-top:32px;padding:0 18px 0 14px;font-size:13.5px;font-weight:600}.mail-reply svg{width:16px;height:16px}.mail-reply:hover:not(:disabled){background:var(--m-card-2)}.mail-draft{flex-direction:column;height:100%;min-height:560px;display:flex}.mail-draft fieldset{border:0;flex-direction:column;flex:1;min-width:0;margin:0;padding:0 24px;display:flex}.mail-draft fieldset label{border-bottom:1px solid var(--m-line);color:var(--m-muted);align-items:center;gap:16px;padding:14px 0;font-size:13px;transition:border-color .2s;display:flex}.mail-draft fieldset label:focus-within{border-bottom-color:#5fe3c68c}.mail-draft input,.mail-draft select{width:100%;color:var(--m-ink);background:0 0;border:0;outline:none;flex:1;font-size:14.5px}.mail-draft select option{background:var(--m-card-2);color:var(--m-ink)}.mail-draft textarea{resize:vertical;min-height:240px;color:var(--m-ink);background:0 0;border:0;outline:none;flex:1;padding:22px 0;font-size:15px;line-height:1.75}.mail-draft ::placeholder{color:var(--m-muted)}.mail-draft-footer{border-top:1px solid var(--m-line);flex-wrap:wrap;align-items:center;gap:10px;padding:16px 24px 6px;display:flex}.mail-draft-footer>button:not(.mail-primary){height:40px;color:var(--m-ink-2);border-radius:999px;margin-left:auto;padding:0 14px;font-size:13.5px;font-weight:550}.mail-draft-footer>button:not(.mail-primary):hover:not(:disabled){background:var(--m-card-2);color:var(--m-ink)}.mail-attach-button{height:40px;box-shadow:inset 0 0 0 1px var(--m-line-2);color:var(--m-ink-2);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:0 15px 0 12px;font-size:13.5px;font-weight:550;transition:background .2s,color .2s;display:flex;position:relative}.mail-attach-button:hover{background:var(--m-card-2);color:var(--m-ink)}.mail-attach-button:has(input:focus-visible){outline:2px solid var(--m-accent);outline-offset:3px}.mail-attach-button input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.mail-attach-button svg{width:16px;height:16px}.mail-size-hint{color:var(--m-muted);margin:0;padding:8px 24px 18px;font-size:12px}.mail-attachments{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.mail-attachments:empty{display:none}.mail-draft .mail-attachments{margin:16px 0;padding:0 24px}.mail-attachment{background:var(--m-card-2);max-width:100%;box-shadow:inset 0 0 0 1px var(--m-line);text-align:left;overflow-wrap:anywhere;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}button.mail-attachment:hover:not(:disabled){background:var(--m-card-3)}.mail-attachment>svg{width:16px;height:16px;color:var(--m-mint)}.mail-attachment small{color:var(--m-muted);margin-top:2px;font-size:11.5px;display:block}.mail-attachment button{color:var(--m-muted);border-radius:999px;margin-left:4px;padding:4px}.mail-attachment button:hover:not(:disabled){background:var(--m-card-3);color:var(--m-ink)}.mail-attachment button svg{width:14px;height:14px}.mail-retry-note{color:var(--m-warn);margin:0;padding:0 24px 12px;font-size:13px;line-height:1.6}.mail-primary,.mail-reader-empty>button{background:var(--m-ink);height:46px;color:var(--m-bg);letter-spacing:-.01em;white-space:nowrap;border-radius:999px;padding:0 20px;font-size:14.5px;font-weight:600;box-shadow:0 12px 30px -10px #000c}.mail-primary svg{width:17px;height:17px}.mail-primary>span,.mail-reader-empty>button>span{background:var(--m-grad);width:32px;height:32px;color:var(--m-on-grad);border-radius:50%;flex:none;place-items:center;font-size:15px;display:grid}.mail-primary:hover:not(:disabled),.mail-reader-empty>button:hover:not(:disabled){box-shadow:0 20px 40px -12px #000c, 0 0 0 5px var(--m-glow);transform:translateY(-2px)}.mail-primary:active:not(:disabled),.mail-reader-empty>button:active:not(:disabled){transition-duration:.1s;transform:scale(.97)}.mail-reader-empty{text-align:center;background:radial-gradient(50% 45% at 50% 32%,#8ff4d20f,#0000 70%);flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:560px;padding:40px 24px;display:flex}.mail-reader-empty h2{letter-spacing:-.05em;margin:4px 0 16px;font-size:48px;font-weight:620;line-height:1.02}.mail-reader-empty h2 em{letter-spacing:-.03em;font-size:1.08em}.mail-reader-empty>p:not(.mail-eyebrow){color:var(--m-ink-2);margin:0 0 26px;font-size:15px;line-height:1.6}.mail-reader-empty>button{gap:12px;padding:0 7px 0 20px}.mail-reader-empty small{color:var(--m-muted);align-items:center;gap:6px;margin-top:56px;font-size:12px;display:flex}.mail-reader-empty small svg{width:13px;height:13px}.mail-envelope{width:112px;height:76px;box-shadow:inset 0 0 0 1px var(--m-line-2), 0 24px 50px -18px #000000e6, 0 0 60px -12px #4fdcbf47;background:linear-gradient(160deg,#1d2124,#111315);border-radius:12px;flex:none;margin:12px 0 44px;position:relative;overflow:hidden;transform:rotate(-8deg)}.mail-envelope:before,.mail-envelope:after{content:"";position:absolute;inset:0}.mail-envelope:before{z-index:1;clip-path:polygon(0 0,50% 58%,100% 0);background:linear-gradient(#2b3034,#1a1d20)}.mail-envelope:after{clip-path:polygon(0 100%,0 8%,50% 64%,100% 8%,100% 100%);background:linear-gradient(160deg,#181b1e,#0f1113)}.mail-envelope>div{z-index:2;background:var(--m-bg-2);width:34px;height:34px;box-shadow:inset 0 0 0 1px var(--m-line-2), 0 0 18px #4fdcbf59;border-radius:50%;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.mail-envelope>svg{z-index:3;width:21px;height:21px;color:var(--m-ink);position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.mail-login{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:64px;max-width:1180px;min-height:calc(100dvh - 72px);margin:0 auto;padding:56px 48px;display:grid}.mail-login-art{min-width:0;padding:0 8px}.mail-login-art .mail-envelope{width:132px;height:90px;margin:0 0 48px 6px}.mail-login h1{letter-spacing:-.055em;text-wrap:balance;margin:0 0 20px;font-size:clamp(48px,5.6vw,76px);font-weight:620;line-height:.98}.mail-login h1 em{letter-spacing:-.03em;font-size:1.08em}.mail-login-art>p:last-child{max-width:26em;color:var(--m-ink-2);margin:0;font-size:17px;line-height:1.55}.mail-login form{border:1px solid var(--m-line);background:var(--m-card);width:100%;max-width:420px;box-shadow:var(--m-shadow-2);border-radius:28px;justify-self:end;padding:36px}.mail-login-lock{background:var(--m-tint);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--m-tint-line);color:var(--m-mint);border-radius:14px;place-items:center;margin-bottom:26px;display:grid}.mail-login-lock svg{width:20px;height:20px}.mail-login h2{letter-spacing:-.045em;margin:0 0 10px;font-size:30px;font-weight:620;line-height:1.1}.mail-login form>p:not(.mail-eyebrow){color:var(--m-ink-2);margin:0;font-size:14.5px;line-height:1.6}.mail-code-label{color:var(--m-ink-2);margin-top:24px;font-size:13px;font-weight:550;display:block}.mail-code-label input{background:var(--m-card-2);width:100%;height:52px;box-shadow:inset 0 0 0 1px var(--m-line-2);letter-spacing:.3em;text-transform:uppercase;color:var(--m-ink);border:0;border-radius:16px;outline:none;margin-top:8px;padding:0 18px;font-size:18px;font-weight:600;transition:box-shadow .2s;display:block}.mail-code-label input:focus{box-shadow:inset 0 0 0 1.5px #5fe3c6b3,0 0 0 4px #4fdcbf24}.mail-code-label input::placeholder{letter-spacing:.01em;text-transform:none;color:var(--m-muted);font-size:15px;font-weight:400}.mail-login .mail-primary{justify-content:space-between;width:100%;margin:24px 0 8px;padding:0 7px 0 22px}.mail-login form>button:not(.mail-primary){width:100%;height:42px;color:var(--m-ink-2);border-radius:999px;font-size:13.5px;font-weight:550}.mail-login form>button:not(.mail-primary):hover:not(:disabled){background:var(--m-card-2);color:var(--m-ink)}.mail-login form>small{color:var(--m-muted);align-items:center;gap:7px;margin-top:20px;font-size:12.5px;line-height:1.5;display:flex}.mail-login form>small svg{width:14px;height:14px}.mail-setup-note{color:var(--m-warn);background:#f2c46d14;border-radius:14px;margin-top:10px;padding:12px 14px;font-size:13px;line-height:1.55;box-shadow:inset 0 0 0 1px #f2c46d33}@media (width<=1100px){:root{--m-pad:24px}.mail-app{grid-template-columns:224px minmax(0,1fr)}.mail-sidebar{padding:24px 12px 20px}.mail-workspace>svg{display:none}.mail-workspace>span:last-of-type{min-width:0}.mail-workspace small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mail-panels{grid-template-columns:300px minmax(0,1fr);margin:0 20px 20px}.mail-reading{padding:28px 24px 36px}.mail-login{gap:36px;padding:44px 28px}.mail-login form{padding:28px}}@media (width<=850px){.mail-app{grid-template-columns:200px minmax(0,1fr)}.mail-brand{padding:4px 6px;font-size:19px}.mail-mark{width:23px;height:23px}.mail-workspace{gap:9px;padding:10px;font-size:12px}.mail-workspace small{font-size:10.5px}.mail-workspace-icon{width:30px;height:30px}.mail-sidebar-bottom p{font-size:20px}.mail-panels{display:block}.mail-reader,.mail-panels.has-detail .mail-list{display:none}.mail-panels.has-detail .mail-reader{display:block}.mail-list{border-right:0;min-height:calc(100dvh - 232px)}.mail-message-list{max-height:calc(100dvh - 380px)}.mail-draft{min-height:calc(100dvh - 234px)}.mail-login{flex-direction:column;gap:32px;min-height:auto;padding:44px 24px;display:flex}.mail-login-art{text-align:center}.mail-login-art .mail-eyebrow{margin-inline:auto}.mail-login-art .mail-envelope{display:none}.mail-login h1{font-size:46px}.mail-login h1 br{display:none}.mail-login-art>p:last-child{margin:0 auto;font-size:16px}.mail-login form{justify-self:auto;max-width:440px}}@media (width<=600px){:root{--m-pad:16px}.mail-app{display:block}.mail-sidebar{height:auto;padding:14px 12px 10px var(--m-pad);border-right:0;border-bottom:1px solid var(--m-line);grid-template-columns:1fr auto;align-items:center;gap:14px 12px;display:grid;position:static}.mail-brand{padding:0;font-size:20px}.mail-mark{width:24px;height:24px}.mail-workspace,.mail-nav-label,.mail-sidebar-bottom{display:none}.mail-compose{width:auto;height:40px;margin:0;padding:0 16px 0 12px;font-size:13.5px}.mail-compose svg{width:16px;height:16px}.mail-sidebar nav{grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.mail-sidebar nav button{flex-direction:column;gap:4px;padding:8px 2px;font-size:11.5px;position:relative}.mail-sidebar nav button svg{width:19px;height:19px}.mail-sidebar nav button span{background:var(--m-card-3);min-width:17px;height:17px;color:var(--m-ink-2);border-radius:999px;place-items:center;margin:0;padding:0 4px;font-size:10px;font-weight:600;display:grid;position:absolute;top:3px;left:calc(50% + 6px)}.mail-sidebar nav button span:empty{display:none}.mail-sidebar nav button.active span{background:var(--m-grad);color:var(--m-on-grad)}.mail-topbar{height:56px;padding-right:12px;font-size:13px}.mail-account{gap:8px;font-size:12px}.mail-avatar{width:30px;height:30px;font-size:12px}.mail-mobile-logout{width:34px;height:34px;box-shadow:inset 0 0 0 1px var(--m-line-2);color:var(--m-ink-2);border-radius:50%;display:inline-flex}.mail-mobile-logout svg{width:16px;height:16px}.mail-banner{margin:12px 12px 0}.mail-heading{padding:22px 12px 16px var(--m-pad)}.mail-heading h1{font-size:32px}.mail-panels{border-radius:20px;min-height:calc(100dvh - 300px);margin:0 12px 16px}.mail-list{min-height:calc(100dvh - 300px)}.mail-message-list{max-height:none}.mail-search{margin:12px}.mail-list-caption{padding:0 16px 10px}.mail-message{padding:14px}.mail-reader-toolbar{padding:0 10px}.mail-reading{padding:22px 18px 30px}.mail-reading h2{font-size:24px}.mail-reading-meta time{margin-left:48px}.mail-draft{min-height:calc(100dvh - 300px)}.mail-draft fieldset{padding:0 16px}.mail-draft textarea{min-height:260px}.mail-draft .mail-attachments{padding:0 16px}.mail-draft-footer{padding:14px 16px 4px}.mail-draft-footer>button:not(.mail-primary){margin-left:0}.mail-size-hint,.mail-retry-note{padding-left:16px;padding-right:16px}.mail-reader-empty{min-height:440px}.mail-reader-empty h2{font-size:38px}.mail-reader-empty small{margin-top:36px}.mail-login{gap:24px;padding:28px 16px 40px}.mail-login h1{font-size:40px}.mail-login-art>.mail-eyebrow,.mail-login-art>p:last-child{display:none}.mail-login form{border-radius:24px;padding:26px 20px}.mail-login h2{font-size:26px}}@media (width<=400px){.mail-address{display:none}.mail-heading{gap:12px}.mail-heading .mail-eyebrow{letter-spacing:.1em;white-space:nowrap;gap:8px;font-size:10px}.mail-heading h1{font-size:28px}.mail-login h1{font-size:36px}.mail-sidebar nav button{font-size:10.5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}