@font-face{font-family:Poppins;font-weight:400;font-display:swap;src:url(/webmail/assets/poppins-latin-400-normal-cpxAROuN.woff2) format("woff2")}@font-face{font-family:Poppins;font-weight:500;font-display:swap;src:url(/webmail/assets/poppins-latin-500-normal-C8OXljZJ.woff2) format("woff2")}@font-face{font-family:Poppins;font-weight:600;font-display:swap;src:url(/webmail/assets/poppins-latin-600-normal-zEkxB9Mr.woff2) format("woff2")}@font-face{font-family:Poppins;font-weight:700;font-display:swap;src:url(/webmail/assets/poppins-latin-700-normal-Qrb0O0WB.woff2) format("woff2")}:root{--font: Poppins, system-ui, -apple-system, "Segoe UI", sans-serif;--rail-w: 224px;--bg: #eef3f8;--surface: #ffffff;--soft: #f4f7fb;--hover: #eef4fa;--selected: #e3f1f8;--text: #13233a;--text-2: #475a72;--muted: #64748b;--border: #dbe4ee;--accent: #0b6cb8;--accent-2: #126ca5;--accent-ink: #ffffff;--mint: #7ce5ce;--unread: #0b6cb8;--star: #e6a417;--danger: #b42318;--rail: linear-gradient(165deg, #163951, #112840 48%, #0c192e);--rail-ink: #dce7f4;--rail-muted: #b7cee4;--rail-line: #bce4ff21;--rail-hover: #ffffff10;--shadow: 0 1px 2px #10284412, 0 6px 20px #10284410;color-scheme:light}[data-theme=dark]{--bg: #0d1420;--surface: #151f2e;--soft: #1a2638;--hover: #1f2d42;--selected: #203e50;--text: #edf3fa;--text-2: #c3d0df;--muted: #9fb0c4;--border: #2e3e54;--accent: #6fd8cb;--accent-2: #2a8f9e;--accent-ink: #082b2b;--unread: #6fd8cb;--rail: #111b29;--shadow: none;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.boot{height:100%;background:var(--bg)}.muted{color:var(--muted)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.icon-button{display:inline-grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border:1px solid transparent;border-radius:9px;background:transparent;cursor:pointer;color:var(--text-2)}.icon-button:hover:not(:disabled){background:var(--hover);color:var(--text)}.icon-button:disabled{opacity:.4;cursor:default}.brand{display:flex;align-items:center;gap:10px;color:#f1f5f9}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(140deg,#23b5a5,#0b6cb8);color:#fff;font-weight:700;font-size:18px;box-shadow:inset 0 1px #ffffff45,0 4px 14px #020e2b35}.brand strong{display:block;font-size:18px;font-weight:700;line-height:1.05}.brand small{display:block;font-size:10px;letter-spacing:.22em;text-transform:uppercase;opacity:.8}.login{min-height:100%;display:grid;place-items:center;padding:24px 16px;background:var(--rail)}.login-card{width:min(400px,100%);display:grid;gap:16px;padding:32px;border-radius:18px;background:var(--surface);box-shadow:0 20px 60px #02102540}.login-card .brand{color:var(--text)}.brand-large .brand-mark{width:42px;height:42px;font-size:22px}.login-card h1{margin:4px 0;font-size:20px;font-weight:600}.field{display:grid;gap:6px;font-size:12px;font-weight:600;color:var(--text-2)}.field-control{display:flex;align-items:center;gap:8px;height:44px;padding:0 6px 0 12px;border:1px solid var(--border);border-radius:10px;background:var(--soft);color:var(--muted)}.field-control:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.field-control input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:var(--text);font:400 14px var(--font);outline:none}.form-error{margin:0;padding:10px 12px;border-radius:9px;background:#fde8e7;color:var(--danger);font-size:13px}[data-theme=dark] .form-error{background:#3b1d1f;color:#ffb4ab}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;border:0;border-radius:10px;background:linear-gradient(120deg,var(--accent-2),#095393);color:#fff;font-weight:600;cursor:pointer}.primary-button:disabled{opacity:.55;cursor:default}.shell{height:100%;display:grid;grid-template-columns:var(--rail-w) minmax(320px,420px) minmax(0,1fr);grid-template-rows:64px minmax(0,1fr);grid-template-areas:"top top top" "rail list reader"}.topbar{grid-area:top;display:flex;align-items:center;gap:12px;padding:0 16px 0 0;background:linear-gradient(to right,#163951 var(--rail-w),var(--surface) var(--rail-w));border-bottom:1px solid var(--border)}[data-theme=dark] .topbar{background:linear-gradient(to right,#111b29 var(--rail-w),var(--surface) var(--rail-w))}.topbar .brand{width:var(--rail-w);padding:0 16px}.nav-toggle{display:none}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.account{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border:1px solid var(--border);border-radius:999px}.account-email{font-size:13px;font-weight:500}.rail{grid-area:rail;display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding:14px 12px 12px;background:var(--rail);color:var(--rail-ink)}.compose-button{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;margin-bottom:14px;border:1px solid #91d8ff59;border-radius:10px;background:linear-gradient(120deg,#126ca5,#095393);color:#fff;font-weight:600;box-shadow:inset 0 1px #ffffff40,0 5px 14px #031a3640;cursor:pointer}.compose-button:disabled{opacity:.7;cursor:not-allowed}.rail-heading{margin:0;padding:4px 8px 6px;color:var(--rail-muted);font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.folder-list{list-style:none;margin:0;padding:0}.folder{--c: #8bd2ff;position:relative;display:flex;align-items:center;gap:9px;width:100%;height:34px;margin:1px 0;padding:0 7px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--rail-ink);font-size:13px;font-weight:500;text-align:left;cursor:pointer}.folder.role-inbox{--c: #7ce5ce}.folder.role-drafts{--c: #ffd08a}.folder.role-junk{--c: #ffbda4}.folder.role-trash{--c: #ffafc4}.folder.role-archive{--c: #bcb0ff}.folder:hover{background:var(--rail-hover);border-color:#cbeeff29;color:#fff}.folder[aria-current=page]{background:linear-gradient(120deg,color-mix(in srgb,var(--c) 18%,transparent),#ffffff08);border-color:color-mix(in srgb,var(--c) 42%,transparent);box-shadow:inset 3px 0 0 var(--c);color:#fff;font-weight:600}.folder-icon{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:7px;color:var(--c);border:1px solid color-mix(in srgb,var(--c) 24%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--c) 21%,transparent),color-mix(in srgb,var(--c) 7%,transparent))}.folder-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count{min-width:20px;height:20px;padding:0 6px;border-radius:7px;background:#6edfd323;border:1px solid #7ce5ce2b;color:#b7fff0;font-size:11px;font-weight:600;line-height:18px;text-align:center}.rail-note{margin:auto 0 0;padding:10px 8px 0;border-top:1px solid var(--rail-line);color:var(--rail-muted);font-size:11px}.scrim{display:none}.list-pane,.reader-pane{min-height:0;display:flex;flex-direction:column;margin:16px 0 16px 16px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.list-pane{grid-area:list}.reader-pane{grid-area:reader;margin-right:16px}.pane-header{display:flex;align-items:center;gap:10px;min-height:64px;padding:12px 12px 12px 18px;border-bottom:1px solid var(--border)}.pane-header h1{margin:0;font-size:20px;font-weight:600}.pane-sub{flex:1;color:var(--muted);font-size:12px}.banner{display:flex;align-items:center;gap:8px;margin:10px 14px 0;padding:8px 12px;border-radius:9px;background:var(--soft);border:1px solid var(--border);color:var(--text-2);font-size:13px}.banner.error{background:#fde8e7;border-color:#f6c7c3;color:var(--danger)}[data-theme=dark] .banner.error{background:#3b1d1f;border-color:#5e2b2e;color:#ffb4ab}.link-button{margin-left:auto;border:0;background:none;color:var(--accent);font-weight:600;cursor:pointer}.message-list{list-style:none;margin:0;padding:0;flex:1;overflow-y:auto}.message-row{position:relative;display:flex;border-bottom:1px solid var(--border)}.message-row:hover{background:var(--hover)}.message-row.selected{background:var(--selected);box-shadow:inset 3px 0 0 var(--accent)}.row-open{flex:1;min-width:0;display:flex;gap:12px;padding:12px 6px 12px 16px;border:0;background:transparent;text-align:left;cursor:pointer}.row-main{flex:1;min-width:0;display:grid;gap:1px}.row-top{display:flex;align-items:baseline;gap:8px}.row-from{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.row-top time{flex:0 0 auto;color:var(--muted);font-size:12px}.row-subject{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text-2);font-size:13px}.row-subject svg{flex:0 0 auto;color:var(--muted)}.row-preview{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:12px}.unread .row-from,.unread .row-subject{color:var(--text);font-weight:600}.unread .row-top time{color:var(--unread);font-weight:600}.unread:before{content:"";position:absolute;left:6px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--unread)}.star{align-self:flex-start;margin:10px 8px 0 0;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.star:hover{background:var(--soft)}.star.on{color:var(--star)}.star.on svg,.tool-button.on svg{fill:currentColor}.avatar{--hue: 200;display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:hsl(var(--hue) 70% 92%);color:hsl(var(--hue) 55% 32%);font-size:12px;font-weight:600}[data-theme=dark] .avatar{background:hsl(var(--hue) 35% 26%);color:hsl(var(--hue) 70% 85%)}.avatar.small{width:28px;height:28px;font-size:11px}.avatar.large{width:42px;height:42px;font-size:14px}.pager{display:flex;align-items:center;gap:4px;min-height:48px;padding:6px 10px 6px 18px;border-top:1px solid var(--border);color:var(--muted);font-size:12px}.pager span{flex:1}.empty{flex:1;display:grid;place-content:center;justify-items:center;gap:10px;padding:40px 20px;color:var(--muted);text-align:center}.empty p{margin:0}.reader{flex:1;min-height:0;display:flex;flex-direction:column}.reader-toolbar{display:flex;align-items:center;gap:6px;min-height:52px;padding:8px 12px;border-bottom:1px solid var(--border)}.reader-toolbar .back{display:none}.spacer{flex:1}.tool-button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text-2);font-size:13px;cursor:pointer}.tool-button:hover{background:var(--hover);color:var(--text)}.tool-button.on{color:var(--star);border-color:color-mix(in srgb,var(--star) 45%,var(--border))}.reader-header{padding:18px 24px 14px}.reader-header h2{margin:0 0 14px;font-size:20px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.sender{display:flex;align-items:flex-start;gap:12px}.sender-text{flex:1;min-width:0}.sender-text p{margin:0;overflow-wrap:anywhere}.sender-text .muted{font-size:12px}.sender time{flex:0 0 auto;font-size:12px}.mail-body{flex:1;min-height:240px;width:100%;border:0;border-top:1px solid var(--border);background:#fff}.attachments{padding:12px 20px 16px;border-top:1px solid var(--border)}.attachments p{display:flex;align-items:center;gap:6px;margin:0 0 8px;color:var(--text-2);font-size:12px;font-weight:600}.attachments ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.attachment{display:flex;align-items:center;gap:8px;max-width:280px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;color:var(--text);text-decoration:none;font-size:13px}.attachment:hover{background:var(--hover)}.attachment-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader.loading{padding:28px 24px;gap:14px}.skeleton{height:22px;width:70%;border-radius:6px;background:linear-gradient(90deg,var(--soft),var(--hover),var(--soft));background-size:200% 100%;animation:shimmer 1.2s infinite}.skeleton.short{width:40%;height:14px}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:1100px){.shell{grid-template-columns:var(--rail-w) minmax(0,1fr);grid-template-areas:"top top" "rail list"}.reader-pane{grid-area:list;display:none;margin-left:16px}.shell.reading .list-pane{display:none}.shell.reading .reader-pane{display:flex}.reader-toolbar .back{display:inline-grid}}@media(max-width:760px){.shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "list"}.topbar{background:var(--rail);padding:0 8px;color:#fff}[data-theme=dark] .topbar{background:#111b29}.topbar .brand{width:auto;padding:0}.topbar .icon-button{color:#dce7f4}.topbar .icon-button:hover{background:#ffffff14;color:#fff}.nav-toggle{display:inline-grid}.account{border-color:#ffffff2a;color:#fff}.account-email{display:none}.rail{position:fixed;z-index:20;top:0;bottom:0;left:0;width:min(280px,84vw);transform:translate(-100%);transition:transform .2s ease}.nav-open .rail{transform:none;box-shadow:0 0 40px #0007}.nav-open .scrim{display:block;position:fixed;inset:0;z-index:19;background:#0006}.list-pane,.reader-pane{margin:0;border-radius:0;border:0}.reader-header{padding:14px 16px 12px}.sender{flex-wrap:wrap}.sender time{width:100%;padding-left:54px}}@media(prefers-reduced-motion:reduce){.spin,.skeleton{animation:none}.rail{transition:none}}.icon-button.small{width:28px;height:28px;border-radius:7px}.icon-button.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.icon-button.danger:hover,.menu-list .danger{color:var(--danger)}[data-theme=dark] .icon-button.danger:hover,[data-theme=dark] .menu-list .danger{color:#ffb4ab}.icon-button.starred{color:var(--star)}.icon-button.starred svg{fill:currentColor}.primary-button{padding:0 18px}.primary-button.small,.secondary-button.small{height:32px;padding:0 12px;font-size:13px}.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-weight:500;cursor:pointer}.secondary-button:hover{background:var(--hover)}.danger-button{background:var(--danger);border-color:var(--danger);color:#fff}.danger-button:disabled,.secondary-button:disabled{opacity:.55;cursor:default}.link-button.left{margin:-6px 0 0;justify-self:start;font-size:13px;padding:0}.text-button{border:0;background:none;text-align:left;cursor:pointer;padding:4px 0}.small-text{font-size:12px}.grow{flex:1;min-width:0}.divider{width:1px;height:22px;background:var(--border);margin:0 4px}kbd{display:inline-block;min-width:22px;padding:1px 6px;border:1px solid var(--border);border-bottom-width:2px;border-radius:6px;background:var(--soft);font:600 11px/18px var(--font);text-align:center}.input{width:100%;min-height:40px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--soft);color:var(--text);font:400 14px/1.4 var(--font)}textarea.input{resize:vertical}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.topbar{gap:16px}.search{flex:1;min-width:0;max-width:620px;display:flex;align-items:center;gap:8px;height:42px;padding:0 6px 0 14px;border:1px solid var(--border);border-radius:12px;background:var(--soft);color:var(--muted)}.search:focus-within{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.search input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:var(--text);font:400 14px var(--font);outline:none}.rail-section-head{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid var(--rail-line)}.rail-section-head:first-of-type{margin-top:0;padding-top:0;border-top:0}.rail-section-head .rail-heading{padding-bottom:4px}.rail-icon{display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:7px;background:transparent;color:var(--rail-muted);cursor:pointer}.rail-icon:hover{background:#ffffff14;color:#fff}.folder-item{position:relative;display:flex;align-items:center}.folder-item>.folder{flex:1}.folder-item .menu{position:absolute;right:2px}.folder-more{opacity:0}.folder-item:hover .folder-more,.folder-more[aria-expanded=true],.folder-more:focus-visible{opacity:1}.folder-item:has(.folder-more):hover .count{visibility:hidden}.count.quiet{background:#ffffff10;border-color:#ffffff1a;color:var(--rail-muted)}.folder.role-scheduled{--c: #a8bdff}.folder.role-snoozed{--c: #ffd08a}.folder.role-pinned{--c: #ffbda4}.folder.role-contacts{--c: #7ce5ce}.folder.role-settings{--c: #bcb0ff}.folder-icon.dot-only{background:none;border-color:transparent}.c-blue{--lc: #3b82f6}.c-teal{--lc: #14b8a6}.c-violet{--lc: #8b5cf6}.c-rose{--lc: #f43f5e}.c-amber{--lc: #f59e0b}.c-slate{--lc: #64748b}.label-dot{display:inline-block;width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--lc, #64748b)}.label-chip{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:color-mix(in srgb,var(--lc) 14%,transparent);color:color-mix(in srgb,var(--lc) 75%,var(--text));font-size:12px;font-weight:600}.label-chip.small{height:18px;padding:0 7px;margin-right:6px;font-size:11px;vertical-align:1px}.label-chips{display:flex;flex-wrap:wrap;gap:6px;margin:-6px 0 12px}.pin-mark{color:#e8743b;flex:0 0 auto}.reader-header h2 .pin-mark{margin-right:6px;vertical-align:-1px}.draft-tag{color:var(--danger);font-style:normal;font-weight:600;font-size:12px}.check-all,.row-check{width:16px;height:16px;flex:0 0 16px;accent-color:var(--accent);cursor:pointer}.pane-header .check-all{margin:0 2px 0 0}.row-check{align-self:center;margin-left:16px}.message-row .row-open{padding-left:10px}.message-row.checked{background:color-mix(in srgb,var(--accent) 9%,var(--surface))}.unread:before{left:4px}.bulk-bar{flex:1;display:flex;align-items:center;gap:2px;min-width:0}.bulk-count{min-width:26px;height:24px;margin-right:6px;padding:0 8px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:700;line-height:24px;text-align:center}.row-top .pin-mark,.row-top .muted{flex:0 0 auto}.density-compact .row-open{padding-top:7px;padding-bottom:7px}.density-compact .row-preview{display:none}.density-compact .row-open .avatar{width:30px;height:30px;font-size:11px}.menu{position:relative;display:inline-flex}.menu-panel{position:absolute;z-index:40;top:calc(100% + 6px);min-width:220px;max-width:320px;max-height:60vh;overflow:auto;padding:6px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 12px 40px #0f294b2e}.menu-panel.left{left:0}.menu-panel.right{right:0}.menu-list{display:grid;gap:1px}.menu-list>button{display:flex;align-items:center;gap:9px;width:100%;min-height:34px;padding:6px 10px;border:0;border-radius:8px;background:transparent;text-align:left;font-size:13px;cursor:pointer}.menu-list>button:hover,.menu-list>button:focus-visible{background:var(--hover);outline:none}.menu-list>button .muted{margin-left:auto;font-size:12px}.menu-title{display:flex;align-items:center;gap:6px;margin:2px 10px 4px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.menu-empty{margin:4px 10px 8px;color:var(--muted);font-size:12px}.menu-form{display:grid;gap:8px;padding:8px 10px 6px;border-top:1px solid var(--border);margin-top:4px}.menu-form input{height:36px;padding:0 8px;border:1px solid var(--border);border-radius:8px;background:var(--soft);color:var(--text);font:13px var(--font)}.dialog-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:#0b182b80}.dialog{width:min(460px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;border-radius:16px;background:var(--surface);box-shadow:0 24px 70px #02102555}.dialog.wide{width:min(680px,100%)}.dialog-header{display:flex;align-items:center;gap:8px;padding:14px 14px 10px 20px}.dialog-header h2{flex:1;margin:0;font-size:17px;font-weight:600;overflow-wrap:anywhere}.dialog-body{padding:4px 20px 16px;overflow:auto;display:grid;gap:12px}.dialog-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px 16px;border-top:1px solid var(--border)}.dialog-text{margin:0;color:var(--text-2)}.shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin:0}.shortcuts div{display:flex;align-items:center;gap:10px}.shortcuts dt{min-width:92px}.shortcuts dd{margin:0;font-size:13px;color:var(--text-2)}.toasts{position:fixed;z-index:80;left:50%;bottom:20px;transform:translate(-50%);display:grid;gap:8px;width:min(460px,calc(100% - 32px))}.toast{display:flex;align-items:center;gap:12px;padding:10px 10px 10px 16px;border-radius:12px;background:#13233a;color:#fff;box-shadow:0 10px 30px #02102555;font-size:14px;animation:toast-in .18s ease-out}.toast span{flex:1}.toast.error{background:#8a1c14}.toast-action{border:0;background:none;color:#7ce5ce;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:6px}.toast-action:hover{background:#ffffff14}.toast-close{display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:6px;background:none;color:#ffffffb0;cursor:pointer}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.reader-toolbar{flex-wrap:wrap;gap:2px}.quick-reply{display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px 16px;border-top:1px solid var(--border)}.reader-pane.composing{overflow:visible}.composer{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--surface);border-radius:inherit}.composer.expanded{position:fixed;z-index:50;inset:16px;border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 70px #02102555}.composer-header{display:flex;align-items:center;gap:4px;min-height:56px;padding:8px 12px 8px 20px;border-bottom:1px solid var(--border)}.composer-header>div{flex:1;min-width:0}.composer-header strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.composer-status{display:block;min-height:16px;color:var(--muted);font-size:11px}.composer-fields{padding:4px 20px 0}.recipients,.subject-field{position:relative;display:flex;align-items:center;gap:8px;min-height:44px;border-bottom:1px solid var(--border)}.recipients.invalid{border-bottom-color:var(--danger)}.recipients-label,.subject-field>span{flex:0 0 56px;color:var(--muted);font-size:13px}.chips{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 0}.chips input,.subject-field input{flex:1;min-width:140px;height:30px;border:0;background:transparent;color:var(--text);font:400 14px var(--font);outline:none}.chip{display:inline-flex;align-items:center;gap:2px;height:28px;padding:0 4px 0 10px;border:1px solid var(--border);border-radius:999px;background:var(--soft);font-size:13px}.chip button{display:grid;place-items:center;width:20px;height:20px;border:0;border-radius:50%;background:none;color:var(--muted);cursor:pointer}.chip button:hover{background:var(--hover);color:var(--text)}.suggestions{position:absolute;z-index:30;left:56px;top:calc(100% - 2px);width:min(380px,calc(100% - 56px));margin:0;padding:4px;list-style:none;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 12px 36px #0f294b26}.suggestions button{display:grid;width:100%;padding:7px 10px;border:0;border-radius:7px;background:none;text-align:left;cursor:pointer}.suggestions button span{color:var(--muted);font-size:12px}.suggestions button.active,.suggestions button:hover{background:var(--hover)}.editor{flex:1;min-height:160px;display:flex;flex-direction:column;margin:10px 20px 0;border:1px solid var(--border);border-radius:10px;overflow:hidden}.editor-toolbar{display:flex;flex-wrap:wrap;gap:2px;padding:4px 6px;border-bottom:1px solid var(--border);background:var(--soft)}.editor-area{flex:1;min-height:120px;overflow-y:auto;padding:14px 16px;outline:none;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.editor-area blockquote{margin:8px 0;padding-left:12px;border-left:3px solid var(--border);color:var(--text-2)}.editor-area a{color:var(--accent)}.editor-area img{max-width:100%}.editor-area .xb-signature{color:var(--text-2)}.compose-attachments{display:flex;flex-wrap:wrap;gap:6px;margin:10px 20px 0;padding:0;list-style:none}.compose-attachments li{display:flex;align-items:center;gap:6px;max-width:260px;height:34px;padding:0 4px 0 10px;border:1px solid var(--border);border-radius:9px;font-size:12px}.compose-attachments li.pending{opacity:.7}.composer-footer{display:flex;align-items:center;gap:8px;padding:12px 20px 16px}.send-group{display:inline-flex}.send-group .send{border-radius:10px 0 0 10px}.send-group .send-more{width:38px;padding:0;border-radius:0 10px 10px 0;border-left:1px solid #ffffff40}.page-pane{grid-column:2 / -1;grid-row:2;min-height:0;display:flex;margin:16px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.page{flex:1;min-width:0;display:flex;flex-direction:column}.page-body{flex:1;overflow-y:auto;padding:18px 24px 28px;display:grid;align-content:start;gap:14px}.section-title{display:flex;align-items:center;gap:6px;margin:4px 0 0;font-size:13px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em}.task-list,.contact-list,.simple-list,.rule-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.task-row,.contact-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:12px}.task-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);flex:0 0 auto}.task-icon.snooze{background:#f59e0b1f;color:#c27803}.task-main,.contact-main{flex:1;min-width:0;display:grid;border:0;background:none;text-align:left;cursor:pointer;padding:0}.task-main:disabled{cursor:default}.task-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.task-main .muted,.contact-main .muted{font-size:12px}.task-actions{display:flex;gap:2px}.state-pill{flex:0 0 auto;padding:2px 10px;border-radius:999px;background:var(--soft);color:var(--text-2);font-size:11px;font-weight:600}.s-queued,.s-staged{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.s-done{background:#16a34a1f;color:#15803d}.s-failed,.s-uncertain{background:#dc26261a;color:var(--danger)}.history .task-row{opacity:.75}.preview-text{margin:0;padding:12px;border-radius:10px;background:var(--soft);white-space:pre-wrap;font:13px/1.5 var(--font);max-height:50vh;overflow:auto}.search-field.inline{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--soft);color:var(--muted);max-width:420px}.search-field.inline input{flex:1;border:0;background:none;outline:none;color:var(--text);font:14px var(--font)}.pane-header .primary-button.small{margin-left:auto}.settings-layout{flex:1;min-height:0;display:grid;grid-template-columns:210px minmax(0,1fr)}.settings-tabs{display:grid;align-content:start;gap:2px;padding:14px 10px;border-right:1px solid var(--border)}.settings-tabs button{height:38px;padding:0 12px;border:0;border-radius:9px;background:none;text-align:left;font-size:13px;font-weight:500;color:var(--text-2);cursor:pointer}.settings-tabs button:hover{background:var(--hover)}.settings-tabs button[aria-current=page]{background:var(--selected);color:var(--text);box-shadow:inset 3px 0 0 var(--accent)}.settings .page-body{max-width:860px}.settings-section{display:grid;gap:12px;padding:0 0 18px;margin-bottom:4px;border-bottom:1px solid var(--border)}.settings-section h2{margin:0;font-size:16px;font-weight:600}.settings-section>.muted{margin:-6px 0 0;font-size:13px}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.check{display:inline-flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.check input{width:16px;height:16px;accent-color:var(--accent)}.inline-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.inline-form .input{flex:1;min-width:160px;width:auto}.simple-list li{display:flex;align-items:center;gap:10px;min-height:42px;padding:6px 10px;border:1px solid var(--border);border-radius:10px;font-size:13px}.status-line{display:flex;align-items:center;gap:10px}.status-line span{flex:1}.ok{color:#16a34a}.dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px}.dot.ok{background:#16a34a}.dot.bad{background:var(--danger)}.rule{display:grid;gap:8px;padding:12px;border:1px solid var(--border);border-radius:12px}.rule-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.rule-line .input{width:auto;min-width:120px}.rule-line .input.grow{flex:1}.rule-line>.input:nth-child(2){flex:1}.qr{display:block;margin:0 auto;border-radius:10px;background:#fff;padding:6px}.secret{padding:2px 6px;border-radius:6px;background:var(--soft);font-size:13px;letter-spacing:.04em;overflow-wrap:anywhere}.secret.big{display:inline-block;padding:10px 12px;font-size:15px}.code-input{letter-spacing:.3em;font-size:18px;text-align:center}.recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0;padding:0;list-style:none}.recovery-codes code{display:block;padding:6px 8px;border-radius:6px;background:var(--soft);text-align:center}.steps{margin:0;padding-left:20px;display:grid;gap:6px;font-size:14px}.settings-table{display:grid;grid-template-columns:160px 1fr;gap:8px 16px;margin:0;font-size:14px}.settings-table dt{color:var(--muted)}.settings-table dd{margin:0;overflow-wrap:anywhere}.form-grid{display:grid;gap:12px}.shell.pane-off{grid-template-columns:var(--rail-w) minmax(0,1fr);grid-template-areas:"top top" "rail list"}.shell.pane-off .reader-pane{grid-area:list;display:none;margin-left:16px}.shell.pane-off.reading .list-pane{display:none}.shell.pane-off.reading .reader-pane{display:flex}.shell.pane-off .reader-toolbar .back{display:inline-grid}@media(max-width:1100px){.page-pane{grid-column:2}.settings-layout{grid-template-columns:1fr}.settings-tabs{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--border);padding:8px}.settings-tabs button{flex:0 0 auto}.settings-tabs button[aria-current=page]{box-shadow:inset 0 -3px 0 var(--accent)}}@media(max-width:760px){.search{height:38px;max-width:none;background:#ffffff14;border-color:#ffffff2a;color:#dce7f4}.search input{color:#fff}.search input::placeholder{color:#c9d9ea}.search:focus-within{background:#ffffff20}.topbar .brand span:last-child,.topbar-actions .account,.topbar-actions [aria-label="Keyboard shortcuts"]{display:none}.topbar{gap:8px}.topbar-actions{gap:0;flex:0 0 auto}.search .menu-panel.right{right:-6px}.page-pane{grid-column:1;margin:0;border-radius:0;border:0}.page-body{padding:14px 16px 24px}.composer{position:fixed;z-index:45;inset:0;border-radius:0}.composer-fields,.composer-footer{padding-left:14px;padding-right:14px}.editor,.compose-attachments{margin-left:14px;margin-right:14px}.reader-toolbar .tool-button .label{display:none}.bulk-bar .icon-button{width:32px}.shortcuts,.settings-table{grid-template-columns:1fr}.recipients-label,.subject-field>span{flex-basis:48px}}.storage{margin-top:auto;padding:12px 6px 2px;border-top:1px solid var(--rail-line);color:var(--rail-muted);font-size:11px}.storage-line{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}.storage-bar{height:4px;border-radius:4px;background:#ffffff1f;overflow:hidden}.storage-bar span{display:block;height:100%;border-radius:inherit;background:var(--mint)}.storage.high .storage-bar span{background:#ffd08a}.storage.full .storage-bar span{background:#ffafc4}.storage.full .storage-line span:last-child{color:#ffd2dc;font-weight:600}.folder.drop-target{background:color-mix(in srgb,var(--c, #8bd2ff) 22%,transparent);border-color:var(--c, #8bd2ff);color:#fff}.message-row[draggable=true]{cursor:default}.drag-ghost{position:fixed;top:-100px;left:-100px;max-width:260px;padding:6px 12px;border-radius:9px;background:#13233a;color:#fff;font:600 13px var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-list>.menu-link{display:flex;align-items:center;gap:9px;min-height:34px;padding:6px 10px;border-radius:8px;color:var(--text);font-size:13px;text-decoration:none}.menu-list>.menu-link:hover{background:var(--hover)}.source-view{margin:0;max-height:65vh;overflow:auto;padding:12px;border-radius:10px;background:var(--soft);font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.pane-header .secondary-button.small{margin-left:auto}.pane-header .secondary-button.small+.primary-button.small{margin-left:0}.composer-footer .tool-button .label{display:inline}@media(max-width:760px){.composer-footer .tool-button .label{display:none}.pane-header .secondary-button.small{font-size:0;gap:0;width:34px;padding:0}}@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/webmail/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:500;font-display:swap;src:url(/webmail/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(/webmail/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url(/webmail/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2")}:root{color-scheme:light;--font: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--b-bg: #eef4f8;--b-surface: #fff;--b-surface-muted: #f5f8fb;--b-text: #243247;--b-muted: #52627a;--b-border: #c3d5e5;--b-border-soft: #dde8f1;--b-primary: #087cb5;--b-primary-solid: #087cb5;--b-primary-solid-hover: #066a9b;--b-on-primary: #fff;--b-primary-soft: #e2f3fb;--b-teal: #007e72;--b-violet: #7750c8;--b-amber: #9c610b;--b-danger: #b32f49;--b-nav: #163557;--b-nav-bottom: #0c213a;--b-nav-text: #d4e3f5;--b-nav-accent: #6de0e2;--b-radius: 16px;--b-radius-sm: 9px;--b-shadow: 0 1px 2px #233d580a, 0 5px 20px #233d5810;--b-shadow-lg: 0 25px 80px #0c213a33;--b-ease: cubic-bezier(.2, .7, .3, 1);--rail-w: 244px;--topbar-h: 78px;--bg: var(--b-bg);--surface: var(--b-surface);--soft: var(--b-surface-muted);--hover: #eef5fb;--selected: var(--b-primary-soft);--text: var(--b-text);--text-2: #3b4b62;--muted: var(--b-muted);--border: var(--b-border);--border-soft: var(--b-border-soft);--accent: var(--b-primary);--accent-2: var(--b-primary-solid);--accent-ink: var(--b-on-primary);--unread: var(--b-primary);--danger: var(--b-danger);--star: #d48a07;--mint: #75ddc6;--rail: linear-gradient(160deg, var(--b-nav), var(--b-nav-bottom));--rail-ink: var(--b-nav-text);--rail-muted: #bed0e6;--rail-line: #ffffff14;--rail-hover: #ffffff10;--shadow: var(--b-shadow)}:root[data-theme=dark]{color-scheme:dark;--b-bg: #0b0e1c;--b-surface: #141a2c;--b-surface-muted: #1a2337;--b-text: #e8ebf5;--b-muted: #b0bdd0;--b-border: #35435b;--b-border-soft: #273349;--b-primary: #80cefa;--b-primary-solid: #1185c0;--b-primary-solid-hover: #2196d1;--b-primary-soft: #18364e;--b-teal: #73dac5;--b-violet: #c4b5fd;--b-amber: #f4cd85;--b-danger: #f6a4b4;--b-nav: #101b30;--b-nav-bottom: #090e1c;--b-shadow: 0 1px 2px #0003, 0 5px 20px #0002;--b-shadow-lg: 0 25px 80px #0008;--hover: #1d2840;--text-2: #cdd6e4;--accent-ink: #fff;--star: #f4cd85}body{font:400 14px/1.55 var(--font);text-rendering:optimizeLegibility}::selection{background:color-mix(in srgb,var(--b-primary) 25%,transparent)}:focus-visible{outline:3px solid var(--b-primary);outline-offset:2px}.eyebrow{display:block;margin-bottom:3px;color:var(--b-primary);font-size:10px;font-weight:600;letter-spacing:.14em}kbd{font-family:var(--font)}.shell.brook{grid-template-columns:var(--rail-w) minmax(320px,430px) minmax(0,1fr);grid-template-rows:var(--topbar-h) minmax(0,1fr);grid-template-areas:"rail top top" "rail list reader";transition:grid-template-columns .25s var(--b-ease)}.shell.brook.pane-off{grid-template-columns:var(--rail-w) minmax(0,1fr);grid-template-areas:"rail top" "rail list"}.shell.brook .page-pane{grid-column:2 / -1}.brook .rail{grid-row:1 / -1;padding:22px 14px 16px;background:var(--rail);border-right:1px solid #ffffff14;overflow-x:hidden}.rail-brand{display:flex;align-items:center;gap:12px;padding:0 6px 22px;color:#fff}.brand-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:13px;background:linear-gradient(140deg,#2a8ce0,#1b55d6);border:1px solid #ffffff40;color:#fff;font-size:15px;font-weight:700;box-shadow:0 6px 16px #1b55d640}.brand-copy{white-space:nowrap}.brand-copy strong{display:block;font-size:18px;letter-spacing:.04em;line-height:1.2}.brand-copy small{display:block;color:#c5d6eb;font-size:11px}.brook .compose-button{min-height:42px;margin:0 0 16px;border-radius:var(--b-radius-sm);background:var(--b-primary-solid);border:1px solid #ffffff2e;color:#fff;font-size:14px;font-weight:600;box-shadow:0 4px 14px #0003;transition:background .15s,transform .1s}.brook .compose-button:hover{background:var(--b-primary-solid-hover)}.brook .compose-button:active{transform:translateY(1px)}.brook .rail-section-head{margin-top:12px;padding-top:10px;border-top:1px solid #ffffff12}.brook .rail-section-head:first-of-type{margin-top:0;padding-top:0;border-top:0}.brook .rail-heading{padding:0 8px 6px;color:var(--rail-muted);font-size:10px;font-weight:600;letter-spacing:.12em}.brook .folder{gap:12px;height:38px;padding:0 10px;margin:1px 0;border-radius:10px;color:var(--b-nav-text);font-size:14px;font-weight:500;transition:background .15s,border-color .15s,color .15s}.brook .folder:hover{background:#ffffff10;border-color:transparent;color:#fff}.brook .folder[aria-current=page]{background:#237db338;border-color:#47b3ec55;color:#fff;box-shadow:inset 3px 0 var(--b-nav-accent);font-weight:600}.brook .folder.drop-target{background:#47b3ec33;border-color:var(--b-nav-accent)}.brook .folder-icon{width:20px;height:20px;flex-basis:20px;border:0;background:none;color:var(--c)}.brook .folder-icon svg{width:17px;height:17px;stroke-width:1.8}.brook .folder-icon.dot-only .label-dot{width:10px;height:10px}.brook .count{min-width:22px;height:20px;padding:0 7px;border-radius:999px;background:#6de0e226;border:0;color:#c9fbf4;font-size:11px;line-height:20px}.brook .count.quiet{background:#ffffff14;color:var(--rail-muted)}.brook .rail-icon{color:var(--rail-muted)}.brook .storage{margin-top:auto;padding:14px 8px 12px;border-top:1px solid #ffffff12}.brook .storage-line{color:var(--b-nav-text);font-size:12px}.brook .storage-line span:last-child{color:#fff;font-weight:600;font-variant-numeric:tabular-nums}.brook .storage-bar{height:7px;border-radius:7px;background:#ffffff1c}.brook .storage-bar span{background:linear-gradient(90deg,#47b3ec,var(--b-nav-accent))}.brook .storage.high .storage-bar span{background:linear-gradient(90deg,#f1cc83,#f4a261)}.brook .storage.full .storage-bar span{background:linear-gradient(90deg,#f6a4b4,#e05a74)}.collapse-button{display:flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;min-height:40px;margin-top:10px;border-radius:10px;border:1px solid #ffffff22;background:#ffffff09;color:var(--b-nav-text);font-size:12px;white-space:nowrap;cursor:pointer;transition:background .15s}.collapse-button:hover{background:#ffffff14}.brook .rail:not(:has(.storage)) .collapse-button{margin-top:auto}.brook .topbar{grid-area:top;min-height:var(--topbar-h);padding:14px 24px;gap:16px;border-bottom:1px solid var(--b-border);background:color-mix(in srgb,var(--b-surface) 86%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);color:var(--b-text)}.topbar-title{min-width:0;flex:0 1 auto}.topbar-title h1{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:22px;font-weight:600;letter-spacing:-.2px;line-height:1.25}.brook .search{margin-left:auto;max-width:440px;height:42px;padding:0 6px 0 12px;border:1px solid var(--b-border);border-radius:var(--b-radius-sm);background:var(--b-surface-muted);color:var(--b-muted)}.brook .search:hover{border-color:color-mix(in srgb,var(--b-primary) 40%,var(--b-border))}.brook .search:focus-within{border-color:var(--b-primary);background:var(--b-surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--b-primary) 22%,transparent)}.brook .search input{font-size:14px}.brook .topbar-actions{margin-left:0;gap:10px}.brook .topbar-actions>.icon-button{width:42px;height:42px;border:1px solid var(--b-border);border-radius:var(--b-radius-sm);background:var(--b-surface);color:var(--b-text)}.brook .topbar-actions>.icon-button:hover{background:var(--b-surface-muted);border-color:color-mix(in srgb,var(--b-primary) 35%,var(--b-border))}.brook .topbar-actions>.icon-button[aria-pressed=true]{color:var(--b-primary);background:var(--b-primary-soft)}.theme-button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:9px 15px;border:1px solid var(--b-border);border-radius:var(--b-radius-sm);background:var(--b-surface);color:var(--b-text);font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s}.theme-button:hover{background:var(--b-surface-muted);border-color:color-mix(in srgb,var(--b-primary) 35%,var(--b-border))}.brook .account{gap:10px;padding:0;border:0}.brook .account-email{color:var(--b-muted);font-size:12px;font-weight:400}.account-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--b-primary-soft);color:var(--b-primary);font-size:13px;font-weight:600}.brook .primary-button{min-height:42px;padding:9px 16px;border-radius:var(--b-radius-sm);background:var(--b-primary-solid);border:1px solid var(--b-primary-solid);color:var(--b-on-primary);font-size:14px;font-weight:600;box-shadow:0 2px 8px color-mix(in srgb,var(--b-primary-solid) 30%,transparent)}.brook .primary-button:hover:not(:disabled){background:var(--b-primary-solid-hover);border-color:var(--b-primary-solid-hover)}.brook .primary-button:active:not(:disabled),.brook .secondary-button:active,.brook .tool-button:active{transform:translateY(1px)}.brook .primary-button.small,.brook .secondary-button.small{min-height:36px;height:36px;padding:0 13px;font-size:13px}.brook .secondary-button,.brook .tool-button{border:1px solid var(--b-border);border-radius:var(--b-radius-sm);background:var(--b-surface);color:var(--b-text);font-weight:600;transition:background .15s,border-color .15s,transform .1s}.brook .secondary-button{min-height:42px;font-size:14px}.brook .tool-button{height:36px;font-size:13px}.brook .secondary-button:hover,.brook .tool-button:hover{background:var(--b-surface-muted);border-color:color-mix(in srgb,var(--b-primary) 35%,var(--b-border));color:var(--b-text)}.brook .tool-button.on{color:var(--star)}.brook .danger-button{min-height:42px;border-radius:var(--b-radius-sm);color:var(--b-danger);background:color-mix(in srgb,var(--b-danger) 9%,var(--b-surface));border:1px solid color-mix(in srgb,var(--b-danger) 40%,var(--b-surface));font-weight:600}.brook .danger-button:hover{background:color-mix(in srgb,var(--b-danger) 15%,var(--b-surface));border-color:var(--b-danger)}.brook .send-group .send{border-radius:var(--b-radius-sm) 0 0 var(--b-radius-sm)}.brook .send-group .send-more{border-radius:0 var(--b-radius-sm) var(--b-radius-sm) 0;min-height:42px}.brook .link-button{color:var(--b-primary)}.brook .icon-button{border-radius:var(--b-radius-sm)}.brook .icon-button:hover:not(:disabled){background:var(--b-surface-muted)}.brook .list-pane,.brook .reader-pane,.brook .page-pane{margin:20px 0 20px 20px;border:1px solid var(--b-border);border-radius:var(--b-radius);background:var(--b-surface);box-shadow:var(--b-shadow)}.brook .reader-pane,.brook .page-pane{margin-right:20px}.brook .page-pane{margin-left:20px}.brook .pane-header{min-height:64px;padding:14px 16px 14px 20px;border-bottom:1px solid var(--b-border)}.brook .pane-header h1{font-size:18px;font-weight:600;letter-spacing:-.2px}.brook .pane-sub{font-size:12px}.brook .message-row{border-bottom:1px solid var(--b-border-soft)}.brook .message-row:hover{background:color-mix(in srgb,var(--b-primary-soft) 45%,var(--b-surface))}.brook .message-row.selected{background:var(--b-primary-soft);box-shadow:inset 3px 0 var(--b-primary)}.brook .message-row.checked{background:color-mix(in srgb,var(--b-primary-soft) 70%,var(--b-surface))}.brook .row-from{font-weight:500}.brook .unread .row-from,.brook .unread .row-subject{font-weight:600}.brook .row-subject{font-size:13.5px}.brook .pager{border-top:1px solid var(--b-border);background:var(--b-surface-muted)}.brook .empty svg{color:color-mix(in srgb,var(--b-primary) 60%,var(--b-muted))}.brook .banner{border-radius:10px;border-color:color-mix(in srgb,var(--b-primary) 30%,var(--b-surface));background:color-mix(in srgb,var(--b-primary) 6%,var(--b-surface));color:var(--b-text)}.brook .banner svg{color:var(--b-primary)}.brook .banner.error{border-color:color-mix(in srgb,var(--b-danger) 35%,var(--b-surface));background:color-mix(in srgb,var(--b-danger) 7%,var(--b-surface));color:var(--b-danger)}.brook .bulk-count{background:var(--b-primary-solid);color:#fff}.brook .check-all,.brook .row-check,.brook .check input{accent-color:var(--b-primary-solid)}.brook .reader-toolbar,.brook .composer-header{min-height:60px;border-bottom:1px solid var(--b-border)}.brook .reader-header{padding:20px 24px 16px}.brook .reader-header h2{font-size:21px;letter-spacing:-.3px}.brook .mail-body,.brook .quick-reply,.brook .attachments{border-top-color:var(--b-border-soft)}.brook .attachment,.brook .compose-attachments li{border-color:var(--b-border);border-radius:10px}.brook .attachment:hover{border-color:color-mix(in srgb,var(--b-primary) 35%,var(--b-border));background:var(--b-surface-muted)}.brook .recipients,.brook .subject-field{border-bottom-color:var(--b-border-soft)}.brook .chip{border-color:color-mix(in srgb,var(--b-primary) 25%,var(--b-border));background:var(--b-primary-soft);color:var(--b-text);font-weight:500}.brook .editor{border-color:var(--b-border);border-radius:12px}.brook .editor:focus-within{border-color:var(--b-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--b-primary) 18%,transparent)}.brook .composer.expanded{border-radius:18px;box-shadow:var(--b-shadow-lg)}.brook .input,.brook .menu-form input,.search-field.inline{min-height:42px;border:1px solid var(--b-border);border-radius:var(--b-radius-sm);background:var(--b-surface-muted);color:var(--b-text);font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.brook .input:hover{border-color:color-mix(in srgb,var(--b-primary) 40%,var(--b-border))}.brook .input:focus,.brook .input:focus-visible{outline:none;border-color:var(--b-primary);background:var(--b-surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--b-primary) 22%,transparent)}.brook .field>span:first-child,.login .field>span:first-child{color:var(--b-text);font-size:13px;font-weight:500}.brook .check{font-size:14px}.brook .check input{width:18px;height:18px}.brook .form-error,.login .form-error{border:1px solid color-mix(in srgb,var(--b-danger) 35%,var(--b-surface));background:color-mix(in srgb,var(--b-danger) 7%,var(--b-surface));color:var(--b-danger);border-radius:10px}.menu-panel{border:1px solid var(--b-border);border-radius:12px;background:var(--b-surface);box-shadow:0 12px 40px #0c213a26}.menu-title{color:var(--b-primary);font-size:10px;letter-spacing:.14em}.dialog-backdrop{background:#09152b88;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:b-fade .2s}.dialog{border:1px solid var(--b-border);border-radius:18px;background:var(--b-surface);box-shadow:var(--b-shadow-lg);animation:b-pop .2s var(--b-ease)}.dialog-header{padding:22px 18px 8px 26px}.dialog-header h2{font-size:20px;letter-spacing:-.2px}.dialog-body{padding:6px 26px 18px}.dialog-footer{padding:14px 26px 22px;border-top:0}@keyframes b-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes b-fade{0%{opacity:0}}.toasts{left:auto;right:24px;bottom:24px;transform:none;width:min(400px,calc(100% - 32px));gap:10px}.toast{align-items:center;padding:14px 10px 14px 16px;border:1px solid var(--b-border);border-left:4px solid var(--b-teal);border-radius:12px;background:var(--b-surface);color:var(--b-text);box-shadow:0 12px 40px #0c213a26;animation:b-slide-in .25s var(--b-ease)}.toast.error{border-left-color:var(--b-danger);background:var(--b-surface);color:var(--b-text)}.toast-action{color:var(--b-primary);font-size:13px;font-weight:600}.toast-action:hover{background:var(--b-primary-soft)}.toast-close{color:var(--b-muted)}.toast-close:hover{background:var(--b-surface-muted)}@keyframes b-slide-in{0%{opacity:0;transform:translateY(12px)}}.brook .settings-tabs{padding:16px 12px;border-right-color:var(--b-border);gap:4px}.brook .settings-tabs button{min-height:40px;border:1px solid transparent;border-radius:10px;font-size:14px;color:var(--b-muted)}.brook .settings-tabs button:hover{background:var(--b-surface-muted);color:var(--b-text)}.brook .settings-tabs button[aria-current=page]{background:var(--b-primary-soft);border-color:color-mix(in srgb,var(--b-primary) 30%,transparent);color:var(--b-text);box-shadow:inset 3px 0 var(--b-primary);font-weight:600}.brook .settings-section{border-bottom-color:var(--b-border-soft)}.brook .settings-section h2{font-size:17px;letter-spacing:-.2px}.brook .section-title{color:var(--b-primary);font-size:10px;letter-spacing:.14em}.brook .task-row,.brook .contact-row,.brook .simple-list li,.brook .rule{border-color:var(--b-border);border-radius:12px;background:var(--b-surface);transition:border-color .15s,background .15s}.brook .task-row:hover,.brook .contact-row:hover{border-color:color-mix(in srgb,var(--b-primary) 35%,var(--b-border));background:var(--b-surface-muted)}.brook .task-icon{border-radius:10px;background:var(--b-primary-soft);color:var(--b-primary)}.brook .state-pill{border-radius:999px}.login{background:linear-gradient(160deg,var(--b-nav),var(--b-nav-bottom));font-family:var(--font)}.login-card{gap:18px;padding:34px 32px;border:1px solid #ffffff24;border-radius:18px;background:var(--b-surface);box-shadow:var(--b-shadow-lg)}.login-card .brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(140deg,#2a8ce0,#1b55d6);border:1px solid #ffffff40;font-size:15px;box-shadow:0 6px 16px #1b55d640}.login-card .brand strong{font-size:18px;letter-spacing:.04em;text-transform:uppercase;color:var(--b-text)}.login-card .brand small{letter-spacing:0;text-transform:none;font-size:11px;color:var(--b-muted);opacity:1}.login-card h1{font-size:22px;letter-spacing:-.2px}.login .field-control{min-height:44px;border-color:var(--b-border);border-radius:var(--b-radius-sm);background:var(--b-surface-muted)}.login .field-control:focus-within{border-color:var(--b-primary);background:var(--b-surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--b-primary) 22%,transparent)}.login .primary-button{min-height:44px;border-radius:var(--b-radius-sm);background:var(--b-primary-solid);box-shadow:0 2px 8px color-mix(in srgb,var(--b-primary-solid) 30%,transparent)}.login .primary-button:hover:not(:disabled){background:var(--b-primary-solid-hover)}.login .link-button{color:var(--b-primary)}@media(min-width:761px){.shell.brook.collapsed{--rail-w: 80px}.collapsed .rail{padding-left:12px;padding-right:12px}.collapsed .brand-copy,.collapsed .rail-heading,.collapsed .folder-name,.collapsed .count,.collapsed .rail-icon,.collapsed .compose-button span,.collapsed .collapse-button span,.collapsed .storage,.collapsed .folder-more{display:none}.collapsed .rail-brand{justify-content:center;padding:0 0 22px}.collapsed .compose-button{width:54px;margin-left:auto;margin-right:auto;padding:0}.collapsed .folder{justify-content:center;padding:0}.collapsed .rail-section-head{justify-content:center;min-height:6px}.collapsed .collapse-button{margin-top:auto}.collapsed .collapse-button svg{transform:scaleX(-1)}.collapsed .folder[aria-current=page]{box-shadow:inset 0 -3px var(--b-nav-accent)}}@media(max-width:1280px){.brook .account-email{display:none}}@media(max-width:1100px){.shell.brook{grid-template-columns:var(--rail-w) minmax(0,1fr);grid-template-areas:"rail top" "rail list"}.shell.brook .page-pane{grid-column:2}.brook .theme-button span{display:none}.brook .theme-button{width:42px;padding:0;justify-content:center}.brook .reader-pane{margin-left:20px}}@media(max-width:760px){.shell.brook{grid-template-columns:minmax(0,1fr);grid-template-rows:64px minmax(0,1fr);grid-template-areas:"top" "list"}.brook .rail{grid-row:auto;position:fixed;z-index:20;inset:0 auto 0 0;width:min(290px,86vw);padding-top:18px}.brook .topbar{min-height:64px;padding:10px 12px;gap:8px;background:var(--b-surface);color:var(--b-text)}.brook .topbar .icon-button,.brook .topbar-actions>.icon-button{color:var(--b-text)}.brook .topbar .nav-toggle{width:40px;height:40px;border:1px solid var(--b-border);border-radius:var(--b-radius-sm)}.brook .topbar-title{display:none}.brook .search{max-width:none;height:40px;margin-left:0;background:var(--b-surface-muted);border-color:var(--b-border);color:var(--b-muted)}.brook .search input{color:var(--b-text)}.brook .search input::placeholder{color:var(--b-muted)}.brook .topbar-actions>.icon-button{width:40px;height:40px}.brook .topbar-actions>[aria-label*=notifications],.brook .account{display:none}.brook .theme-button{width:40px;min-height:40px}.brook .list-pane,.brook .reader-pane,.brook .page-pane{margin:0;border:0;border-radius:0;box-shadow:none}.collapse-button{display:none}.toasts{right:16px;left:16px;width:auto;bottom:16px}}@media(prefers-reduced-motion:reduce){.shell.brook,.dialog,.toast,.dialog-backdrop{transition:none;animation:none}}.brook .bulk-bar{gap:0;min-width:0;flex-wrap:nowrap}.brook .bulk-bar .icon-button{width:32px;height:32px;flex:0 0 32px}.brook .bulk-bar .menu{flex:0 0 auto}.brook .bulk-count{margin-right:4px;flex:0 0 auto}.brook .bulk-bar .bulk-close{margin-left:2px}.menu-panel.floating{position:fixed;z-index:75;right:auto;margin:0}:root{--b-bg:#f1f5f8;--b-border:#d5e0e8;--b-border-soft:#e8eef3;--b-primary:#087f83;--b-primary-solid:#087f83;--b-primary-solid-hover:#06686c;--b-primary-soft:#e4f4f2;--b-nav:#142b40;--b-nav-bottom:#102134;--b-nav-accent:#78e0ce;--b-radius:18px;--b-shadow:0 2px 4px #182d4203,0 12px 32px #182d4206}:root[data-theme=dark]{--b-bg:#0e1722;--b-surface:#152231;--b-surface-muted:#1b2b3c;--b-text:#edf4fa;--b-muted:#b4c4d4;--b-border:#354a5d;--b-border-soft:#273b4d;--b-primary:#83e0d0;--b-primary-solid:#087c78;--b-primary-solid-hover:#096b68;--b-primary-soft:#1c3d44;--b-nav:#122332;--b-nav-bottom:#101e2b;--b-shadow:0 8px 26px #00000012}.brook .brand-mark,.login-card .brand-mark{background:linear-gradient(145deg,#149da0,#086975);border:1px solid #ffffff35;box-shadow:0 4px 12px #00000012,inset 0 1px #ffffff25;border-radius:14px}.brook .rail{background:linear-gradient(170deg,var(--b-nav),var(--b-nav-bottom))}.brook .compose-button{background:#168b90;border-color:#52b9b64a;border-radius:13px;box-shadow:0 5px 16px #04192225,inset 0 1px #ffffff1c}.brook .compose-button:hover{background:#117b80}.brook .folder[aria-current=page]{background:#68ddcc16;border-color:#68ddcc35;box-shadow:inset 3px 0 #78e0ce}.brook .folder{border-radius:11px;transition:background .14s ease}.brook .rail-section{border-top-color:#ffffff0d}.brook .topbar{background:var(--b-surface);border-bottom-color:var(--b-border-soft)}.brook .eyebrow{font-size:9px;letter-spacing:.13em;color:var(--b-muted)}.brook .topbar-title h1{font-size:23px;font-weight:700;letter-spacing:-.6px}.brook .search{border-color:transparent;border-radius:12px;background:var(--b-surface-muted)}.brook .search:focus-within{border-color:var(--b-primary)}.brook .topbar-actions>.icon-button,.brook .theme-button{border-color:var(--b-border-soft);border-radius:11px}.brook .pane-header{border-bottom-color:var(--b-border-soft)}.brook .message-row{transition:background .14s ease}.brook .message-row.unread{background:color-mix(in srgb,var(--b-primary-soft) 28%,var(--b-surface))}.brook .message-row.selected{background:var(--b-primary-soft)}.brook .row-from{letter-spacing:-.15px}.brook .unread .row-from{font-weight:700}.brook .row-subject{color:var(--b-text);line-height:1.55}.brook .row-preview{color:var(--b-muted);line-height:1.6}.brook .pager{background:var(--b-surface);border-top-color:var(--b-border-soft)}.brook .empty>svg{box-sizing:content-box;width:34px;height:34px;padding:24px;border-radius:26px;color:var(--b-primary);background:var(--b-primary-soft);border:1px solid color-mix(in srgb,var(--b-primary) 14%,var(--b-surface));box-shadow:0 0 0 12px color-mix(in srgb,var(--b-primary-soft) 35%,var(--b-surface));margin-bottom:12px;stroke-width:1.5}.brook .empty>p:first-of-type{color:var(--b-text);font-weight:600;font-size:15px}.brook .composer-header{background:var(--b-surface);border-bottom-color:var(--b-border-soft)}.brook .editor-toolbar{background:var(--b-surface-muted);border-bottom-color:var(--b-border-soft)}.brook .composer-footer{background:var(--b-surface);border-top:1px solid var(--b-border-soft)}.brook .compose-attachments li{background:var(--b-surface-muted);border:1px solid var(--b-border);border-radius:10px}.brook .primary-button{box-shadow:0 3px 8px #087f8318}.login{background:radial-gradient(ellipse at 20% 15%,#24677366,transparent 50%),linear-gradient(145deg,#142b40,#0d1c2b)}.login-card{border-radius:24px;box-shadow:0 24px 70px #00000030}@media(max-width:760px){.brook .empty>svg{width:28px;height:28px;padding:18px;border-radius:21px}.brook .icon-button{min-width:40px;min-height:40px}.brook .topbar-title h1{font-size:20px}}@media(prefers-reduced-motion:reduce){.brook .folder,.brook .message-row{transition:none}}.brook .topbar{background:linear-gradient(110deg,#dceaff,#e8effb 38%,#e1f4f2 73%,#d2eeea);border-bottom-color:#bbd4df;box-shadow:inset 0 1px #ffffff80,0 2px 12px #193b5510}:root[data-theme=dark] .brook .topbar{background:linear-gradient(110deg,#1c3253,#203249 38%,#193c43 73%,#16433f);border-bottom-color:#3d5869;box-shadow:inset 0 1px #ffffff08,0 2px 12px #00000018}.brook .topbar .search{background:var(--b-surface);border-color:var(--b-border)}.brook .topbar .account-avatar{border:1px solid var(--b-border)}