@font-face{font-family:Figtree;src:url('/static/assets/fonts/figtree-variable-normal-2.woff2') format('woff2');font-style:normal;font-weight:300 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Figtree;src:url('/static/assets/fonts/figtree-variable-normal-5.woff2') format('woff2');font-style:normal;font-weight:300 900;font-display:swap;unicode-range:U+0100-02FF,U+1E00-1EFF}
@font-face{font-family:Newsreader;src:url('/static/assets/fonts/newsreader-variable-normal-1.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F}
@font-face{font-family:Newsreader;src:url('/static/assets/fonts/newsreader-variable-normal-4.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0100-02FF,U+1E00-1EFF}
:root{color-scheme:dark;--bg:#0c0e11;--surface:#12161b;--surface-raised:#1a1f26;--text:#efece6;--muted:#a6a8aa;--line:#2b3035;--accent:#efa477;--accent-ink:#23160e;--accent-soft:#efa47713;--glass:rgba(22,27,33,.78);--glass-deep:rgba(15,19,24,.93);--ok:#abd2b8;--danger:#f1a59d;--shadow:0 24px 80px #0004;--ease:cubic-bezier(.16,1,.3,1);font-family:Figtree,'Segoe UI',sans-serif;font-size:14px}
:root[data-theme=light]{color-scheme:light;--bg:#f6f3ee;--surface:#fffdfa;--surface-raised:#eeebe5;--text:#1b2328;--muted:#62686c;--line:#d6d1ca;--accent:#a64c23;--accent-ink:#fff8f0;--accent-soft:#a64c230d;--glass:rgba(255,253,250,.8);--glass-deep:rgba(255,253,250,.96);--ok:#28613e;--danger:#a43c32;--shadow:0 24px 80px #2c241214}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit}button,input,select,textarea{color:inherit}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button,input,select{min-height:42px}button{transition:background .2s,color .2s,transform .3s var(--ease)}button:active:not(:disabled){transform:scale(.97)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}h1,h2{letter-spacing:-.035em}img{max-width:100%}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}::selection{background:var(--accent);color:var(--accent-ink)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-70px;left:20px;background:var(--accent);color:var(--accent-ink);padding:12px 20px;z-index:100}.skip:focus{top:12px}.ambient{pointer-events:none;position:fixed;inset:0;background:radial-gradient(ellipse at 14% 0%,#efa4770a,transparent 46%),radial-gradient(ellipse at 100% 100%,#7b9bba08,transparent 40%)}.muted,.field-help{color:var(--muted)}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.17em;line-height:1.8;display:block}.text-button{font-size:12px;background:none;color:var(--accent);padding:0 8px;white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;border-radius:12px;padding:11px 18px;font-weight:600;font-size:12px;white-space:nowrap;min-height:44px}.primary{background:var(--accent);color:var(--accent-ink);box-shadow:inset 0 1px 0 #ffffff40}.primary:hover{filter:brightness(1.08)}.secondary{background:var(--surface-raised);border:1px solid var(--line);color:var(--text)}.secondary:hover,.icon-button:hover{background:var(--line)}.button-row{display:flex;gap:10px;align-items:center}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:42px;width:42px;height:42px;border-radius:12px;background:transparent;color:var(--muted);font-size:26px;flex-shrink:0}.danger{color:var(--danger)}
.island{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:40;max-width:calc(100vw - 28px);min-height:35px;border-radius:24px;display:flex;align-items:center;justify-content:center;gap:10px;padding:9px 18px;background:#07090beb;color:#dce0e1;border:1px solid #ffffff13;box-shadow:0 8px 28px #0004,inset 0 1px 0 #ffffff10;font-size:11px;white-space:nowrap;backdrop-filter:blur(24px) saturate(150%);transition:padding .55s var(--ease),min-height .55s var(--ease),border-color .4s,box-shadow .4s}.island-signal{width:6px;height:6px;display:block;background:var(--accent);border-radius:50%;flex-shrink:0;transition:background .3s}.island[data-state=busy]{padding:12px 24px;min-height:44px}.island[data-state=busy] .island-signal{width:11px;height:11px;border:1.5px solid #efa47750;border-top-color:#efa477;background:none;animation:spin 1s linear infinite}.island[data-state=error]{border-color:#f1a59d66;white-space:normal;text-align:center}.island[data-state=error] .island-signal{background:#f1a59d}.island[data-state=success] .island-signal{background:#abd2b8}.boot{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;color:var(--muted)}.boot img{width:150px}.noscript{position:fixed;bottom:20px;left:20px;right:20px;padding:20px;background:var(--surface);border:1px solid var(--line);z-index:90}
.app-header{height:82px;padding:20px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative}.brand{display:flex;align-items:center;gap:19px;text-decoration:none}.brand img{width:108px;display:block}.brand-rule{height:23px;width:1px;background:var(--line)}.brand-product{font-size:15px;color:var(--muted);font-family:Newsreader,Georgia,serif}.header-right{display:flex;align-items:center;gap:10px}.workspace-tag{font-size:10px;letter-spacing:.12em;color:var(--muted);padding-right:14px}.avatar{height:35px;width:35px;min-height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);font-size:12px;font-weight:600}.app-layout{height:calc(100dvh - 82px);display:grid;grid-template-columns:228px minmax(310px,380px) minmax(0,1fr);padding:18px;gap:0}.sidebar{display:flex;flex-direction:column;min-height:0;padding:8px 17px 8px 7px}.compose-button{justify-content:space-between;margin-bottom:30px;width:100%;padding:14px 17px;min-height:49px;border-radius:14px}.nav-label{color:var(--muted);font-size:9px;letter-spacing:.16em;margin:0 13px 10px}.folder-nav{display:flex;flex-direction:column;gap:4px}.folder-button{display:flex;align-items:center;gap:12px;background:transparent;color:var(--muted);padding:11px 13px;border-radius:11px;text-align:left;font-size:13px}.folder-button svg{width:18px;height:18px}.folder-button.active{background:var(--accent-soft);color:var(--accent)}.folder-button:hover{background:var(--surface-raised)}.folder-count{margin-left:auto;font-size:10px;border:1px solid var(--line);border-radius:6px;padding:2px 5px}.mailbox-section{margin-top:34px;min-height:0;overflow:auto}.mailbox-filter{font-size:11px;width:100%;background:none;text-align:left;color:var(--muted);padding:8px 13px;display:flex;gap:9px;align-items:center;border-radius:9px;overflow:hidden}.mailbox-filter span:last-child{overflow:hidden;text-overflow:ellipsis}.mailbox-filter.active{color:var(--text);background:var(--surface-raised)}.mailbox-dot{height:6px;width:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.sidebar-footer{margin-top:auto;padding-top:24px}.settings-button{display:flex;gap:12px;align-items:center;width:100%;font-size:12px;background:none;color:var(--muted);padding:10px 13px}.sidebar-signature{margin:16px 13px 0;font-size:10px;color:var(--muted);opacity:.6}.mail-list-panel{min-height:0;background:var(--glass);border:1px solid var(--line);border-radius:18px 0 0 18px;display:flex;flex-direction:column;overflow:hidden;backdrop-filter:blur(30px)}.list-heading{padding:25px 23px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.list-heading h1{font-size:25px;font-family:Newsreader,Georgia,serif}.list-meta{font-size:11px;color:var(--muted);margin-top:5px}.refresh-button{border:1px solid var(--line);border-radius:50%;height:34px;width:34px;min-width:34px;min-height:34px}.refresh-button svg{width:15px;height:15px}.search-box{margin:0 18px 17px;display:flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:var(--bg);color:var(--muted)}.search-box svg{width:15px;height:15px}.search-box input{width:100%;min-width:0;border:0;background:none;outline:none!important;font-size:12px}.search-box:focus-within{border-color:var(--accent)}.list-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 23px;border-block:1px solid var(--line);color:var(--muted);font-size:10px}.list-toolbar span:first-child{letter-spacing:.1em}.message-list{overflow:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.message-row{display:block;width:100%;background:transparent;text-align:left;padding:20px 23px;border-bottom:1px solid var(--line);position:relative;transition:background .2s}.message-row:hover{background:var(--surface-raised)}.message-row.selected{background:var(--accent-soft)}.message-row.selected:before{content:'';position:absolute;left:0;top:16px;bottom:16px;width:2px;border-radius:2px;background:var(--accent)}.row-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.row-sender{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500}.unread .row-sender{font-weight:700}.row-date{color:var(--muted);font-size:10px;white-space:nowrap}.row-subject{margin-top:9px;font-size:13px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-preview{margin-top:6px;color:var(--muted);font-size:11px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:35px}.unread-dot{display:inline-block;height:5px;width:5px;background:var(--accent);border-radius:50%;margin-right:7px;vertical-align:middle}.draft-chip{font-size:9px;color:var(--accent);margin-right:7px}.pagination{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:9px 15px;color:var(--muted);font-size:10px}.pagination .icon-button{width:32px;min-width:32px;min-height:32px;height:32px}.pagination svg{width:15px;height:15px}.mail-reader{background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid var(--line);border-left:0;border-radius:0 18px 18px 0;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin}.reader-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:65px;border-bottom:1px solid var(--line);padding:10px 24px}.reader-toolbar .icon-button{width:35px;min-width:35px;height:35px;min-height:35px}.reader-label{color:var(--muted);font-size:10px;letter-spacing:.1em}.reader-content{padding:36px clamp(24px,4vw,65px) 24px;animation:reveal .4s var(--ease)}.reader-content h2{font-family:Newsreader,Georgia,serif;font-size:clamp(27px,2.5vw,38px);font-weight:400;line-height:1.22;margin-bottom:28px;overflow-wrap:anywhere}.message-identity{display:flex;gap:13px;align-items:center;margin-bottom:30px}.sender-avatar{height:39px;width:39px;min-width:39px;background:var(--surface-raised);color:var(--accent);border-radius:13px;display:grid;place-items:center;font-family:Newsreader,Georgia,serif;font-size:19px}.sender-details{min-width:0;font-size:12px;line-height:1.8}.sender-details strong{font-weight:600;overflow-wrap:anywhere}.sender-details p{color:var(--muted);font-size:10px;overflow-wrap:anywhere}.message-date{font-size:10px;color:var(--muted);margin-left:auto;white-space:nowrap}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.85 Figtree,'Segoe UI',sans-serif;color:var(--text);min-height:100px;margin:0;padding-bottom:35px}.message-attachments{display:flex;flex-wrap:wrap;gap:10px;padding:18px 0;border-top:1px solid var(--line)}.attachment{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;border:1px solid var(--line);text-decoration:none;font-size:11px;max-width:100%;overflow-wrap:anywhere}.attachment small{color:var(--muted);display:block;margin-top:3px}.reader-actions{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:23px;margin-top:8px}.reader-footer{margin-top:auto;display:flex;justify-content:space-between;padding:20px 28px;color:var(--muted);font-size:9px;letter-spacing:.04em;gap:20px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;padding:42px 26px;min-height:250px;gap:15px;color:var(--muted)}.empty-state h2{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:30px;color:var(--text)}.empty-state h3{font-size:14px;color:var(--text)}.empty-state p{font-size:12px;line-height:1.8;max-width:280px}.empty-emblem{height:82px;width:82px;border:1px solid var(--line);border-radius:26px;display:grid;place-items:center;margin-bottom:11px;background:linear-gradient(145deg,var(--surface-raised),transparent);box-shadow:inset 0 1px 0 #ffffff08}.empty-emblem svg{width:31px;height:31px;color:var(--accent)}.empty-overline{font-size:9px;letter-spacing:.16em}.error-inline{margin:14px 18px;padding:15px;font-size:12px;color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);border-radius:11px;line-height:1.7}.skeleton{padding:23px;border-bottom:1px solid var(--line)}.skeleton i{display:block;background:var(--line);border-radius:4px;height:8px;margin-bottom:15px;animation:breathe 1.6s ease-in-out infinite}.skeleton i:nth-child(1){width:48%}.skeleton i:nth-child(2){width:80%}.skeleton i:nth-child(3){width:65%;margin-bottom:0}.mobile-only{display:none}
.login-shell{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;max-width:1440px;margin:auto;padding:70px clamp(30px,6vw,100px);gap:clamp(40px,9vw,150px);align-items:center;position:relative}.login-story{padding:30px 0}.login-brand{width:150px;margin-bottom:85px}.login-overline{color:var(--accent);margin-bottom:20px}.login-story h1{font-size:clamp(44px,4.6vw,72px);line-height:1.08;letter-spacing:-.045em;font-weight:400}.login-story h1 em{display:block;font-family:Newsreader,Georgia,serif;color:var(--accent);font-weight:400;font-style:normal;margin-top:8px}.login-story>p{color:var(--muted);font-size:14px;line-height:1.85;max-width:340px;margin-top:27px}.login-foot{margin-top:75px;display:flex;gap:12px;align-items:center;color:var(--muted);font-size:10px}.login-foot span{height:5px;width:5px;border-radius:50%;background:var(--accent)}.login-card{background:var(--glass);border:1px solid var(--line);border-radius:25px;padding:36px;box-shadow:var(--shadow),inset 0 1px 0 #ffffff07;backdrop-filter:blur(30px);position:relative;overflow:hidden}.login-card:before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#efa47766,transparent)}.login-card h2{font-family:Newsreader,Georgia,serif;font-size:33px;margin:12px 0}.login-card>p{font-size:12px;color:var(--muted);line-height:1.8}.login-form{margin-top:28px}.field{display:block;margin-bottom:19px;font-size:11px;color:var(--muted)}.field input,.field select{display:block;width:100%;border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:12px 14px;margin-top:8px;min-height:46px;color:var(--text)}.login-form>.button{width:100%;justify-content:space-between;margin-top:9px}.login-note{font-size:10px;color:var(--muted);line-height:1.8;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.form-feedback{font-size:12px;line-height:1.8;color:var(--danger)}.form-feedback:empty{display:none}.login-form .form-feedback{margin:14px 0}.login-footer{position:absolute;bottom:24px;left:clamp(30px,6vw,100px);right:clamp(30px,6vw,100px);display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.login-footer a{text-decoration:none}.login-footer a:hover{color:var(--accent)}
dialog{background:var(--glass-deep);color:var(--text);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:0;backdrop-filter:blur(40px) saturate(120%);max-width:calc(100vw - 28px)}dialog[open]{animation:dialog-in .4s var(--ease)}dialog::backdrop{background:#05080c80;backdrop-filter:blur(9px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:25px 28px;border-bottom:1px solid var(--line);gap:20px}.dialog-header .eyebrow{color:var(--muted);font-size:8px}.dialog-header h2{font-family:Newsreader,Georgia,serif;font-size:27px;margin-top:6px}.compose-dialog{width:760px;max-height:calc(100dvh - 70px)}.compose-form{display:flex;flex-direction:column;min-height:580px;max-height:calc(100dvh - 75px)}.compose-form>.form-feedback{padding:15px 28px 0}.compose-fields{padding:8px 28px 0}.address-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);font-size:12px;min-height:47px}.address-row>span{width:50px;flex-shrink:0;color:var(--muted);font-size:11px}.address-row input,.address-row select{flex:1;min-width:0;background:transparent;border:0;outline:none;min-height:44px}.address-row:focus-within{border-color:var(--accent)}.address-row select{font-size:11px}.field-help{font-size:9px;margin:12px 0}.compose-form textarea{padding:21px 28px;resize:vertical;background:none;border:0;min-height:180px;flex:1;line-height:1.85;outline:none}.compose-form textarea:focus-visible{outline:0;box-shadow:inset 3px 0 var(--accent)}.compose-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:19px 25px;font-size:10px}.compose-footer .button{font-size:11px;padding:11px 14px}.small-dialog{width:430px;padding:29px}.small-dialog .eyebrow{color:var(--accent);font-size:9px}.small-dialog h2{font-size:29px;font-family:Newsreader,Georgia,serif;margin:10px 0 16px}.small-dialog p{font-size:13px;line-height:1.85;color:var(--muted);overflow-wrap:anywhere;white-space:pre-line;margin-bottom:25px}.small-dialog .button-row{justify-content:flex-end}.settings-dialog{width:660px;max-height:85dvh}.settings-body{padding:25px 28px}.settings-section+.settings-section{margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}.settings-section h3{font-size:13px;margin-bottom:13px}.settings-section>p{color:var(--muted);font-size:11px;line-height:1.8;margin-bottom:14px}.setting-detail{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:40px;font-size:11px}.setting-detail span:first-child{color:var(--muted)}.status-badge{font-size:9px;display:inline-flex;align-items:center;gap:6px;color:var(--ok)}.status-badge:before{content:'';height:4px;width:4px;border-radius:50%;background:currentColor}.status-badge.warning{color:var(--accent)}.mailbox-card{border:1px solid var(--line);border-radius:11px;padding:13px 15px;margin-top:9px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px}.mailbox-card small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.mailbox-card .button{font-size:10px;min-height:34px;padding:7px 10px}.create-mailbox{display:grid;grid-template-columns:1fr 1fr;gap:0 13px;margin-top:18px}.create-mailbox .field{margin-bottom:13px}.create-mailbox .field input{min-height:41px;font-size:11px;padding:10px}.create-mailbox>.button{grid-column:1/-1;justify-self:start}.settings-actions{display:flex;justify-content:space-between;align-items:center;gap:14px}.settings-email{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.theme-choice{display:flex;gap:9px}.theme-choice button{font-size:11px;min-height:36px}.theme-choice button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
[data-theme=light] .brand img,[data-theme=light] .login-brand,[data-theme=light] .boot img{filter:invert(1)}
.compose-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.compose-form>.dialog-header,.compose-form>.form-feedback,.compose-footer,.compose-fields,.compose-attachments{flex-shrink:0}.compose-body textarea{flex:1 0 180px}.attachment-picker svg{width:15px;height:15px;color:var(--accent)}.compose-footer .primary svg{width:15px;height:15px}.login-footer a{display:inline-flex;align-items:center;gap:5px}.login-footer a svg{width:11px;height:11px}
.disabled-dot{opacity:.3}.compose-attachments{padding:0 28px 14px;max-height:140px;overflow:auto}.compose-file{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:9px;margin-top:7px;padding:4px 8px 4px 12px;font-size:11px;gap:10px}.compose-file>span{display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}.compose-file svg{width:14px;height:14px}.compose-file small{color:var(--muted);white-space:nowrap}.compose-file .icon-button{height:30px;min-height:30px;width:30px;min-width:30px;font-size:20px}.draft-tools{display:flex;flex-direction:column;gap:5px;flex-shrink:0}.attachment-picker{display:flex;gap:6px;align-items:center;font-size:10px;color:var(--muted);cursor:pointer;min-height:28px}.attachment-picker:focus-within{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.attachment-picker>span:first-child{font-size:17px;color:var(--accent)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{opacity:.35}}@keyframes reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1600px){.app-layout{grid-template-columns:250px 410px minmax(0,1fr);max-width:1850px;margin:auto;padding:24px}.sidebar{padding-right:26px}.reader-content{padding-top:45px}}
@media(max-width:1150px){.app-layout{grid-template-columns:195px 320px minmax(0,1fr);padding:12px}.sidebar{padding-right:13px}.reader-content{padding:28px 25px}.message-date{display:none}.workspace-tag{display:none}.compose-button{font-size:11px}.reader-footer{font-size:8px}.compose-footer{flex-wrap:wrap}}
@media(max-width:900px){.app-header{height:72px;padding:15px 22px}.app-layout{height:calc(100dvh - 72px);grid-template-columns:175px minmax(0,1fr);padding:12px}.mail-reader{display:none;border-left:1px solid var(--line);border-radius:17px;grid-column:2;grid-row:1}.mail-list-panel{border-radius:17px;grid-column:2;grid-row:1}.app-layout.reader-open .mail-list-panel{display:none}.app-layout.reader-open .mail-reader{display:flex}.mobile-only{display:inline-flex}.header-right .icon-button{display:none}.brand-product{font-size:13px}.sidebar{padding-left:0}.folder-button{font-size:12px}.login-shell{gap:45px;padding-inline:40px}.login-card{padding:28px}.login-brand{margin-bottom:55px}.login-story h1{font-size:45px}.login-footer{left:40px;right:40px}.island{top:17px;font-size:10px}}
@media(max-width:600px){.island{top:17px;min-height:30px;font-size:9px;padding:8px 12px;max-width:190px;overflow:hidden;text-overflow:ellipsis}.island[data-state=busy]{min-height:35px;padding:9px 13px}.island[data-state=error]{max-width:240px}.app-header{height:70px;padding:16px}.brand{gap:0}.brand img{width:79px}.brand-rule,.brand-product{display:none}.header-right{gap:4px}.avatar{height:30px;width:30px;min-height:30px;font-size:10px}.app-layout{height:calc(100dvh - 70px);padding:0;display:block;position:relative}.sidebar{display:none;position:absolute;left:0;top:0;bottom:0;width:255px;z-index:25;background:var(--glass-deep);backdrop-filter:blur(35px);border-right:1px solid var(--line);padding:22px 19px;box-shadow:30px 0 80px #0006}.app-layout.nav-open .sidebar{display:flex}.mail-list-panel{border:0;border-radius:0;height:100%}.mail-reader{height:100%;border:0;border-radius:0}.list-heading{padding:23px 23px 17px}.list-heading h1{font-size:30px}.list-meta{font-size:10px}.search-box{margin:0 20px 17px}.message-row{padding:20px 24px}.row-sender{font-size:12px}.row-subject{font-size:14px}.row-preview{font-size:12px;max-height:38px}.reader-toolbar{padding-inline:17px}.reader-content{padding:28px 24px}.reader-content h2{font-size:34px}.message-body{font-size:14px;line-height:1.95}.reader-footer{padding:20px 24px;font-size:9px}.header-menu{display:inline-flex;width:28px;min-width:28px;margin-left:0;color:var(--text)}.mobile-compose{position:absolute;bottom:28px;right:22px;border-radius:19px;min-height:54px;padding:16px 18px;box-shadow:0 8px 30px #0004;z-index:15}.app-layout.reader-open .mobile-compose{display:none}.login-shell{display:flex;flex-direction:column;gap:30px;align-items:stretch;justify-content:center;padding:95px 24px 90px;min-height:100dvh}.login-story{padding:0}.login-brand{width:112px;margin-bottom:30px}.login-overline{font-size:9px;margin-bottom:14px}.login-story h1{font-size:43px}.login-story h1 em{display:inline;margin-left:7px}.login-story>p{font-size:12px;margin-top:17px;max-width:320px}.login-foot{display:none}.login-card{padding:25px;border-radius:20px}.login-card h2{font-size:28px;margin-top:7px}.login-card>.eyebrow{display:none}.login-form{margin-top:23px}.login-note{font-size:9px}.login-footer{position:static;padding-top:5px;gap:15px;font-size:9px}.compose-dialog{max-width:100%;width:100%;max-height:100dvh;height:100dvh;border-radius:0;border:0;margin:0}.compose-form{height:100dvh;max-height:100dvh;min-height:0}.dialog-header{padding:20px}.compose-fields{padding:8px 20px 0}.compose-form textarea{padding:20px}.compose-footer{padding:15px 20px max(15px,env(safe-area-inset-bottom));gap:11px}.compose-footer .button-row{width:100%}.compose-footer .button-row .primary{flex:1}.compose-footer .button{font-size:10px;padding:11px}.compose-form>.form-feedback{padding-inline:20px}.settings-dialog{max-height:calc(100dvh - 28px)}.settings-body{padding:22px 20px}.settings-dialog h2{font-size:24px}.create-mailbox{grid-template-columns:1fr}.small-dialog{padding:24px}.small-dialog .button{padding-inline:13px}.message-identity{align-items:flex-start}.sender-details p{font-size:10px}.reader-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.island[data-state=busy] .island-signal{border-color:#efa477;background:#efa477}.skeleton i{opacity:.5}}
@media(max-width:600px){.compose-dialog,.compose-form{height:var(--compose-viewport,100dvh);max-height:var(--compose-viewport,100dvh)}.compose-body{scroll-padding-block:16px}.compose-body textarea{min-height:140px;flex-basis:140px}.compose-footer .primary svg{display:none}.compose-footer .button-row{flex-wrap:wrap}.compose-footer .button{white-space:normal}.compose-attachments{padding-inline:20px}}

/* Slow light across the canvas; only transform and opacity animate each frame. */
.ambient{overflow:hidden;isolation:isolate}.ambient:before,.ambient:after{content:'';position:absolute;pointer-events:none;will-change:transform,opacity;mix-blend-mode:screen}.ambient:before{width:90vw;height:90vh;left:-30vw;top:-38vh;background:radial-gradient(ellipse,#efa47720 0%,#efa4770c 35%,transparent 68%);transform-origin:40% 40%;animation:ambient-drift 20s ease-in-out infinite alternate}.ambient:after{width:80vw;height:100vh;right:-35vw;bottom:-45vh;background:radial-gradient(ellipse,#7eabc523 0%,#7eabc50a 38%,transparent 69%);animation:ambient-tide 26s ease-in-out infinite alternate}[data-theme=light] .ambient:before{mix-blend-mode:multiply;background:radial-gradient(ellipse,#d67d3626,transparent 67%)}[data-theme=light] .ambient:after{mix-blend-mode:multiply;background:radial-gradient(ellipse,#7a9dba23,transparent 67%)}
.mail-list-panel,.mail-reader{position:relative;transition:border-color .35s,box-shadow .45s}.mail-list-panel:before,.mail-reader:before{content:'';position:absolute;top:0;left:5%;width:55%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#efa47755,transparent);opacity:.55;z-index:2}.mail-list-panel:hover,.mail-reader:hover{border-color:color-mix(in srgb,var(--accent) 22%,var(--line))}.mail-reader:before{left:auto;right:6%;background:linear-gradient(90deg,transparent,#a9c9df40,transparent)}
.button{position:relative;overflow:hidden;transition:background .25s,box-shadow .35s,transform .4s var(--ease),border-color .25s}.button:after{content:'';position:absolute;inset:-90% -25%;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#ffffff24 49%,transparent 63%);transform:translateX(-85%) rotate(8deg);opacity:0;transition:transform .65s var(--ease),opacity .3s}.button:hover:not(:disabled):after,.button:focus-visible:after{transform:translateX(70%) rotate(8deg);opacity:1}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 22px #0002}.button:active:not(:disabled){transform:translateY(0) scale(.97);box-shadow:0 2px 5px #0001}.primary:hover:not(:disabled){box-shadow:0 8px 25px color-mix(in srgb,var(--accent) 18%,transparent),inset 0 1px 0 #ffffff55}
.folder-button,.mailbox-filter{transition:background .25s,color .25s,transform .4s var(--ease)}.folder-button:hover,.folder-button:focus-visible,.mailbox-filter:hover,.mailbox-filter:focus-visible{transform:translateX(3px)}.folder-button svg{transition:transform .45s var(--ease)}.folder-button:hover svg,.folder-button:focus-visible svg{transform:translateY(-1px) rotate(-5deg)}.mailbox-filter:hover{background:var(--surface-raised);color:var(--text)}
.message-row{overflow:hidden;transition:background .25s,box-shadow .35s,padding-left .4s var(--ease)}.message-row:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 30%,#efa47708 60%,transparent 85%);transform:translateX(-100%);transition:transform .75s var(--ease)}.message-row:hover:after,.message-row:focus-visible:after{transform:translateX(25%)}.message-row:hover,.message-row:focus-visible{padding-left:27px;box-shadow:inset 2px 0 color-mix(in srgb,var(--accent) 50%,transparent)}.message-row:hover .row-subject,.message-row:focus-visible .row-subject{color:var(--accent)}.row-subject{transition:color .25s}.icon-button svg{transition:transform .4s var(--ease)}.icon-button:hover svg{transform:translateY(-1px)}.refresh-button:hover svg{transform:rotate(45deg)}
.mailbox-card,.attachment,.compose-file{transition:border-color .25s,background .25s,transform .4s var(--ease)}.mailbox-card:hover,.attachment:hover,.attachment:focus-visible,.compose-file:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--accent-soft);transform:translateY(-1px)}.login-card{transition:border-color .4s,box-shadow .5s}.login-card:hover,.login-card:focus-within{border-color:color-mix(in srgb,var(--accent) 30%,var(--line));box-shadow:var(--shadow),0 0 45px #efa47706,inset 0 1px 0 #ffffff0e}.login-card:before{transition:transform 1s var(--ease),opacity .5s}.login-card:hover:before,.login-card:focus-within:before{transform:translateX(12%);opacity:.9}.empty-emblem{animation:emblem-breathe 8s ease-in-out infinite}.search-box,.field input{transition:border-color .25s,background .25s,box-shadow .25s}.search-box:focus-within,.field input:focus-visible{box-shadow:0 0 0 3px var(--accent-soft)}
.island{transition:padding .55s var(--ease),min-height .55s var(--ease),border-color .4s,box-shadow .4s,background .4s}.island[data-state=busy]{animation:island-busy 2.2s ease-in-out infinite}.island[data-state=success]{animation:island-success .6s cubic-bezier(.2,.9,.25,1.15)}.island[data-state=error]{animation:island-error .4s ease-out}.island-signal{transition:background .3s,transform .4s var(--ease),border-color .3s}.island[data-state=success] .island-signal{transform:scale(1.15);box-shadow:0 0 10px #abd2b845}dialog[open]{animation:dialog-spring .55s cubic-bezier(.2,.85,.25,1.08)}
@keyframes ambient-drift{from{transform:translate3d(-5%,-4%,0) rotate(-8deg) scale(.94);opacity:.55}to{transform:translate3d(27%,22%,0) rotate(12deg) scale(1.1);opacity:1}}@keyframes ambient-tide{from{transform:translate3d(3%,8%,0) scale(.95);opacity:.5}to{transform:translate3d(-27%,-20%,0) scale(1.12);opacity:.95}}@keyframes emblem-breathe{0%,100%{box-shadow:inset 0 1px 0 #ffffff08,0 0 0 #efa47700}50%{box-shadow:inset 0 1px 0 #ffffff10,0 0 30px #efa4770b}}@keyframes island-busy{50%{box-shadow:0 8px 28px #0004,0 0 20px #efa47717,inset 0 1px 0 #ffffff14}}@keyframes island-success{0%{transform:translateX(-50%) scale(.94)}60%{transform:translateX(-50%) scale(1.035)}100%{transform:translateX(-50%) scale(1)}}@keyframes island-error{0%,100%{transform:translateX(-50%)}25%{transform:translateX(calc(-50% - 3px))}65%{transform:translateX(calc(-50% + 2px))}}@keyframes dialog-spring{from{opacity:0;transform:translateY(22px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){.ambient:before{width:130vw;height:70vh;animation-duration:28s;opacity:.65}.ambient:after{width:110vw;height:80vh;animation-duration:34s;opacity:.6}.message-row:hover,.message-row:focus-visible{padding-left:27px}.button:hover:not(:disabled){transform:none}.compose-dialog[open]{animation:dialog-spring .4s var(--ease)}}
[data-page-visibility=hidden] *,[data-page-visibility=hidden] *:before,[data-page-visibility=hidden] *:after{animation-play-state:paused!important}
[data-motion=reduced] *,[data-motion=reduced] *:before,[data-motion=reduced] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-motion=reduced] .ambient:before,[data-motion=reduced] .ambient:after{will-change:auto;opacity:.4}[data-motion=reduced] .island[data-state=busy] .island-signal{border-color:#efa477;background:#efa477}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ambient:before,.ambient:after{will-change:auto;opacity:.4}.island[data-state=busy] .island-signal{border-color:#efa477;background:#efa477}}

/* Time, local reading state and provider evidence remain distinct. */
.row-date{font-variant-numeric:tabular-nums;font-size:9px}.row-top{gap:9px}.row-states,.reader-states{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.row-states{margin-top:12px}.status-chip{display:inline-flex;align-items:center;gap:4px;font-size:9px;line-height:1.4;padding:3px 6px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-weight:400;letter-spacing:0}.status-chip svg{width:11px;height:11px}.unread-chip{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 25%,var(--line))}.status-problem{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,var(--line))}.open-evidence{border-style:dashed}.reader-states{margin:-9px 0 23px}.reader-states .status-chip{font-size:10px;padding:5px 8px}.delivery-evidence{margin:-7px 0 27px;padding:13px 16px;border-left:2px solid var(--line);color:var(--muted);font-size:10px;line-height:1.85}.delivery-evidence p+p{margin-top:5px}.sender-details time{font-variant-numeric:tabular-nums}
.header-right .notification-button{display:inline-flex;position:relative;overflow:visible;color:var(--text)}.notification-badge{position:absolute;top:1px;right:-1px;min-width:16px;height:16px;display:grid;place-items:center;padding:0 4px;border-radius:9px;background:var(--accent);color:var(--accent-ink);font-size:8px;font-weight:700;border:2px solid var(--bg);font-variant-numeric:tabular-nums}.notification-button[aria-expanded=true]{background:var(--accent-soft);color:var(--accent)}.notification-panel{position:fixed;right:24px;top:73px;z-index:35;width:380px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 92px);display:flex;flex-direction:column;background:var(--glass-deep);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow),inset 0 1px 0 #ffffff0a;backdrop-filter:blur(30px) saturate(135%);overflow:hidden;animation:notification-reveal .35s var(--ease)}.notification-header{padding:19px 20px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.notification-header .eyebrow{font-size:8px;color:var(--muted)}.notification-header h2{font-family:Newsreader,Georgia,serif;font-size:27px;margin-top:4px}.notification-header .icon-button{height:35px;min-height:35px;width:35px;min-width:35px}.notification-content{overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin}.notification-content .empty-state{min-height:240px}.notification-content .empty-emblem{width:60px;height:60px;border-radius:19px}.notification-content .empty-emblem svg{width:24px;height:24px}.notification-item{display:flex;align-items:center;border-bottom:1px solid var(--line);gap:5px;transition:background .25s}.notification-item:last-child{border-bottom:0}.notification-item:hover,.notification-item:focus-within{background:var(--accent-soft)}.notification-open{flex:1;min-width:0;display:flex;gap:12px;align-items:flex-start;text-align:left;padding:17px 8px 17px 19px;background:transparent;color:var(--text)}.notification-symbol{color:var(--accent);display:flex;padding-top:2px}.notification-symbol svg{width:17px;height:17px}.notification-problem .notification-symbol,.notification-problem .notification-kind{color:var(--danger)}.notification-text{display:flex;flex-direction:column;gap:6px;min-width:0}.notification-kind{font-size:9px;color:var(--muted)}.notification-text strong{font-weight:500;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.notification-text time{font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}.notification-seen{width:34px;height:34px;min-width:34px;min-height:34px;margin-right:10px}.notification-seen svg{width:16px;height:16px}.notification-footer{padding:12px 19px 17px;border-top:1px solid var(--line)}.notification-footer .text-button{padding:0;min-height:35px;font-size:11px}.notification-footer p,.notification-more{font-size:9px;line-height:1.7;color:var(--muted)}.notification-more{padding:14px 20px}.notification-panel .error-inline{font-size:10px}.notification-open:focus-visible{outline-offset:-4px;border-radius:10px}.notification-button:hover svg{animation:bell-nudge .5s var(--ease)}
@keyframes notification-reveal{from{opacity:0;transform:translateY(-7px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bell-nudge{25%{transform:rotate(-10deg)}60%{transform:rotate(8deg)}100%{transform:rotate(0)}}
@media(max-width:600px){.header-right .notification-button{width:35px;min-width:35px;height:35px;min-height:35px;margin-right:4px}.notification-panel{top:65px;right:10px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 80px);border-radius:16px}.row-date{font-size:9px}.row-states .status-chip{font-size:9px}.delivery-evidence{font-size:10px}.notification-footer{padding-bottom:max(15px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.notification-panel,.notification-button:hover svg{animation:none!important}}

/* Give mobile status its own intrinsic row, outside the brand/action row. */
@media(max-width:600px){
  body:has(.app-header){position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}
  body:has(.app-header) #root{display:contents}
  body:has(.app-header) .app-header{grid-column:1;grid-row:1;min-width:0}
  body:has(.app-header) .island{position:relative;inset:auto;grid-column:1;grid-row:2;justify-self:center;align-self:start;width:max-content;min-width:0;max-width:calc(100% - 32px);margin:8px 16px 10px;padding:8px 14px;transform:none;font-size:10px;line-height:1.5;white-space:normal;overflow:visible}
  body:has(.app-header) #island-label{min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:center}
  body:has(.app-header) .island[data-state=busy]{padding:10px 16px}
  body:has(.app-header) .island[data-state=success]{animation:island-success-mobile .6s cubic-bezier(.2,.9,.25,1.15)}
  body:has(.app-header) .island[data-state=error]{animation:island-error-mobile .4s ease-out}
  body:has(.app-header) .app-layout{grid-column:1;grid-row:3;width:100%;height:100%;min-height:0;overflow:hidden}
  .app-layout .mobile-compose{position:absolute}
  body:has(.app-header) .notification-panel{position:absolute;grid-column:1;grid-row:3;top:0;right:10px;bottom:auto;left:auto;max-height:calc(100% - 10px)}
}
@keyframes island-success-mobile{0%{transform:scale(.97)}60%{transform:scale(1.015)}100%{transform:scale(1)}}
@keyframes island-error-mobile{0%,100%{transform:translateX(0)}25%{transform:translateX(-2px)}65%{transform:translateX(2px)}}
@media(prefers-reduced-motion:reduce){body:has(.app-header) .island{animation:none!important;transition:none!important}}