:root{color-scheme:dark;--bg:#071013;--panel:#0c171a;--mint:#7bf4cf;--text:#ecf6f3;--muted:#91a2a6;--line:rgba(123,244,207,.2)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"Space Grotesk","Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.5}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}a{color:var(--mint);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}.site-shell{max-width:1440px;margin:auto;padding:0 46px;position:relative}.grid-glow{position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(123,244,207,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(123,244,207,.025) 1px,transparent 1px),radial-gradient(ellipse at 18% 0%,rgba(61,165,137,.12),transparent 62%);background-size:64px 64px,64px 64px,100% 100%}.nav{display:flex;align-items:center;justify-content:space-between;min-height:104px;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;color:var(--text)}.brand:hover{text-decoration:none}.brand img{object-fit:contain}.brand span{font-size:29px;font-weight:800;letter-spacing:-1.5px}.account-name{display:flex;gap:12px;align-items:center;font-weight:650;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-avatar{width:35px;height:35px;display:grid;place-items:center;background:rgba(123,244,207,.08);border:1px solid var(--line);color:var(--mint);font-size:13px;flex-shrink:0}.kicker,.field>span,.field-label{color:var(--mint);font-size:11px;font-weight:800;letter-spacing:2px}.kicker{margin:0 0 15px}.home-view{max-width:890px;margin:90px auto 100px}.home-view h1{font-size:clamp(35px,5.1vw,70px);font-weight:650;line-height:1.13;letter-spacing:-3px;margin:0 0 25px}.home-view h1 span{color:var(--mint)}.intro{color:var(--muted);font-size:16px;margin:0 0 34px}.address-form{max-width:640px}.field-label{display:block;margin-bottom:11px}.address-input{display:flex;border:1px solid var(--line);background:var(--panel);align-items:center;padding:0 20px;gap:10px;min-height:64px}.address-input:focus-within{border-color:var(--mint)}.address-input input{min-width:0;flex:1;border:0;outline:0;background:transparent;padding:18px 0;color:var(--text);font-size:20px}.address-input>span{font-size:17px;color:var(--muted);white-space:nowrap}.home-actions{display:flex;gap:12px;margin-top:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 23px;border:1px solid var(--line);background:transparent;color:var(--mint);font-size:11px;font-weight:800;letter-spacing:1.2px;text-decoration:none;transition:background .15s,border-color .15s}.button:hover{text-decoration:none;background:rgba(123,244,207,.08);border-color:var(--mint)}.primary{background:var(--mint);border-color:var(--mint);color:#071013}.primary:hover{background:#a2ffe4}.full{width:100%}.compact{padding:10px 16px;min-height:40px}.footer{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:.5px;padding:30px 0;border-top:1px solid var(--line);margin-top:70px}.auth-view{max-width:520px;margin:65px auto}.auth-heading h1{font-size:48px;letter-spacing:-2px;line-height:1.1;margin:0 0 20px}.auth-form{display:grid;gap:24px}.field{display:grid;gap:9px}.field>span{font-size:10px}.field input,.field textarea{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:15px;outline:0;min-width:0;border-radius:0}.field input:focus,.field textarea:focus{border-color:var(--mint)}.field input[readonly]{color:var(--mint);cursor:default}.field small,.auth-foot,.compose-footer small{color:var(--muted);font-size:12px}.auth-foot{margin:0;text-align:center}.password-field{position:relative}.password-field input{padding-right:80px}.password-toggle{position:absolute;right:12px;top:14px;background:transparent;border:0;color:var(--mint);font-size:10px;font-weight:800;letter-spacing:1px;padding:5px}.notice{padding:15px 20px;margin-top:22px;background:#112a24;border:1px solid var(--line);color:var(--mint);font-size:13px}.notice.error{background:#271b1b;border-color:#84413b;color:#ffc0b6}.mail-view{margin:45px 0 60px}.mail-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.mail-heading .kicker{margin-bottom:8px}.mail-heading h1{font-size:clamp(19px,2.5vw,32px);letter-spacing:-1px;overflow-wrap:anywhere;margin:0;font-weight:650}.mail-workspace{display:grid;grid-template-columns:190px minmax(0,1fr);border:1px solid var(--line);min-height:500px;background:rgba(12,23,26,.83)}.mail-sidebar{padding:23px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:25px}.folders{display:grid;gap:5px}.folders button{display:flex;justify-content:space-between;align-items:center;border:0;color:var(--muted);background:transparent;padding:12px 10px;text-align:left;font-weight:600}.folders button:hover,.folders button.active{color:var(--mint);background:rgba(123,244,207,.07)}.logout{background:transparent;border:0;color:var(--muted);text-align:left;padding:10px;margin-top:auto;font-size:12px}.logout:hover{color:var(--mint)}.mail-content{padding:26px 30px;min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px}.section-heading h2{font-size:22px;letter-spacing:-.7px;margin:0}.text-button{background:transparent;border:0;color:var(--mint);font-size:10px;letter-spacing:1px;font-weight:800;padding:5px 0}.text-button:hover{text-decoration:underline}.message-list{display:grid}.message-row{width:100%;display:grid;grid-template-columns:minmax(140px,.7fr) minmax(0,1fr) 80px;gap:18px;padding:19px 0;border:0;border-bottom:1px solid var(--line);text-align:left;background:transparent;color:var(--text)}.message-row:hover{background:rgba(123,244,207,.03)}.message-row.unread .row-subject{font-weight:750}.row-sender,.row-subject,.row-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-sender{font-size:12px;color:var(--muted)}.row-subject{font-size:14px;margin-bottom:4px}.row-preview{font-size:12px;color:var(--muted)}.row-date{font-size:10px;color:var(--muted);text-align:right}.empty{display:grid;place-items:center;min-height:330px;align-content:center;text-align:center;gap:9px;color:var(--muted)}.empty .empty-symbol{font-size:42px;font-weight:250;color:var(--mint)}.empty strong{font-size:18px;color:var(--text);font-weight:500}.empty p{font-size:13px;margin:0}.read-actions{display:flex;gap:20px}.danger{color:#efa9a1}.read-subject{font-size:28px;line-height:1.3;overflow-wrap:anywhere;margin:25px 0 15px}.read-meta{display:grid;gap:4px;font-size:12px;color:var(--muted);overflow-wrap:anywhere;padding-bottom:25px;border-bottom:1px solid var(--line)}.read-body{font:14px/1.7 "Segoe UI",Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:26px 0 35px}.attachments{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.attachments a{padding:10px;border:1px solid var(--line);font-size:12px}.compose-form{display:grid;gap:20px}.compose-form textarea{resize:vertical;min-height:230px}.compose-footer{display:flex;justify-content:space-between;align-items:center;gap:15px}.mail-content>#list-view>#load-more{margin-top:24px}@media(max-width:760px){.site-shell{padding:0 22px}.nav{min-height:87px}.brand img{width:42px;height:42px}.brand span{font-size:26px}.home-view{margin:65px auto}.home-view h1{letter-spacing:-1.6px}.address-input{padding:0 13px}.address-input input{font-size:17px}.address-input>span{font-size:13px}.auth-heading h1{font-size:39px}.mail-heading{align-items:start}.mail-workspace{grid-template-columns:1fr}.mail-sidebar{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:130px 1fr auto;gap:10px;padding:15px;align-items:center}.folders{display:flex}.folders button{gap:10px;font-size:12px;padding:9px}.folders button>span:last-child{display:none}.logout{padding:5px;margin:0;font-size:10px}.mail-content{padding:22px 18px}.message-row{grid-template-columns:1fr 70px;gap:5px 12px}.row-sender{grid-column:1;grid-row:1}.row-content{grid-column:1;grid-row:2}.row-date{grid-column:2;grid-row:1 / span 2}.account-name{max-width:165px;font-size:13px}.account-avatar{display:none}.mail-heading .compact{padding:9px;font-size:9px}.compose-footer{align-items:flex-end}.compose-footer small{max-width:60%;overflow-wrap:anywhere}.footer{margin-top:40px}}@media(max-width:380px){.mail-sidebar{grid-template-columns:1fr auto}.folders{grid-row:2;grid-column:1 / -1}.logout{grid-column:2;grid-row:1}.home-actions .button{padding:13px 16px;font-size:10px}}
/* Match the live Xunaro wordmark, forms, header and legal footer. */
body{font-family:Arial,Helvetica,sans-serif;color:#f3fffc;background:radial-gradient(circle at 76% 16%,rgba(56,217,245,.14),transparent 25rem),radial-gradient(circle at 18% 72%,rgba(123,244,207,.08),transparent 25rem),#071013}.site-shell{max-width:none;padding:0;min-height:100vh}.grid-glow{opacity:.35;background-image:linear-gradient(rgba(123,244,207,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(123,244,207,.055) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}.nav{max-width:1180px;margin:auto;padding:28px 24px;min-height:0}.brand .wordmark{color:#fff;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #7bf4cf;font-family:Arial,Helvetica,sans-serif;font-size:26.2px;font-weight:900;letter-spacing:.13em;line-height:1;text-shadow:none}.nav-controls{display:flex;align-items:center;gap:10px}.home-view{max-width:900px;padding:0 24px}.home-view h1{margin-bottom:40px}.home-view h1>.typed-address{color:var(--mint)}.typed-address{display:inline-block;max-width:100%}.typed-address>span{display:block;min-height:1.13em;white-space:nowrap;letter-spacing:-.05em}.typed-address>span:after{content:"";display:inline-block;height:.82em;border-right:2px solid #7bf4cf;margin-left:5px;animation:mail-caret .8s step-end infinite}@keyframes mail-typing{to{width:13ch}}@keyframes mail-caret{50%{border-color:transparent}}.footer{max-width:1180px;margin:70px auto 0;padding:22px 24px 35px;color:#596b6f;font:800 10px Arial,Helvetica,sans-serif;letter-spacing:.14em}.mail-view{max-width:1180px;padding:0 24px;margin:45px auto 60px}.mail-heading{justify-content:flex-start;gap:14px}.account-menu{position:relative}.account-menu summary{list-style:none;cursor:pointer;font-size:14px;font-weight:700;color:#f3fffc;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu summary::-webkit-details-marker{display:none}.account-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;padding:14px;border:1px solid var(--line);background:#0c171a;box-shadow:0 18px 50px #0006;z-index:100}.account-dropdown button{width:100%;padding:10px;border:1px solid #ff6b754d;background:#ff6b7514;color:#ff6b75;cursor:pointer}.guest-language{position:relative;color:#79f1d0}.guest-language summary{display:flex;cursor:pointer;list-style:none;padding:10px}.guest-language summary::-webkit-details-marker{display:none}.guest-language-menu{position:absolute;right:0;top:100%;z-index:1000;width:230px;padding:16px;background:#091b20;border:1px solid #315457;box-shadow:0 12px 30px #0008}.guest-language-menu label{display:grid;gap:10px}.guest-language-menu select{width:100%;padding:10px;background:#071719;color:#effffc;border:1px solid #315457}.auth-view{max-width:none;min-height:100vh;margin:0;padding:32px 20px;display:grid;place-items:center}.auth-card{width:min(100%,570px);padding:46px;border:1px solid rgba(123,244,207,.2);background:linear-gradient(135deg,rgba(16,35,38,.98),rgba(7,16,19,.98));box-shadow:0 30px 100px #0008}.auth-brand-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.auth-card h1{margin:10px 0 8px;font-size:48px;font-weight:700;letter-spacing:-.055em;line-height:normal}.auth-form{display:block}.switch-auth{display:inline-block;margin-bottom:24px;color:var(--muted);font-size:12px}.switch-auth strong{color:var(--mint)}.auth-card .field{display:block;margin-top:16px}.auth-card .field>span{display:block;margin:0 0 7px;color:#b8c8ca;font-size:11px;font-weight:800;letter-spacing:.08em;line-height:1.4}.auth-card .field input{padding:12px;background:#071013;color:#f3fffc;font:14px/1.4 Arial,Helvetica,sans-serif;border:1px solid rgba(121,244,207,.16)}.auth-card .field input:focus{border-color:var(--mint);box-shadow:0 0 0 3px #7bf4cf14}.auth-card .password-field input{padding-right:70px}.auth-card .password-toggle{font-size:9px;top:10px}.auth-button{width:100%;margin-top:22px;padding:12px 18px;border:1px solid var(--mint);background:var(--mint);color:#071013;font:900 12px Arial,Helvetica,sans-serif;letter-spacing:.06em;min-height:43px;cursor:pointer}.signup-address{padding:0 12px;min-height:45px;background:#071013;border-color:rgba(121,244,207,.16)}.auth-card .signup-address input{border:0;box-shadow:none;padding:12px 0;background:transparent}.signup-address>span{margin:0!important;font-size:14px;color:#b8c8ca;letter-spacing:0}.language-picker{display:flex!important;align-items:center;border:1px solid var(--line);padding:0 12px;background:#071013;gap:10px}.language-picker .language-globe{margin:0}.language-picker select{width:100%;border:0;background:transparent;color:#f3fffc;padding:12px 0;font:14px Arial;outline:0}.language-picker option{background:#071013}.notice{max-width:1132px;margin:20px auto}.auth-mode #notice:not([hidden]){position:fixed;top:10px;left:50%;transform:translateX(-50%);width:min(480px,calc(100% - 40px));z-index:1100}.translation-frame{position:absolute;width:1px;height:1px;clip-path:inset(50%);pointer-events:none;overflow:hidden}
@media(max-width:760px){.auth-card{padding:36px 22px}.nav{padding:24px 22px}.home-view{padding:0 22px}.typed-address>span{display:block;min-height:1.13em;white-space:nowrap;letter-spacing:-.05em}.mail-sidebar{grid-template-columns:130px 1fr}.mail-heading{flex-wrap:wrap}.footer{gap:18px;flex-direction:column}.mail-view{padding:0 22px}.account-menu summary{max-width:140px}.auth-card .brand img{width:49px;height:49px}}
@media(prefers-reduced-motion:reduce){.typed-address>span{display:block;min-height:1.13em;white-space:nowrap;letter-spacing:-.05em}.typed-address>span:after{content:"";display:inline-block;height:.82em;border-right:2px solid #7bf4cf;margin-left:5px;animation:mail-caret .8s step-end infinite}}
.nav #account-nav>a{padding:9px 14px;border:1px solid var(--line);background:rgba(12,23,26,.75);font-size:11px;font-weight:900;letter-spacing:.14em;min-height:0}.typed-address>span{display:block;min-height:1.13em;white-space:nowrap;letter-spacing:-.05em}
.forgot-link{display:inline-block;margin-top:18px;font-size:12px;color:var(--mint)}.resend-code{display:block;margin-top:20px}.header-settings{font-size:13px;color:var(--muted);padding:10px}.header-settings:hover{color:var(--mint)}.settings-view{max-width:570px;margin:65px auto;padding:36px;border:1px solid var(--line);background:var(--panel)}.settings-view h1{margin:0 0 24px;font-size:36px;letter-spacing:-.055em}.settings-view .field>span{color:#b8c8ca;font-size:11px;letter-spacing:.08em}.settings-view .field input{font:14px Arial;padding:12px;background:#071013}

/* Available address ribbon and whole-letter typing. */
.brand{flex-shrink:0}.brand-logo{display:flex;align-items:center}.brand .wordmark{font-size:26.2px;font-weight:900;letter-spacing:.13em;line-height:1}.brand a:hover{text-decoration:none}.nav-controls{flex-shrink:0}
.email-ticker{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 22px,#000 calc(100% - 22px),transparent);padding:8px 0}.email-ticker-track{display:flex;width:max-content;animation:email-drift 120s linear infinite;will-change:transform}.email-ticker-group{display:flex;align-items:center;gap:30px;padding-right:30px}.email-suggestion{flex-shrink:0;white-space:nowrap;color:#91a2a6;font-size:13px;letter-spacing:.02em;padding:10px 12px;border:1px solid transparent;transition:color .15s,border-color .15s,background .15s}.email-suggestion:hover,.email-suggestion:focus-visible{color:var(--mint);background:rgba(123,244,207,.06);border-color:var(--line);text-decoration:none;outline:none}.nav:hover .email-ticker-track,.nav:focus-within .email-ticker-track{animation-play-state:paused}@keyframes email-drift{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:760px){.nav{gap:12px}.email-suggestion{font-size:12px;padding:8px}.email-ticker-group{gap:20px;padding-right:20px}.email-ticker{mask-image:linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 12px),transparent)}}
@media(prefers-reduced-motion:reduce){.email-ticker{overflow-x:auto;mask-image:none}.email-ticker-track{animation:none;transform:none}.email-ticker-group[aria-hidden]{display:none}.typed-address>span:after{animation:none}}

.email-ticker.scrolling .email-ticker-track{animation-play-state:running!important}
/* Signed-in Mail header and full-window workspace. */
.typed-address>span .typed-label{color:#f3fffc}.nav-controls{min-width:0}.mail-session .nav-controls{flex:1;margin-left:18px;justify-content:flex-start}.mail-account{display:flex;align-items:center;gap:12px;min-width:0}.mail-identity{display:block;flex-shrink:1;max-width:min(52vw,560px);min-width:0;padding:0;border:0;background:none;color:#f3fffc;font:900 14px/30px Arial,Helvetica,sans-serif;text-align:left;cursor:pointer;transition:width .14s ease,color .2s ease;overflow:hidden;white-space:nowrap}.mail-identity:hover,.mail-identity:focus-visible{color:#7bf4cf}.mail-identity:focus-visible{outline:1px solid #7bf4cf;outline-offset:5px}#mail-identity-text{white-space:nowrap;display:inline-block}.mail-notifications{position:relative;flex-shrink:0}.notification-bell{position:relative;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #5ee6d2;background:rgba(94,230,210,.07);color:#7bf4cf}.notification-bell:hover,.notification-bell[aria-expanded=true]{background:rgba(123,244,207,.16);color:#effffc}.notification-bell svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-badge{position:absolute;left:19px;top:-6px;min-width:15px;height:15px;padding:0 3px;background:#38d9f5;color:#071013;font:800 9px/15px Arial;border-radius:8px}.mail-notification-panel{position:absolute;left:0;top:calc(100% + 16px);z-index:1000;width:min(420px,calc(100vw - 40px));max-height:min(560px,70dvh);overflow:auto;border:1px solid var(--line);background:#0c171a;box-shadow:0 20px 60px #0008}.mail-notification-item{display:grid;gap:6px;width:100%;padding:18px;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;color:#f3fffc;cursor:pointer;overflow-wrap:anywhere}.mail-notification-item:hover,.mail-notification-item:focus-visible{background:#7bf4cf0d}.mail-notification-item.unread{border-left:3px solid #7bf4cf}.mail-notification-item strong{font-size:12px;color:#7bf4cf}.mail-notification-item>span{font-size:14px}.mail-notification-item .notification-preview{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-notification-item time{font-size:10px;color:var(--muted)}
body.mail-session{--mail-nav-height:89px}.mail-session .nav{max-width:none;margin:0;padding:20px 28px;height:var(--mail-nav-height);min-height:var(--mail-nav-height)}.mail-session .mail-view{max-width:none;width:100%;padding:0;margin:0;height:calc(100dvh - var(--mail-nav-height));min-height:400px}.mail-session .mail-heading{display:none}.mail-session .mail-workspace{height:100%;min-height:0;border:0;background:rgba(12,23,26,.66)}.mail-session .mail-sidebar{overflow:auto}.mail-session .mail-content{overflow:auto;height:100%;padding:26px 30px}.mail-session #mail-footer{display:none}.mail-session #notice:not([hidden]){position:fixed;right:24px;bottom:20px;z-index:1100;margin:0;max-width:calc(100vw - 48px)}
@media(max-width:760px){body.mail-session{--mail-nav-height:112px}.mail-session .nav{padding:16px 20px;flex-wrap:wrap;gap:12px;height:auto;min-height:var(--mail-nav-height)}.mail-session .nav-controls{flex-basis:100%;margin-left:0}.mail-identity{max-width:calc(100vw - 94px)}.mail-notification-panel{position:fixed;left:20px;right:20px;top:var(--mail-nav-height);width:auto}.mail-session .mail-workspace{grid-template-rows:auto minmax(0,1fr)}.mail-session .mail-sidebar{overflow:visible}.mail-session .mail-content{padding:22px 18px}.typed-address>span{white-space:normal}.typed-address #typed-domain{white-space:nowrap}.typed-address .typed-label{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.mail-identity{transition:none}}
.mail-session .auth-brand-row{display:none}.mail-session .auth-view{min-height:calc(100dvh - var(--mail-nav-height))}
/* Keep the header aligned and sized like Xunaro, above the full-width inbox. */
body.mail-session{--mail-nav-height:106px}.mail-session .nav{max-width:1180px;width:100%;margin:0 auto;padding:28px 24px;height:var(--mail-nav-height);min-height:var(--mail-nav-height);flex-wrap:nowrap}.mail-session .nav-controls{flex:0 1 auto;width:var(--mail-account-width,300px);max-width:calc(100% - 190px);margin-left:auto;justify-content:flex-start}.mail-session .mail-account{width:100%}.mail-session .mail-identity{max-width:calc(100% - 42px)}
@media(max-width:760px){body.mail-session{--mail-nav-height:98px}.mail-session .nav{padding:24px 22px;gap:12px;flex-wrap:nowrap;height:var(--mail-nav-height)}.mail-session .nav-controls{flex-basis:auto;max-width:calc(100% - 178px);margin-left:auto}.mail-session .mail-identity{font-size:12px}.mail-session .mail-account{gap:10px}}
/* Fixed, separate header; right-anchored identity expands left. */
.nav{position:sticky;top:0;z-index:1000;background:rgba(7,16,19,.97);backdrop-filter:blur(16px)}
.mail-session{overflow:hidden}.mail-session .site-shell{height:100dvh;min-height:0;padding-top:var(--mail-nav-height);overflow-y:auto}.mail-session .nav{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:1000;background:linear-gradient(120deg,#0c1a1e,#091317);box-shadow:0 8px 28px #0004}.mail-session .nav-controls{width:auto;flex:0 1 auto;justify-content:flex-end;margin-left:auto}.mail-session .mail-account{width:auto;flex-direction:row-reverse;justify-content:flex-start}.mail-session .mail-identity{text-align:right;max-width:min(52vw,560px);flex-shrink:1}.mail-session .mail-view{position:fixed;inset:0;width:100%;height:100dvh;min-height:0;padding:var(--mail-nav-height) 0 0;margin:0}.mail-session .mail-workspace{height:100%;min-height:0}.mail-session .mail-content{overscroll-behavior:contain}.mail-session .mail-sidebar{overscroll-behavior:contain}
@media(max-width:760px){.mail-session .nav-controls{width:auto;max-width:calc(100% - 178px)}.mail-session .mail-account{max-width:100%}.mail-session .mail-identity{max-width:calc(100vw - 266px)}.mail-session .nav{transform:translateX(-50%)}.mail-session .mail-notification-panel{z-index:1001}}

/* One Xunaro navigation bar with mail actions at the top. */
.mail-session .nav{background:linear-gradient(120deg,#0c1a1e,#091317);border-bottom:1px solid var(--line);box-shadow:0 8px 28px #0004;pointer-events:auto;gap:18px}
.mail-session .mail-view{padding:var(--mail-nav-height) 0 0}
.mail-session .mail-workspace{display:block;position:relative}
.mail-session .mail-sidebar{position:absolute;left:18px;bottom:10px;padding:0;border:0;background:none;z-index:2}
.mail-session .mail-content{padding:26px 30px 65px;height:100%}
.mail-toolbar{display:flex;align-items:center;gap:16px;min-width:0;margin-left:20px}
.mail-toolbar #compose-open{width:auto;min-height:38px;padding:10px 14px;white-space:nowrap}
.mail-toolbar .folders{display:flex;gap:6px}
.mail-toolbar .folders button{padding:10px;gap:8px;font-size:13px;white-space:nowrap}
.mail-toolbar #refresh{white-space:nowrap;padding:10px}
.mail-session .nav-controls{margin-left:auto}
.mail-notification-panel{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:22px;width:100vw;height:100dvh;max-height:none;overflow:hidden;background:rgba(3,9,11,.94);border:0;box-shadow:none}
.mail-notification-dialog{position:relative;display:flex;width:min(100%,760px);height:min(680px,calc(100dvh - 44px));flex-direction:column;overflow:hidden;padding:42px;border:1px solid rgba(123,244,207,.34);background:linear-gradient(145deg,#102125,#081215);box-shadow:0 24px 80px #0008;animation:mail-dialog-in .24s ease both}
.mail-notification-dialog h2{margin:10px 0 25px;font-size:clamp(36px,6vw,58px);letter-spacing:-.055em}
#mail-notification-close{position:absolute;right:18px;top:15px;border:0;background:none;color:#91a2a6;font-size:30px;cursor:pointer}
#mail-notification-list{overflow:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}
.mail-notification-item{border:1px solid var(--line);background:#071013;flex-shrink:0}
@keyframes mail-dialog-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1040px){.mail-toolbar{margin-left:0;gap:6px}.mail-toolbar .folders button{padding:8px}.mail-toolbar #compose-open{padding:9px;font-size:10px}.mail-toolbar #refresh{font-size:9px;padding:6px}.mail-session .nav{gap:12px}.mail-session .mail-identity{max-width:28vw}}
@media(max-width:760px){body.mail-session{--mail-nav-height:150px}.mail-session .nav{height:150px;min-height:150px;flex-wrap:wrap;padding:18px 22px;align-content:space-between}.mail-toolbar{order:3;width:100%;justify-content:space-between}.mail-session .nav-controls{max-width:calc(100% - 178px)}.mail-session .mail-content{padding:22px 18px 65px}.mail-session .mail-notification-panel{inset:0;width:100vw;height:100dvh;z-index:2000}.mail-notification-dialog{padding:28px 20px}.mail-toolbar .folders{gap:6px}.mail-session .mail-identity{max-width:calc(100vw - 266px)}}
@media(prefers-reduced-motion:reduce){.mail-notification-dialog{animation:none}}

/* Mail actions belong to the workspace, separate from the normal navigation bar. */
.mail-session .mail-workspace{display:grid;grid-template-columns:190px minmax(0,1fr)}
.mail-session .mail-sidebar{position:static;padding:23px 18px;border-right:1px solid var(--line);background:rgba(7,16,19,.35);display:flex;flex-direction:column;gap:25px}
.mail-session .mail-sidebar #compose-open{width:100%}
.mail-session .mail-sidebar .folders{display:grid}
.mail-session .mail-content{padding:26px 30px}
@media(max-width:760px){.mail-session .nav{height:98px;min-height:98px;flex-wrap:nowrap;padding:24px 22px}body.mail-session{--mail-nav-height:98px}.mail-session .mail-workspace{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.mail-session .mail-sidebar{display:grid;grid-template-columns:130px 1fr auto;padding:15px;gap:10px;border-right:0;border-bottom:1px solid var(--line);align-items:center}.mail-session .mail-sidebar .folders{display:flex}.mail-session .mail-content{padding:22px 18px}}



/* Only offset workspace controls when the fixed bar overlaps them. */
.mail-session .mail-view{padding-top:0}
.mail-session .mail-sidebar{padding-top:calc(23px + var(--mail-sidebar-offset,0px))}
.mail-session .mail-content{padding-top:calc(26px + var(--mail-content-offset,0px))}
.mail-session #message-list{padding-top:var(--mail-list-offset,0px)}
@media(max-width:760px){.mail-session .mail-sidebar{padding-top:calc(15px + var(--mail-sidebar-offset,0px))}.mail-session .mail-content{padding-top:calc(22px + var(--mail-content-offset,0px))}}

.mail-identity{transition:width .7s cubic-bezier(.22,.61,.36,1),color .2s ease}
.mail-search-toggle{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);padding:6px;background:#7bf4cf0a;color:var(--mint);cursor:pointer;flex-shrink:0}
.mail-search-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.mail-session .mail-sidebar .folders{gap:5px}
.mail-labels{margin-top:75px;color:var(--muted)}.mail-labels>div{display:flex;justify-content:space-between;align-items:center;padding:0 10px;font-weight:600}.mail-labels button{border:0;background:none;color:var(--muted);font-size:23px;padding:0;cursor:pointer}.mail-labels p{font-size:12px;margin:18px 10px}
.message-row{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;align-items:start;padding:0;cursor:default}
.message-star{font-size:22px;line-height:30px;color:#64767b;border:0;background:none;padding:15px 0;cursor:pointer}.message-star.starred{color:#f4c34f}.message-star:hover{color:#a3b1b5}.message-star.starred:hover{color:#ffe087}
.message-open{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(0,1fr) 80px;gap:18px;width:100%;padding:19px 0;border:0;background:none;color:var(--text);text-align:left;cursor:pointer}
.mail-context-menu{position:fixed;z-index:2500;min-width:140px;padding:6px;border:1px solid var(--line);background:#0c171a;box-shadow:0 12px 30px #0008}.mail-context-menu button{display:block;width:100%;padding:12px;text-align:left;border:0;background:none;color:var(--text);cursor:pointer}.mail-context-menu button:hover,.mail-context-menu button:focus-visible{background:#7bf4cf12}
.mail-search-panel{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:22px;background:rgba(3,9,11,.94)}.mail-dialog-close{position:absolute;right:18px;top:15px;border:0;background:none;color:#91a2a6;font-size:30px;cursor:pointer}
#mail-search-input{width:100%;padding:15px;border:1px solid var(--line);background:#071013;color:var(--text);font:inherit;outline:none;margin-bottom:22px}#mail-search-input:focus{border-color:var(--mint)}#mail-search-results{display:flex;flex-direction:column;gap:10px;overflow:auto;min-height:0;flex:1}.mail-coming-soon{color:var(--muted)}
@media(max-width:760px){.mail-session .mail-sidebar{display:flex;flex-direction:column;align-items:stretch;gap:15px;width:140px;border-right:1px solid var(--line);border-bottom:0;overflow:auto}.mail-session .mail-workspace{grid-template-columns:140px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.mail-session .mail-sidebar .folders{display:grid}.mail-sidebar .folders button{padding:9px;font-size:12px}.mail-sidebar .logout{margin-top:auto}.mail-labels{margin-top:45px}.mail-session .mail-content{padding-left:14px;padding-right:14px}.message-row{grid-template-columns:22px minmax(0,1fr);gap:6px}.message-open{grid-template-columns:1fr;gap:4px;min-width:0}.message-open .row-date{grid-column:1;grid-row:3;text-align:left}.message-open .row-sender{grid-row:1}.message-open .row-content{grid-row:2}.mail-session .nav-controls{max-width:calc(100% - 196px)}.mail-session .mail-identity{max-width:calc(100vw - 288px)}.mail-search-toggle{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){.mail-identity{transition:none}}
@media(max-width:760px){.mail-session .folders button>span:last-child{display:inline}}

.mail-header-search{margin:0;min-width:0;width:clamp(120px,25vw,340px)}.mail-header-search input{width:100%;min-width:0;height:36px;padding:7px 12px;border:1px solid var(--line);background:#071013;color:var(--text);outline:0}.mail-header-search input:focus{border-color:var(--mint)}.mail-session .nav.search-expanded .brand{flex-shrink:1;min-width:0}.mail-session .nav.search-expanded .nav-controls{flex-shrink:0}@media(max-width:760px){.mail-session .nav.search-expanded .brand{flex:1}.mail-session .nav.search-expanded .brand-logo,.mail-session .nav.search-expanded .wordmark{display:none}.mail-header-search{width:auto;flex:1}.mail-session .nav.search-expanded .nav-controls{max-width:45%}}

.compose-window{position:fixed;right:24px;bottom:0;width:min(540px,calc(100vw - 32px));height:min(620px,calc(100dvh - 120px));z-index:1200;display:flex;flex-direction:column;background:linear-gradient(135deg,#102326,#071013);border:1px solid var(--line);box-shadow:0 16px 60px #0009;padding:0 24px 22px}.compose-window-heading{display:flex;align-items:center;gap:18px;min-height:64px;flex-shrink:0}.compose-window-heading h2{font-size:18px;margin:0}.compose-window-controls{display:flex;gap:12px}.compose-window-controls button,#compose-discard{display:grid;place-items:center;background:none;border:0;color:var(--mint);padding:4px;cursor:pointer}.compose-window-controls button{font-size:23px;width:28px;height:30px}.compose-window .compose-form{display:flex;flex-direction:column;gap:14px;flex:1;min-height:0;overflow:auto}.compose-window .field:has(textarea){display:flex;flex-direction:column;flex:1;min-height:100px}.compose-window textarea{min-height:100px;resize:none;height:100%;flex:1}.compose-window .compose-footer{flex-shrink:0;gap:12px}.compose-window .compose-footer small{margin-right:auto}.compose-window .compose-footer .button{padding:10px 16px;min-height:40px}#compose-discard svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.compose-expanded{right:0;bottom:0;top:106px;left:190px;width:auto;height:auto;z-index:900;box-shadow:none;padding:0 30px 26px}.draft-row{width:100%;padding:19px 0;border:0;border-bottom:1px solid var(--line);background:none;color:var(--text);text-align:left}.draft-row:hover{background:#7bf4cf08}@media(max-width:760px){.compose-window{right:8px;width:calc(100vw - 16px);padding:0 16px 16px}.compose-expanded{left:0;right:0;top:98px;width:auto}.compose-window .compose-footer small{font-size:10px;max-width:45%;overflow-wrap:anywhere}}

.compose-window .compose-footer{justify-content:flex-start}.compose-window .compose-footer small{margin-left:auto;margin-right:0}.compose-window .compose-footer #compose-discard{margin-left:auto}#compose-schedule{display:grid;place-items:center;border:0;background:none;color:var(--mint);padding:6px;cursor:pointer}#compose-schedule svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.schedule-menu{position:absolute;bottom:74px;left:24px;z-index:2;display:grid;gap:14px;padding:20px;background:#0c171a;border:1px solid var(--line);box-shadow:0 12px 40px #0009}.schedule-menu input{padding:12px;border:1px solid var(--line);background:#071013;color:var(--text);font:inherit;min-width:0}.mail-identity{transition:width .24s ease-out,color .2s ease}#mail-identity-text{transform-origin:center;backface-visibility:hidden}@media(prefers-reduced-motion:reduce){.mail-identity{transition:none}}

.compose-window .compose-footer small{flex:1;min-width:0;overflow-wrap:anywhere}.compose-window .compose-footer button{flex-shrink:0}

.compose-window-heading{justify-content:space-between;gap:12px;min-height:56px}.compose-window-heading h2{order:-1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:30px}.compose-window-controls{align-items:center;flex-shrink:0}.compose-window .field:has(.rich-editor){display:flex;flex-direction:column;flex:1;min-height:100px}.rich-editor{flex:1;min-height:100px;overflow:auto;padding:14px;border:1px solid var(--line);background:#0c171a;color:var(--text);font:14px/1.5 Arial;outline:0;overflow-wrap:anywhere}.rich-editor:focus{border-color:var(--mint)}.rich-editor blockquote,.formatted-body blockquote{margin:8px 0 8px 12px;padding-left:12px;border-left:3px solid var(--line)}.rich-editor pre,.formatted-body pre{white-space:pre-wrap;font-family:monospace}.formatted-body{white-space:normal}.compose-window .compose-footer{gap:6px;min-height:40px}.compose-window .compose-footer>button:not(.button){display:grid;place-items:center;width:30px;height:32px;padding:4px;border:0;background:none;color:var(--mint);cursor:pointer}.compose-window .compose-footer>button>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.compose-window .compose-footer #compose-discard,[data-role=compose-discard]{margin-left:auto}.compose-window .compose-footer [data-role=compose-aa]{font-size:16px}.compose-format{display:flex;align-items:center;gap:4px;flex-wrap:wrap;border:1px solid var(--line);padding:7px;background:#071013}.compose-format select{max-width:110px;padding:5px;border:1px solid var(--line);background:#0c171a;color:var(--text);font-size:12px}.compose-format button{min-width:25px;height:28px;padding:4px;border:0;background:none;color:var(--text);cursor:pointer}.compose-format button[aria-pressed=true]{background:#7bf4cf25;color:var(--mint)}.compose-files{display:flex;gap:5px;flex-wrap:wrap}.compose-files:empty{display:none}.compose-files button{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 8px;border:1px solid var(--line);background:#071013;color:var(--muted);font-size:11px}.compose-popup{position:absolute;left:20px;bottom:74px;width:min(340px,calc(100% - 40px));max-height:340px;overflow:auto;background:#0c171a;border:1px solid var(--line);box-shadow:0 12px 40px #0009;padding:12px;z-index:3}.emoji-menu>input,.emoji-menu>select{width:100%;padding:9px;margin-bottom:8px;border:1px solid var(--line);background:#071013;color:var(--text)}.emoji-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.emoji-grid button{padding:4px 0;border:0;background:none;font-family:'Segoe UI Emoji',sans-serif;font-size:23px;cursor:pointer}.emoji-grid button:hover{background:#7bf4cf18}.label-picker label{display:flex;gap:10px;padding:8px;align-items:center;font-size:13px;overflow-wrap:anywhere}.label-picker svg,.label-item svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}.label-picker input{accent-color:var(--mint)}.labels-list{display:grid;gap:4px;margin-top:18px}.labels-list .label-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:8px 10px;border:0;background:none;color:var(--muted);font-size:13px;cursor:pointer}.label-item>span:first-child{display:flex;flex-shrink:0}.label-item>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-item:hover,.label-item.active{background:#7bf4cf12;color:var(--mint)}.label-dialog{position:relative;padding:35px;background:#0c171a;border:1px solid var(--line);width:min(440px,calc(100vw - 32px))}.label-dialog>button{position:absolute;top:7px;right:10px;border:0;background:none;color:var(--muted);font-size:25px;cursor:pointer}.label-dialog form{display:grid;gap:15px}.label-dialog input,.label-dialog select{width:100%;padding:12px;border:1px solid var(--line);background:#071013;color:var(--text)}.mail-session .mail-sidebar{scrollbar-width:thin;scrollbar-color:#315457 #071013}@media(max-width:760px){.compose-window .compose-footer{gap:3px}.compose-window .compose-footer .button{padding:10px;font-size:10px}.compose-window .compose-footer>button:not(.button){width:28px}.compose-window{padding-left:14px;padding-right:14px}}

/* Formatting menus retain the editor selection and preview installed fonts. */
.format-menu{position:relative;font-size:12px}.format-menu summary{display:flex;align-items:center;gap:6px;list-style:none;cursor:pointer;padding:5px 7px;border:1px solid var(--line);height:30px;max-width:120px}.format-menu summary::-webkit-details-marker{display:none}.format-menu summary>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.format-caret{font-size:10px;color:var(--muted)}.format-options{position:absolute;bottom:calc(100% + 6px);left:0;z-index:6;min-width:150px;max-height:240px;overflow:auto;background:#0c171a;border:1px solid var(--line);box-shadow:0 8px 30px #0009;padding:5px}.format-menu-title{padding:8px;color:var(--muted);font:600 12px Arial,sans-serif;border-bottom:1px solid var(--line);margin-bottom:4px}.compose-format .format-options button{display:flex;align-items:center;width:100%;text-align:left;padding:7px 9px;height:32px}.compose-format .format-options button:hover,.compose-format .format-options button:focus-visible{background:#7bf4cf18}.compose-format svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.format-menu[data-role=text-align] .format-options{min-width:100px;left:auto;right:0}.format-menu summary:focus-visible{outline:1px solid var(--mint)}

.mail-storage{margin-top:auto;position:relative;min-height:92px;color:var(--muted);font-size:12px;outline:none}.storage-summary{display:block;position:absolute;bottom:12px;left:0;transition:opacity .22s,transform .25s}.storage-expanded{position:absolute;bottom:0;left:0;right:0;opacity:0;transform:translateY(10px) scale(.96);transition:opacity .22s,transform .25s;pointer-events:none}.storage-expanded>strong{display:block;color:var(--text);font-size:26px;line-height:1.2;margin-bottom:10px}.storage-bar{position:relative;display:flex;flex-wrap:wrap;gap:5px 10px;justify-content:space-between;border:1px solid var(--line);padding:10px 7px;isolation:isolate;font-size:10px;overflow:hidden}.storage-bar:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--storage-fill,0%);background:#7bf4cf30;z-index:-1;transition:width .35s}.storage-bar span{color:var(--text);white-space:nowrap}.mail-storage:hover .storage-summary,.mail-storage:focus .storage-summary{opacity:0;transform:translateY(-10px)}.mail-storage:hover .storage-expanded,.mail-storage:focus .storage-expanded{opacity:1;transform:translateY(0) scale(1)}.account-context-menu{z-index:1500}@media(max-width:760px){.mail-storage{margin-top:auto;min-height:112px}.storage-bar{flex-direction:column}}@media(prefers-reduced-motion:reduce){.storage-summary,.storage-expanded,.storage-bar:before{transition:none}}

/* Blue storage track with amounts beneath its two ends. */
.mail-storage{min-height:96px}.storage-expanded>strong{margin-bottom:12px}.storage-bar{display:block;height:8px;min-height:8px;padding:0;border:0;border-radius:4px;background:#213239;overflow:hidden}.storage-bar:before{background:#38b6ff;border-radius:4px;z-index:0}.storage-amounts{display:flex;justify-content:space-between;align-items:start;gap:8px;margin-top:8px;font-size:10px;color:var(--muted)}.storage-amounts span:first-child{text-align:left}.storage-amounts span:last-child{text-align:right}@media(max-width:760px){.mail-storage{min-height:112px}.storage-bar{display:block}.storage-amounts{font-size:9px;gap:5px}.storage-amounts span{max-width:50%}}

.mail-settings-link{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;padding:9px 12px;border:0;background:rgba(12,23,26,.72);color:#91a2a6;font:900 11px Arial,Helvetica,sans-serif;letter-spacing:.1em;transition:background .2s,color .2s}.mail-settings-link:hover,.mail-settings-link:focus-visible{background:rgba(123,244,207,.1);color:#7bf4cf;text-decoration:none}.settings-view{max-width:900px;margin:150px auto 70px;padding:0 24px}.settings-view h1{font-size:clamp(32px,5vw,58px);letter-spacing:-.04em}@media(max-width:760px){.mail-session .brand .wordmark{font-size:20px}.mail-session .brand-logo img{width:38px;height:38px}.mail-settings-link{left:54%;padding:8px 4px;font-size:10px}}

.conversation-messages{display:grid;gap:18px}.conversation-message{padding:20px;border:1px solid var(--line);background:#0c171a}.conversation-message .read-meta{padding-bottom:14px}.conversation-message .read-body{margin:20px 0;white-space:pre-wrap}.conversation-message .formatted-body{white-space:normal}.conversation-message .attachments:empty{display:none}#conversation-reply{margin:24px 0 30px}#conversation-reply>#reply{font-size:13px;padding:10px 0}.compose-window.compose-inline:not(.compose-expanded){position:relative;inset:auto!important;width:100%!important;height:auto;max-height:none;min-height:400px;margin-top:15px;box-shadow:none;z-index:auto}.compose-inline:not(.compose-expanded) .rich-editor{min-height:180px}.compose-inline .field:has(input[name=subject]){display:none}.compose-inline:not(.compose-expanded) .compose-form{overflow:visible}.compose-inline .compose-popup,.compose-inline .schedule-menu{z-index:12}@media(max-width:760px){.conversation-message{padding:14px}.compose-window.compose-inline:not(.compose-expanded){padding:14px}.conversation-message .read-meta{font-size:11px}}

#signup-captcha{display:block;margin:8px 0 18px;--altcha-color-base:#07191b;--altcha-color-text:#dff7f5;--altcha-color-border:#21464a;--altcha-color-primary:#65e5d2;--altcha-max-width:100%}

#signup-captcha{--altcha-color-base-content:#dff7f5;--altcha-border-color:#21464a;--altcha-color-neutral:#21464a;--altcha-color-neutral-content:#aec0c2;--altcha-color-primary-content:#07191b;--altcha-color-success:#65e5d2}

/* Collapsible icon rail; the storage controls stay at its bottom. */
.mail-sidebar svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mail-sidebar #compose-open,.mail-sidebar .folders button,.sidebar-label-heading{display:flex;align-items:center;gap:12px}.mail-sidebar #compose-open{justify-content:center}.mail-sidebar .folders button{text-align:left}.sidebar-text{min-width:0}.sidebar-label-heading{min-width:0}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:12px}.sidebar-bottom .mail-storage{margin-top:0}#sidebar-collapse{width:100%;min-height:36px;padding:6px;border:0;background:transparent;color:var(--mint);font:bold 18px Arial;cursor:pointer}#sidebar-collapse:hover{background:#7bf4cf12}.storage-icon{display:none}.mail-session .mail-workspace{transition:grid-template-columns .22s ease}.mail-session.sidebar-collapsed .mail-workspace{grid-template-columns:60px minmax(0,1fr)}.mail-session.sidebar-collapsed .mail-sidebar{width:60px;padding-left:8px;padding-right:8px;gap:18px}.sidebar-collapsed .mail-sidebar .sidebar-text{display:none}.sidebar-collapsed .mail-sidebar #compose-open{padding:12px 0;min-height:44px}.sidebar-collapsed .mail-sidebar .folders button{justify-content:center;padding:12px 0}.sidebar-collapsed .mail-labels>div:first-child{flex-direction:column;gap:12px}.sidebar-collapsed .labels-list .label-item{padding:10px 0!important;justify-content:center}.sidebar-collapsed .sidebar-bottom{gap:8px}.sidebar-collapsed .mail-storage{min-height:40px;height:40px}.sidebar-collapsed .storage-icon{display:flex;justify-content:center;align-items:center;height:40px;color:var(--muted)}.sidebar-collapsed .storage-summary{display:none}.sidebar-collapsed .mail-storage .storage-expanded{position:fixed;left:70px;bottom:18px;width:260px;padding:18px;background:#0c171a;border:1px solid var(--line);z-index:1201;pointer-events:none}.mail-session.sidebar-collapsed .compose-expanded:not(.compose-inline){left:60px}@media(prefers-reduced-motion:reduce){.mail-session .mail-workspace{transition:none}}
.mail-session .sidebar-bottom{position:sticky;bottom:0;flex-shrink:0;background:#0b1b1e;padding-top:4px}.sidebar-bottom .mail-storage{min-height:30px;height:30px}.sidebar-bottom .storage-expanded{bottom:0;top:auto;padding:12px;background:#0b1b1e;z-index:3}.mail-sidebar #compose-open{gap:8px;padding:12px 6px;font-size:11px}.mail-sidebar #compose-open .sidebar-text{white-space:nowrap}.mail-sidebar .folders button{justify-content:flex-start}.sidebar-collapsed .mail-sidebar .folders button{justify-content:center}.sidebar-collapsed .sidebar-bottom .mail-storage{height:40px;min-height:40px}

.mail-aliases{margin-top:20px;color:var(--muted)}.alias-heading{display:flex;align-items:center;justify-content:space-between;gap:5px}.alias-heading button,.alias-item{background:none;border:0;color:var(--muted);cursor:pointer}.alias-heading #alias-folder{display:flex;align-items:center;gap:8px;text-align:left;padding:4px 0;font-weight:600;font-size:12px}.alias-heading #add-alias{font-size:23px;padding:0 5px}.alias-heading #add-alias:disabled{opacity:.3;cursor:default}.alias-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 10px;text-align:left;font-size:12px;position:relative;min-width:0}.alias-item .sidebar-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alias-item:hover,.alias-item:focus,.alias-item.active{color:var(--mint);background:var(--panel)}.alias-item:hover,.alias-item:focus{width:max-content;max-width:calc(100vw - 32px);z-index:6}.sidebar-collapsed .alias-heading{flex-direction:column;gap:8px}.sidebar-collapsed .alias-item{justify-content:center;padding:12px 0}.sidebar-collapsed .alias-item:hover{width:100%}.mail-aliases #aliases-list{margin-top:8px}#alias-create-form{display:grid;gap:14px}#alias-create-form input{padding:12px;color:var(--text);background:var(--bg);border:1px solid var(--line);width:100%;min-width:0}#alias-create-close{position:absolute;top:8px;right:12px;background:none;border:0;color:var(--mint);font-size:24px;cursor:pointer}
.mail-session .mail-sidebar{overflow:hidden}.sidebar-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:18px;scrollbar-width:thin;scrollbar-color:#315457 var(--bg)}.sidebar-scroll>*{flex-shrink:0}.mail-session .sidebar-bottom{position:static;margin-top:0}.sidebar-scroll .mail-aliases{margin-bottom:10px}.sidebar-scroll .alias-item:hover,.sidebar-scroll .alias-item:focus{width:100%;max-width:100%}.alias-item .sidebar-text{transition:opacity .18s ease}.sidebar-collapsed .sidebar-scroll{gap:18px}

.mail-previews{display:grid;gap:28px;margin:90px auto 0;width:100%;max-width:1180px}.mail-previews img{display:block;width:100%;height:auto;border:1px solid var(--line);box-shadow:0 18px 60px #0004}@media(max-width:760px){.mail-previews{gap:18px;margin-top:54px}}
.mail-nav-login{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border:0;background:rgba(12,23,26,.75);color:var(--mint,#7bf4cf);font:900 11px Arial,Helvetica,sans-serif;letter-spacing:.14em;white-space:nowrap}.mail-nav-login:hover,.mail-nav-login:focus-visible{color:var(--text);background:color-mix(in srgb,var(--mint) 10%,transparent);text-decoration:none}#main-nav:not(:has(#mail-account:not([hidden]))) .nav-controls{margin-left:auto;gap:12px}@media(max-width:760px){#mail-me-link{left:50%;padding:8px 6px;font-size:10px}.mail-nav-login{padding:9px 10px;font-size:10px}}
@media(max-width:600px){#main-nav:not(:has(#mail-account:not([hidden]))){min-height:112px;padding-bottom:38px}#mail-me-link{top:auto;bottom:4px;left:50%;transform:translateX(-50%)}}
.mail-session:not(.sidebar-collapsed) .mail-workspace{grid-template-columns:var(--mail-sidebar-width,190px) minmax(0,1fr)}.mail-session:not(.sidebar-collapsed) .mail-sidebar{width:var(--mail-sidebar-width,190px);min-width:0}.mail-workspace{position:relative}.mail-sidebar-resize{position:absolute;top:0;bottom:0;left:var(--mail-sidebar-width,190px);transform:translateX(-50%);width:8px;cursor:col-resize;touch-action:none;z-index:20;outline:0}.mail-sidebar-resize:after{content:'';position:absolute;top:0;bottom:0;left:3px;width:2px;background:transparent;transition:background .15s}.mail-sidebar-resize:hover:after,.mail-sidebar-resize:focus-visible:after,.sidebar-resizing .mail-sidebar-resize:after{background:var(--mint)}.sidebar-collapsed .mail-sidebar-resize{display:none}.sidebar-resizing,.sidebar-resizing *{cursor:col-resize!important;user-select:none!important}.sidebar-resizing .mail-workspace{transition:none!important}.mail-session:not(.sidebar-collapsed) .compose-expanded:not(.compose-inline){left:var(--mail-sidebar-width,190px)}@media(max-width:760px){.mail-session:not(.sidebar-collapsed) .mail-workspace{grid-template-columns:var(--mail-sidebar-width,140px) minmax(0,1fr)}}

.mail-sidebar [data-folder]{position:relative}
.mail-sidebar [data-folder]>.folder-count{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;min-width:18px;flex:none;color:#b598ff;font:500 11px/18px Arial,sans-serif;letter-spacing:0}
.mail-sidebar [data-folder="inbox"]>.folder-count{padding:1px 5px;min-width:22px;background:#9368ed;color:#fff;border-radius:3px;font-weight:700}
.mail-sidebar [data-folder]>.sidebar-text{flex:1;min-width:0}
.sidebar-collapsed .mail-sidebar [data-folder]>.folder-count{display:none}
.sidebar-collapsed .mail-sidebar [data-folder="inbox"][data-has-messages="true"]:after{content:'';position:absolute;top:4px;right:7px;width:8px;height:8px;background:#ad8aff;border-radius:50%;box-shadow:0 0 0 2px var(--bg)}
.message-row.selected-message{background:color-mix(in srgb,var(--mint) 10%,transparent);box-shadow:inset 3px 0 var(--mint)}
@media(min-width:761px){
 .mail-session .mail-content.reading-message{display:grid;grid-template-columns:minmax(200px,30%) minmax(0,1fr);gap:0;padding:0;overflow:hidden}
 .reading-message>#list-view,.reading-message>#read-view{min-width:0;min-height:0;height:100%;overflow:auto;padding:calc(26px + var(--mail-content-offset,0px)) 20px 26px;overscroll-behavior:contain}
 .reading-message>#list-view{border-right:1px solid var(--line);padding-left:14px;padding-right:14px}
 .reading-message #list-view .section-heading{gap:8px;flex-wrap:wrap}
 .reading-message #list-view h2{font-size:17px}
 .reading-message #message-list{padding-top:0}
 .reading-message .message-row{grid-template-columns:22px minmax(0,1fr);gap:6px;padding:15px 0}
 .reading-message .message-open{grid-template-columns:1fr;gap:5px;min-width:0}
 .reading-message .message-open .row-sender{grid-column:1;grid-row:1}
 .reading-message .message-open .row-content{grid-column:1;grid-row:2}
 .reading-message .message-open .row-date{grid-column:1;grid-row:3;text-align:left}
 .reading-message .row-sender,.reading-message .row-subject{font-size:12px}
 .reading-message .row-preview{font-size:11px}
 .reading-message .read-subject{font-size:23px}
}

/* Hide only the minimized desktop sidebar scrollbar; preserve scrolling. */
@media(min-width:761px){
 .mail-session.sidebar-collapsed .mail-sidebar,.mail-session.sidebar-collapsed .sidebar-scroll{scrollbar-width:none;-ms-overflow-style:none}
 .mail-session.sidebar-collapsed .mail-sidebar::-webkit-scrollbar,.mail-session.sidebar-collapsed .sidebar-scroll::-webkit-scrollbar{display:none;width:0;height:0}
}

.notification-badge{background:#9368ed;color:#fff}
.mail-sidebar [data-folder]>.folder-count[hidden]{display:none!important}
.alias-heading{padding:0 10px}
.alias-heading #alias-folder{gap:12px;font-size:inherit}
.alias-heading #alias-folder svg{width:20px;height:20px;flex:0 0 20px}
.alias-heading #add-alias{padding:0}
.settings-email .settings-storage-footer{margin-top:auto}
.settings-email #settings-mail-storage{height:30px;min-height:30px;margin-top:0}
.settings-email #settings-mail-storage .storage-summary{white-space:nowrap}
.settings-email #settings-mail-storage .storage-expanded{min-width:180px}
.mail-reader-resize{display:none}
@media(min-width:761px){
 .mail-session .mail-content.reading-message{position:relative;grid-template-columns:clamp(160px,var(--mail-reader-list-width,30%),max(160px,calc(100% - 240px))) minmax(0,1fr)}
 .reading-message>.mail-reader-resize:not([hidden]){display:block;position:absolute;top:0;bottom:0;left:clamp(160px,var(--mail-reader-list-width,30%),max(160px,calc(100% - 240px)));width:8px;transform:translateX(-50%);z-index:5;cursor:col-resize;touch-action:none;outline:0}
 .mail-reader-resize:after{content:'';position:absolute;top:0;bottom:0;left:3px;width:2px;background:transparent;transition:background .15s}
 .mail-reader-resize:hover:after,.mail-reader-resize:focus-visible:after,.reader-resizing .mail-reader-resize:after{background:var(--mint)}
 .reader-resizing,.reader-resizing *{cursor:col-resize!important;user-select:none!important}
}

.notification-bell{border-color:#38a9ff;color:#38a9ff;background:rgba(56,169,255,.08)}.notification-bell:hover,.notification-bell[aria-expanded=true]{background:rgba(56,169,255,.18);color:#a5d8ff}

/* Desktop sidebar and its content move together. */
@media(min-width:761px){
 .mail-session .mail-workspace{transition:grid-template-columns .28s cubic-bezier(.2,.7,.25,1)}
 .mail-session .mail-sidebar{transition:width .28s cubic-bezier(.2,.7,.25,1),padding .28s cubic-bezier(.2,.7,.25,1);min-width:0}
 .mail-sidebar .sidebar-text{overflow:hidden;white-space:nowrap}
 .mail-session .compose-expanded:not(.compose-inline){transition:left .28s cubic-bezier(.2,.7,.25,1)}
 .sidebar-resizing .mail-sidebar,.sidebar-resizing .compose-expanded{transition:none!important}
}
.notification-bell{border-color:var(--line);color:var(--mint);background:#7bf4cf0a}
.notification-bell:hover,.notification-bell[aria-expanded=true]{color:var(--mint);background:color-mix(in srgb,var(--mint) 16%,transparent)}
.message-row{position:relative;touch-action:pan-y;transition:transform .18s ease,background .15s ease;transform:translateX(var(--message-swipe,0px))}
.message-star:not(.starred){opacity:0}
.message-row:hover .message-star,.message-row:focus-within .message-star,.message-star:focus-visible{opacity:1}
.message-star{transition:opacity .14s ease,color .14s ease}
.message-hover-actions{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;gap:3px;opacity:0;pointer-events:none;background:var(--panel);padding:4px;box-shadow:-10px 0 12px var(--panel);z-index:2}
.message-row:hover .message-hover-actions,.message-row:focus-within .message-hover-actions{opacity:1;pointer-events:auto}
.message-hover-actions button{display:grid;place-items:center;width:30px;height:30px;padding:5px;border:0;color:var(--muted);background:transparent;cursor:pointer}
.message-hover-actions button:hover,.message-hover-actions button:focus-visible{color:var(--mint);background:color-mix(in srgb,var(--mint) 10%,transparent)}
.message-hover-actions svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.message-swiping{transition:background .15s ease;user-select:none}
.message-swiping.swipe-left{background:color-mix(in srgb,#e87070 18%,var(--bg))}
.message-swiping.swipe-right{background:color-mix(in srgb,var(--mint) 18%,var(--bg))}
#message-list{overflow-x:clip}
#mail-action-toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:4000;display:flex;align-items:center;gap:24px;width:max-content;max-width:calc(100vw - 32px);padding:14px 18px;border:1px solid var(--line);background:var(--panel);color:var(--text);box-shadow:0 8px 30px #0006;font-size:13px;animation:mail-toast-in .18s ease}
#mail-action-undo{padding:4px;border:0;background:transparent;color:var(--mint);font-weight:700;cursor:pointer}
#snooze-form{display:grid;gap:18px}#snooze-until{color-scheme:dark;width:100%;min-width:0;padding:12px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit}
html[data-mail-theme=light] #snooze-until{color-scheme:light}
@keyframes mail-toast-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:760px){
 .message-hover-actions{display:none}
 .message-star:not(.starred){opacity:0}
 .message-star.starred,.message-star:focus-visible{opacity:1}
 .mobile-message-context #context-reply,.mobile-message-context #context-spam,.mobile-message-context #context-delete,.mobile-message-context #context-archive{display:none}
}
@media(prefers-reduced-motion:reduce){
 .mail-session .mail-workspace,.mail-session .mail-sidebar,.mail-session .compose-expanded,.message-row,.message-star{transition:none!important}
 #mail-action-toast{animation:none}
}

@media(max-width:760px){.message-row:hover .message-star:not(.starred),.message-row:focus-within .message-star:not(.starred){opacity:0}.message-row .message-star:focus-visible{opacity:1}}

/* Keep the folder title the same size in the split reader. */
.reading-message #list-view h2,.reader-layout #list-view h2{font-size:22px}
@property --mail-reader-progress{syntax:'<number>';inherits:false;initial-value:0}
@media(min-width:761px){
 .mail-session .mail-content.reader-layout{display:grid;grid-template-columns:minmax(0,calc(100% - (100% - var(--mail-reader-list-width,30%))*var(--mail-reader-progress))) minmax(0,1fr);gap:0;padding:0;overflow:hidden;transition:--mail-reader-progress .24s cubic-bezier(.2,.7,.25,1)}
 .reader-layout>#list-view,.reader-layout>#read-view{min-width:0;min-height:0;height:100%;overflow:auto;padding:calc(26px + var(--mail-content-offset,0px)) 20px 26px;overscroll-behavior:contain}
 .reader-layout>#list-view{border-right:1px solid var(--line);padding-left:14px;padding-right:14px}
 .reader-layout>#read-view{grid-column:2}
 .reader-animating .mail-reader-resize{opacity:0;pointer-events:none}
 .reader-resizing .mail-content.reader-layout{transition:none}
}
.row-sender{display:flex;align-items:center;gap:9px;min-width:0}
.row-sender-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.sender-logo{flex:0 0 24px;width:24px;height:24px;display:inline-grid;place-items:center;border:1px solid var(--line);background:var(--panel);color:var(--mint);font-size:12px;line-height:1;overflow:hidden}
.sender-logo img{width:22px;height:22px;object-fit:contain}
.message-open .row-date.snooze-wake-time{color:#f3a647;font-weight:600;white-space:normal}
#mail-sidebar-hint{position:fixed;z-index:3500;width:max-content;max-width:240px;padding:14px 16px;border:1px solid var(--line);background:var(--panel);color:var(--text);box-shadow:0 10px 30px #0006;pointer-events:none;animation:mail-sidebar-hint-in .14s ease}
#mail-sidebar-hint strong,#mail-sidebar-hint span{display:block}#mail-sidebar-hint strong{font-size:13px;margin-bottom:5px;color:var(--mint)}#mail-sidebar-hint span{font-size:12px;line-height:1.5;color:var(--muted)}
@keyframes mail-sidebar-hint-in{from{opacity:0;translate:-5px 0}to{opacity:1;translate:0 0}}
#mobile-compose{display:none}
@media(max-width:760px){
 .mail-session #compose-open{display:none}
 .mail-session #mobile-compose{position:fixed;display:flex;align-items:center;justify-content:center;gap:7px;right:14px;bottom:max(env(safe-area-inset-bottom),calc(var(--mail-sidebar-arrow-bottom,57px) - 4px));z-index:1205;width:56px;height:44px;padding:8px;border:1px solid var(--line);background:var(--panel);color:var(--mint);cursor:pointer}
 #mobile-compose svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 #mobile-compose span{font:700 18px Arial}
 body:has(.compose-window:not([hidden])) #mobile-compose{display:none}
 .mail-session .compose-window:not(.compose-inline){position:fixed!important;inset:0!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;z-index:3000;margin:0;border:0}
 .mail-session .compose-window:not(.compose-inline) [data-role=compose-size]{display:none}
 #mail-sidebar-hint{display:none}
}
@media(prefers-reduced-motion:reduce){.mail-session .mail-content.reader-layout{transition:none}#mail-sidebar-hint{animation:none}}

.mail-identity{touch-action:manipulation}

/* One bounded desktop scroll region; footer stays outside it. */
@media(min-width:761px){
 .mail-session:not(.settings-email) .mail-workspace{grid-template-rows:minmax(0,1fr)}
 .mail-session:not(.settings-email) .mail-sidebar{height:100%;min-height:0}
 .mail-session:not(.settings-email) .sidebar-scroll{flex:1 1 0;min-height:0;overscroll-behavior:contain}
 .mail-session:not(.sidebar-collapsed):not(.settings-email) .sidebar-scroll{overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#315457 var(--bg)}
 .mail-session:not(.sidebar-collapsed):not(.settings-email) .sidebar-scroll::-webkit-scrollbar{width:8px}
 .mail-session:not(.sidebar-collapsed):not(.settings-email) .sidebar-scroll::-webkit-scrollbar-thumb{background:#315457}
 .mail-session:not(.sidebar-collapsed):not(.settings-email) .sidebar-scroll::-webkit-scrollbar-track{background:var(--bg)}
 .mail-session:not(.settings-email) .sidebar-bottom{flex:0 0 auto}
}

.label-picker-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left;cursor:pointer}
.label-picker-option:hover,.label-picker-option:focus-visible{background:color-mix(in srgb,var(--mint) 10%,transparent)}
.label-picker-option svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
.label-drop-target{outline:1px solid var(--mint);outline-offset:-1px;background:color-mix(in srgb,var(--mint) 16%,var(--panel))!important;color:var(--mint)!important}
.message-label-dragging{opacity:.45}
#mail-label-drag-ghost{position:fixed;z-index:30000;max-width:min(220px,70vw);padding:12px 16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:var(--panel);border:1px solid var(--mint);box-shadow:0 10px 30px #0008;color:var(--text);font-size:12px;pointer-events:none}
.mail-label-dragging,.mail-label-dragging *{user-select:none!important;-webkit-user-select:none!important}
#sidebar-swipe-edge{display:none}
@media(max-width:760px){
 .mail-session.sidebar-collapsed #sidebar-swipe-edge{display:block;position:fixed;left:0;top:120px;bottom:calc(var(--mail-sidebar-arrow-bottom,57px) + 44px);width:20px;z-index:1203;touch-action:pan-y}
 .mail-sidebar{touch-action:pan-y}
 .message-row{-webkit-touch-callout:none}
}