:root{--ink:#193d34;--muted:#77857d;--paper:#fbfcf8;--line:#e7ece5;--soft:#edf3ea;--accent:#d9e8bd;--white:#fff;--danger:#b13e37;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button,select{color:inherit}a{color:inherit}svg{width:21px;height:21px;flex-shrink:0}button{border:0;background:none}input,textarea{outline:none;color:var(--ink)}input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #6a8951;outline-offset:3px}input[type=checkbox]{accent-color:var(--ink);width:16px;height:16px;margin:0}button[hidden],[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.eyebrow{font-size:10px;letter-spacing:.12em;font-weight:700;color:var(--muted)}.mail-brand{font-size:25px;font-weight:760;text-decoration:none;display:flex;align-items:center;gap:9px;letter-spacing:-1px;white-space:nowrap}.mail-brand>span:first-child{display:grid;place-items:center;width:38px;height:38px;background:var(--ink);color:white;border-radius:12px}.mail-brand .brand-dot{color:#7c9464;margin-left:-9px}.primary,.secondary{display:inline-flex;gap:12px;align-items:center;justify-content:center;border-radius:12px;padding:13px 20px;font-weight:650;font-size:13px}.primary{background:var(--ink);color:white}.primary:hover{background:#285345}.secondary{background:var(--soft)}.full{width:100%}.icon-button{height:34px;width:34px;border-radius:9px;display:inline-grid;place-items:center;flex-shrink:0}.icon-button:hover{background:var(--soft)}.icon-button svg{width:18px;height:18px}.text-button{font-size:11px;font-weight:600;padding:7px;white-space:nowrap}.toast{position:fixed;z-index:30;bottom:22px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:14px 20px;border-radius:12px;box-shadow:0 8px 35px #152e3320;max-width:min(600px,90vw);font-size:13px}.toast.error{background:#8e3732}.form-error{color:#a73731;background:#fff1ec;border:1px solid #f3d9d1;border-radius:9px;padding:11px;font-size:12px;line-height:1.6}.login-page{min-height:100vh;max-width:1160px;margin:auto;padding:45px 48px 25px}.login-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center;min-height:calc(100vh - 170px)}.login-story h1{font-size:clamp(33px,3.5vw,48px);line-height:1.2;letter-spacing:-1.8px;font-weight:640;margin:24px 0}.login-story h1 em{color:#869967;font-style:normal}.login-story>p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:370px;color:var(--muted)}.login-envelope{margin:40px 0 26px;width:220px;height:150px;border-radius:25px;display:grid;place-items:center;background:#e8efdb;position:relative;transform:rotate(-5deg)}.login-envelope svg{width:100px;height:100px;stroke-width:.7;color:#466c4c}.login-envelope i{position:absolute;width:47px;height:47px;background:#e8bb9f;border:8px solid var(--paper);border-radius:50%;right:-15px;top:-15px}.story-note{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.story-note svg{width:16px;height:16px}.login-card{background:#fff;padding:38px;border:1px solid var(--line);box-shadow:0 15px 60px #24473408;border-radius:23px}.login-card h2{font-size:26px;letter-spacing:-.7px;margin:15px 0 10px}.login-card>p{font-size:13px;color:var(--muted);margin-bottom:30px}.login-card label{display:block;font-size:12px;font-weight:600;margin-bottom:20px}.login-card label input{width:100%;display:block;border:1px solid #dce4d8;border-radius:10px;height:47px;margin-top:9px;padding:0 13px;background:#fbfcf9;font-size:13px}.password-wrap{position:relative;display:block}.password-wrap input{padding-right:64px!important}.password-wrap button{position:absolute;right:8px;top:10px;height:34px;font-size:11px;color:var(--muted)}.login-card .primary{margin-top:8px}.forgot{display:block;text-align:center;text-decoration:none;font-size:12px;color:var(--muted);margin:20px 0 27px}.signup-note{text-align:center;border-top:1px solid var(--line);padding-top:22px;font-size:12px;color:var(--muted)}.signup-note a{font-weight:650;color:var(--ink);text-decoration:none}.login-page>footer{font-size:11px;color:var(--muted);display:flex;gap:22px;align-items:center}.login-page>footer a{text-decoration:none}.mail-header{height:78px;display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 27px;gap:30px;background:var(--paper)}.mail-header>.mail-brand{width:200px;flex-shrink:0}.search{height:43px;max-width:560px;flex:1;background:#edf2e9;border:1px solid #e7eddf;display:flex;align-items:center;border-radius:12px;padding:0 12px;gap:11px}.search>svg{width:18px;color:#829174}.search input{border:0;background:none;width:100%;min-width:0;font-size:12px}.search .icon-button{width:27px;height:27px;color:var(--muted)}.search .icon-button svg{height:14px}.account-menu{margin-left:auto;position:relative}.account-menu summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none}.account-menu summary::-webkit-details-marker{display:none}.account-avatar{display:grid;place-items:center;height:34px;width:34px;border-radius:50%;background:#e2ead7;font-size:13px;font-weight:700}.account-label{font-size:11px;color:var(--muted);max-width:200px;overflow:hidden;text-overflow:ellipsis}.account-menu>div{position:absolute;top:45px;right:0;border:1px solid var(--line);border-radius:12px;background:white;box-shadow:0 15px 35px #23472c15;padding:18px;min-width:230px;z-index:10;font-size:12px}.account-menu strong{display:block;margin-bottom:16px;overflow-wrap:anywhere}.account-menu a,.account-menu button{display:flex;align-items:center;gap:8px;padding:8px 0;text-decoration:none}.account-menu button svg{width:16px}.app-body{display:flex;height:calc(100dvh - 78px);min-height:400px}.sidebar{width:226px;flex-shrink:0;display:flex;flex-direction:column;padding:25px 17px 22px;background:var(--paper)}.compose-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 10px;background:var(--ink);color:#fff;border-radius:12px;font-size:12px;font-weight:650;margin:0 2px 28px;box-shadow:0 5px 12px #193d3410}.compose-button svg{width:18px;height:18px}.nav-label{font-size:9px;font-weight:700;color:#9da891;letter-spacing:.12em;margin:0 15px 12px}.folder{display:flex;align-items:center;text-align:left;gap:12px;border-radius:10px;width:100%;padding:12px 14px;margin:3px 0;color:#71816e;font-size:12px}.folder svg{width:17px;height:17px;stroke-width:1.6}.folder span{flex:1}.folder b{font-size:10px;min-width:20px;text-align:center}.folder.active{background:#e5edd9;color:var(--ink);font-weight:650}.folder:hover:not(.active){background:#f0f4e9}.sidebar-bottom{margin-top:auto;padding:30px 14px 0;color:#8f9c85;font-size:10px;display:grid;gap:14px}.sidebar-bottom a{text-decoration:none}.own-mail-badge{display:flex;align-items:center;gap:8px;font-weight:600}.own-mail-badge svg{width:16px}.mail-workspace{display:grid;grid-template-columns:minmax(340px,420px) minmax(360px,1fr);flex:1;min-width:0;background:#fff;margin:15px 16px 15px 0;border:1px solid var(--line);border-radius:18px;overflow:hidden}.message-list{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.list-heading{padding:25px 23px 17px;display:flex;align-items:center;justify-content:space-between}.list-heading .eyebrow{font-size:8px;letter-spacing:.1em}.list-heading h1{font-size:24px;margin:7px 0 0;letter-spacing:-.7px;font-weight:650}.list-toolbar{display:flex;align-items:center;gap:9px;min-height:46px;border-top:1px solid #f1f3ee;border-bottom:1px solid var(--line);padding:8px 19px}.select-all{display:flex;align-items:center;padding:4px}.filter-button{background:#f1f5ec;border-radius:20px;color:#7b8b71;padding:5px 10px;font-size:9px;white-space:nowrap}.filter-button[aria-pressed=true]{background:var(--ink);color:white}.list-toolbar>.text-button{font-size:9px;margin-left:auto;white-space:normal;line-height:1.3;text-align:right;max-width:100px}.list-toolbar>span{font-size:9px;color:var(--muted);white-space:nowrap}.bulk-toolbar{display:flex;align-items:center;gap:3px;min-height:42px;padding:6px 18px;background:#f4f7ee;border-bottom:1px solid var(--line)}.bulk-toolbar>span{font-size:10px;flex:1}.bulk-toolbar button{display:grid;place-items:center;padding:5px}.bulk-toolbar svg{width:16px}.message-rows{flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#dce6d5 transparent}.message-row{position:relative;display:flex;gap:11px;border-bottom:1px solid #eef1e9;min-height:91px;align-items:center;padding:15px 18px;cursor:pointer;transition:background .15s}.message-row:hover{background:#f9fbf6}.message-row.active{background:#eef4e7;border-left:3px solid #789057;padding-left:15px}.message-row.unread{background:#fafcf7}.message-row.unread .message-sender,.message-row.unread .message-subject{font-weight:700;color:#263d2a}.message-row .row-check{flex-shrink:0;width:14px;height:14px}.sender-avatar{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;font-size:11px;color:#647551;font-weight:600;flex-shrink:0;background:#e9eddd}.sender-avatar.color-1{background:#f2e4d9;color:#92705b}.sender-avatar.color-2{background:#e7e5ef;color:#7e7099}.sender-avatar.color-3{background:#e0eaf0;color:#617a86}.row-content{min-width:0;flex:1}.row-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.message-sender{font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#6e7d6b}.message-time{font-size:8px;color:#929c8a;white-space:nowrap}.message-subject{font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:6px;line-height:1.4;color:#687562}.row-bottom{display:flex;align-items:center;gap:8px;margin-top:5px;color:#a0a899;font-size:8px}.row-star{display:grid;place-items:center;padding:3px;color:#bbc5af;flex-shrink:0}.row-star svg{width:14px;height:14px}.row-star.on{color:#a99857}.row-star.on svg{fill:#ece3aa}.list-state{padding:55px 24px;text-align:center;font-size:12px;line-height:1.8;color:var(--muted)}.pagination{display:flex;align-items:center;justify-content:center;gap:15px;border-top:1px solid var(--line);min-height:45px;font-size:10px;color:var(--muted)}.pagination .icon-button{height:27px;width:27px}.reader{overflow:auto;min-height:0;position:relative;background:#fff}.reader-placeholder{min-height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px;text-align:center;background:radial-gradient(ellipse at center,#f8fbf2 0%,#fff 63%)}.reader-art{display:grid;place-items:center;width:130px;height:104px;background:#e8eedc;border-radius:25px;transform:rotate(-8deg);color:#91a576;margin-bottom:31px}.reader-art svg{height:67px;width:67px;stroke-width:.8}.reader-placeholder h2{font-size:24px;letter-spacing:-.6px;margin:15px 0 10px;font-weight:550}.reader-placeholder>p{font-size:12px;color:#94a088;max-width:260px;line-height:1.8;margin:0 0 25px}.reader-placeholder .secondary{font-size:11px;padding:11px 15px}.reader-placeholder .eyebrow{font-size:8px}.reader-tools{display:flex;align-items:center;gap:6px;padding:17px 23px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.reader-tools .spacer{flex:1}.reader-tools .mobile-back{display:none}.reader-content{padding:32px 35px 45px}.reader-content h2{font-size:24px;font-weight:650;letter-spacing:-.6px;line-height:1.4;overflow-wrap:anywhere;margin:0 0 25px}.reader-sender{display:flex;align-items:flex-start;gap:12px;font-size:12px;margin-bottom:30px}.reader-sender .sender-avatar{width:39px;height:39px}.reader-sender>div{min-width:0;flex:1}.reader-sender strong{display:block;font-size:12px;margin:2px 0 6px}.reader-sender span{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.reader-date{font-size:9px;color:var(--muted);white-space:nowrap}.reader-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.95;color:#4d5d4a;min-height:140px;font-family:inherit;margin:0}.reader-body a{color:#54754a}.text-version{font-size:9px;color:#9ca592;margin:23px 0}.reader-attachments{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.file-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;background:#f7f9f3;padding:10px 12px;text-align:left;max-width:100%;font-size:10px}.file-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px}.file-chip small{color:var(--muted);font-size:9px}.file-chip svg{width:16px}.reader-replies{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:25px;margin-top:30px}.reader-replies button{font-size:11px}.compose-overlay{position:fixed;inset:0;background:#142a2440;backdrop-filter:blur(4px);z-index:20;display:flex;align-items:center;justify-content:center;padding:25px}.compose-panel{width:710px;max-width:100%;max-height:calc(100dvh - 50px);background:#fff;border-radius:20px;box-shadow:0 20px 70px #18372b35;display:flex;flex-direction:column;overflow:hidden}.compose-panel>header{display:flex;align-items:center;justify-content:space-between;background:#f3f7ed;padding:19px 25px;border-bottom:1px solid var(--line)}.compose-panel>header h2{font-size:18px;letter-spacing:-.5px;margin:5px 0 0}.compose-panel>header .eyebrow{font-size:8px}.compose-panel form{display:flex;flex-direction:column;min-height:0;overflow:auto}.compose-from{font-size:11px;padding:16px 25px 8px;color:var(--muted)}.compose-from strong{font-weight:500;color:var(--ink);margin-left:12px}.compose-address{display:flex;gap:12px;align-items:center;min-height:43px;border-bottom:1px solid var(--line);margin:0 25px;font-size:11px}.compose-address>span{color:var(--muted);min-width:45px}.compose-address>input{min-width:0;flex:1;background:none;border:0;padding:10px 0;font-size:12px}.compose-address .text-button{font-size:9px;color:var(--muted)}.compose-panel textarea{border:0;resize:vertical;min-height:230px;padding:22px 25px;font-size:13px;line-height:1.9;flex:1;width:100%;background:#fff}.compose-panel form>footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:16px 25px;background:white}.compose-panel form>footer .primary{font-size:12px;padding:11px 18px}.attachment-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;cursor:pointer}.attachment-button svg{width:19px}.attachment-hint{font-size:10px;color:var(--muted)}.save-draft{margin-left:auto;font-size:10px;white-space:normal}.compose-files{display:flex;flex-wrap:wrap;gap:8px;padding:0 25px 12px}.compose-files:empty{display:none}.compose-files .file-chip{padding:7px 10px}.compose-files button{padding:0}.compose-files svg{width:13px;height:13px}.compose-panel .form-error{margin:0 25px 15px}.mobile-menu{display:none}.language-picker{border:1px solid var(--line);border-radius:8px;padding:5px 8px;background:white;font-size:10px;max-width:120px}.login-page .language-form{float:right;display:flex;align-items:center;gap:5px;font-size:11px}.mail-header .language-form{display:flex;gap:3px;margin-left:auto}.language-form button{font-size:10px}.mail-header .account-menu{margin-left:0}
@media(min-width:1500px){.mail-workspace{grid-template-columns:430px minmax(450px,1fr)}.reader-content{max-width:900px}.message-row{min-height:100px}}@media(max-width:1200px){.account-label{display:none}.mail-header{gap:15px;padding:0 20px}.mail-header>.mail-brand{width:190px}.sidebar{width:210px}.mail-workspace{grid-template-columns:340px minmax(260px,1fr)}.reader-content{padding:25px}.message-row{padding:14px 13px;gap:8px}.message-row.active{padding-left:10px}.sender-avatar{width:29px;height:29px}.list-toolbar{gap:5px;padding:8px 13px}.reader-date{max-width:105px;white-space:normal;text-align:right}}@media(max-width:1000px){.sidebar{width:190px;padding-left:10px;padding-right:10px}.mail-header>.mail-brand{width:155px;font-size:23px}.mail-workspace{grid-template-columns:310px minmax(230px,1fr);margin-right:10px}.message-row .sender-avatar{display:none}.list-toolbar>.text-button{font-size:8px}.reader-content{padding:24px 20px}.reader-content h2{font-size:21px}.reader-placeholder h2{font-size:21px}.mail-header .language-picker{max-width:90px}}
@media(max-width:800px){.mail-header{height:66px;padding:0 15px;gap:10px}.mail-header>.mail-brand{width:auto;flex:1;font-size:23px}.mail-header .mail-brand>span:first-child{width:32px;height:32px;border-radius:10px}.mobile-menu{display:grid}.search{position:absolute;top:80px;left:24px;right:24px;z-index:3;max-width:none;height:40px}.mail-header .language-form{margin-left:0}.mail-header .language-picker{max-width:83px}.app-body{height:calc(100dvh - 66px)}.sidebar{position:fixed;top:66px;bottom:0;left:0;width:240px;z-index:11;transform:translateX(-100%);transition:transform .2s;padding-top:25px;border-right:1px solid var(--line)}.sidebar.open{transform:translateX(0)}.sidebar-shade{position:fixed;inset:66px 0 0;background:#18342c55;z-index:10;border:0}.mail-workspace{display:block;width:100%;margin:0;border:0;border-radius:0;padding-top:66px;position:relative}.message-list{height:100%;border:0}.list-heading{padding:12px 24px 17px}.list-heading .eyebrow{font-size:8px}.list-heading h1{font-size:25px}.list-toolbar{padding:10px 23px;gap:13px}.list-toolbar>.text-button{max-width:none;white-space:nowrap;font-size:9px}.message-row{min-height:94px;padding:17px 23px;gap:12px}.message-row.active{padding-left:20px}.message-row .sender-avatar{display:grid;width:34px;height:34px}.message-sender{font-size:12px}.message-subject{font-size:12px}.message-time{font-size:9px}.row-bottom{font-size:9px}.reader{display:none;position:absolute;inset:0;z-index:5;background:#fff}.reader.open{display:block}.reader-tools .mobile-back{display:inline-grid}.reader-content{padding:27px 24px}.reader-body{font-size:14px}.reader-content h2{font-size:24px}.reader-sender{margin-bottom:28px}.reader-date{font-size:9px}.compose-overlay{padding:0}.compose-panel{border-radius:0;width:100%;height:100dvh;max-height:100dvh}.compose-panel form{flex:1}.compose-panel textarea{min-height:200px}.compose-panel>header{padding:18px 22px}.compose-panel form>footer{padding:15px 20px}.compose-address{margin:0 22px}.compose-from{padding-left:22px}.login-page{padding:26px 24px}.login-grid{display:block;min-height:0;max-width:460px;margin:55px auto 35px}.login-story{display:none}.login-card{padding:29px 24px;border-radius:18px}.login-page>footer{justify-content:center;flex-wrap:wrap;gap:16px}.login-page>.mail-brand{font-size:24px}.login-page>.mail-brand>span:first-child{width:32px;height:32px}.login-page .language-picker{max-width:100px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.header-actions{display:flex;align-items:center;gap:5px;margin-left:auto}.header-logout{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;padding:8px 11px;font-size:11px}.header-logout svg{width:17px;height:17px}.account-menu{margin-left:0}.login-page{position:relative}.login-theme{display:flex;align-items:center;gap:6px;position:absolute;right:48px;top:85px;font-size:11px;text-decoration:none}.login-theme svg{width:15px;height:15px}.settings-panel{width:880px;max-width:100%;max-height:calc(100dvh - 50px);background:var(--white);border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 70px #18372b35;display:flex;flex-direction:column;overflow:hidden}.settings-panel>header{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid var(--line)}.settings-panel h2{margin:4px 0 0;font-size:22px}.settings-layout{display:grid;grid-template-columns:190px 1fr;min-height:0;overflow:auto}.settings-layout>nav{padding:20px 12px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.settings-layout>nav button{font-size:12px;text-align:left;padding:13px 14px;border-radius:10px;line-height:1.5}.settings-layout>nav button.active{background:var(--soft);font-weight:700}.settings-content{padding:24px 30px;min-width:0}.settings-content h3{font-size:16px;margin:0 0 22px}.settings-content label:not(.settings-check),.settings-content legend{display:block;font-size:11px;font-weight:600;margin-bottom:17px}.settings-content input:not([type=checkbox]):not([type=radio]),.settings-content select,.settings-content textarea{display:block;width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:10px;padding:11px;margin-top:7px;font-size:12px}.settings-content textarea{line-height:1.7;resize:vertical;min-height:130px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.settings-check{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;margin:17px 0}.settings-check input{flex-shrink:0;margin-top:2px}.settings-hint{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 18px}.theme-options{border:0;padding:0;display:flex;gap:14px;margin:0 0 20px}.theme-options label{flex:1;display:flex!important;align-items:center;gap:9px;padding:13px;border:1px solid var(--line);border-radius:10px;margin-bottom:0!important}.theme-swatch{display:block;width:28px;height:23px;border-radius:5px;border:1px solid #526658}.light-swatch{background:#f8faf6}.dark-swatch{background:#090d0b}.settings-panel>footer{border-top:1px solid var(--line);padding:18px 25px;display:flex;gap:10px;justify-content:flex-end}.settings-content .form-error{margin-top:18px}.security-sessions{border-top:1px solid var(--line);margin-top:28px;padding-top:25px}.security-sessions h3{margin-bottom:10px}body[data-density=compact] .message-row{min-height:63px;padding-top:10px;padding-bottom:10px}body[data-font=large] .reader-body,body[data-font=large] .compose-panel textarea{font-size:17px;line-height:1.9}body[data-font=large] .message-subject{font-size:14px}
body[data-theme=dark]{--ink:#e1ece5;--muted:#9dad9f;--paper:#080c0a;--line:#27372c;--soft:#19271e;--white:#101813;--accent:#9bc9a1;color:var(--ink);background:var(--paper);color-scheme:dark}html[data-theme=dark]{background:#080c0a;color-scheme:dark}body[data-theme=dark] .mail-header,body[data-theme=dark] .sidebar{background:var(--paper)}body[data-theme=dark] .mail-workspace,body[data-theme=dark] .message-list,body[data-theme=dark] .reader,body[data-theme=dark] .reader-tools,body[data-theme=dark] .login-card,body[data-theme=dark] .compose-panel,body[data-theme=dark] .compose-panel textarea,body[data-theme=dark] .compose-panel form>footer,body[data-theme=dark] .account-menu>div{background:var(--white)}body[data-theme=dark] .reader-placeholder{background:radial-gradient(ellipse at center,#17261b 0%,#101813 67%)}body[data-theme=dark] .primary,body[data-theme=dark] .compose-button{background:#a7cda6;color:#102416}body[data-theme=dark] .primary:hover,body[data-theme=dark] .compose-button:hover{background:#b8dcb7}body[data-theme=dark] .mail-brand>span:first-child{background:#a7cda6;color:#102416}body[data-theme=dark] .search,body[data-theme=dark] .compose-panel>header{background:#17231b;border-color:var(--line)}body[data-theme=dark] .message-row{background:#101813}body[data-theme=dark] .message-row.unread{background:#142019}body[data-theme=dark] .message-row.active,body[data-theme=dark] .folder.active{background:#263a28}body[data-theme=dark] .message-row:hover{background:#1b2b20}body[data-theme=dark] .message-sender,body[data-theme=dark] .message-subject,body[data-theme=dark] .reader-body,body[data-theme=dark] .reader-sender strong{color:var(--ink)}body[data-theme=dark] .reader-body a{color:#acd49f}body[data-theme=dark] .sender-avatar,body[data-theme=dark] .account-avatar{background:#30462d;color:#dcebd3}body[data-theme=dark] .reader-art,body[data-theme=dark] .login-envelope{background:#263a28;color:#a7cda6}body[data-theme=dark] .login-card input,body[data-theme=dark] .file-chip,body[data-theme=dark] .language-picker{background:#0a110c;color:var(--ink);border-color:var(--line)}body[data-theme=dark] .bulk-toolbar,body[data-theme=dark] .filter-button[aria-pressed=true]{background:#263a28}body[data-theme=dark] .toast{background:#c2dbc0;color:#102416}body[data-theme=dark] .toast.error,body[data-theme=dark] .form-error{background:#3c211e;color:#f3b8ad;border-color:#693d33}body[data-theme=dark] .compose-overlay{background:#0009}body[data-theme=dark] .story-note{color:#a0b495}
@media(max-width:1050px){.header-logout span{display:none}.header-logout{padding:8px}.mail-header{gap:17px}.account-label{max-width:105px}}@media(max-width:800px){.mail-header{padding:0 10px;gap:8px}.mail-header>.mail-brand{font-size:20px;min-width:0}.mail-header>.mail-brand>span:first-child{display:none}.header-actions{gap:2px}.header-actions .icon-button{width:30px;height:32px}.header-logout{width:30px;height:32px;padding:5px;justify-content:center}.account-menu .account-avatar{width:30px;height:30px}.settings-overlay{padding:0}.settings-panel{border-radius:0;width:100%;height:100dvh;max-height:100dvh}.settings-layout{display:block}.settings-layout>nav{flex-direction:row;border-right:0;border-bottom:1px solid var(--line);padding:10px;gap:3px;overflow-x:auto}.settings-layout>nav button{white-space:nowrap;padding:10px;font-size:10px}.settings-content{padding:24px 20px}.settings-panel>header{padding:18px 22px}.settings-panel>footer{padding:14px 20px}.login-theme{right:25px;top:70px}.settings-grid{gap:0 14px}}@media(max-width:360px){.settings-grid{grid-template-columns:1fr}.mail-header>.mail-brand{font-size:18px}.header-actions .icon-button{width:26px}.mail-header{gap:5px}}
body[data-theme=dark] .message-row{border-color:var(--line)}body[data-theme=dark] .message-row.unread .message-sender,body[data-theme=dark] .message-row.unread .message-subject{color:#e4efe5}body[data-theme=dark] .filter-button{background:#1d2d21;color:#bdcfba}
.settings-layout{flex:1}@media(max-width:800px){.settings-layout>nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.settings-layout>nav button{white-space:normal;text-align:center;min-width:0;padding:10px 6px;line-height:1.5}}