@font-face{font-family:Inter;src:url("fonts/InterVariable.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("fonts/JetBrainsMono-Regular.woff2") format("woff2");font-weight:400 700;font-display:swap}
:root{color-scheme:dark;--mail-sidebar:238px}
*{box-sizing:border-box}body{margin:0;background:var(--bg-dark);color:var(--text-main);font:14px/1.5 Inter,system-ui,sans-serif;height:100svh;overflow:hidden}
body::before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 15% 0,var(--glow-blue),transparent 48%),radial-gradient(ellipse at 90% 100%,var(--glow-orange),transparent 48%);pointer-events:none;z-index:-1}
button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;color:inherit;border:0;background:transparent}button:disabled{cursor:default;opacity:.35}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand-blue);outline-offset:3px;box-shadow:var(--focus-ring)}
button:hover:not(:disabled){background:var(--fill-faint)}[hidden]{display:none!important}
.mail-symbol-library{position:absolute;width:0;height:0;overflow:hidden}
svg.icon{width:20px;height:20px;display:inline-block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}
.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0;color:var(--text-muted)}
.icon-button:hover{color:var(--text-main)}.eyebrow{font:10px/1.4 var(--font-mono);letter-spacing:.12em;color:var(--text-muted)}
.preview-notice{height:31px;padding:0 24px;display:flex;gap:13px;align-items:center;justify-content:center;border-bottom:1px solid var(--line);font-size:11px;color:var(--text-muted)}
.preview-badge{font:9px var(--font-mono);letter-spacing:.12em;color:var(--brand-blue-soft);white-space:nowrap}
.topbar{height:80px;display:grid;grid-template-columns:var(--mail-sidebar) minmax(240px,640px) 1fr;align-items:center;padding:0 24px 0 20px;gap:18px}
.brand-area{display:flex;align-items:center;gap:15px}.brand-area>#menu-toggle{display:none}
.brand-lockup{display:flex;align-items:center;gap:12px}.brand-lockup img{width:44px;height:44px;object-fit:contain}
.wordmark{display:flex;flex-direction:column;gap:6px}.wordmark>span{font-size:18px;font-weight:700;letter-spacing:.34em;margin-right:-.34em;line-height:1}
.wordmark small{display:flex;justify-content:space-between;font:10px/1 var(--font-mono);color:var(--brand-blue-soft)}.wordmark b{font-weight:400}
.search-wrap{display:flex;align-items:center;gap:14px;background:var(--fill-card);border:1px solid var(--line);border-radius:14px;height:47px;padding:0 16px}
.search-wrap:focus-within{border-color:var(--brand-blue)}.search-icon{color:var(--text-muted);display:flex}.search-wrap input{width:100%;background:transparent;border:none;outline:none;color:var(--text-main);font-size:14px;min-width:0}
.search-wrap input:focus-visible{box-shadow:none;outline:0}.search-wrap input::placeholder{color:var(--text-muted)}
kbd{font:11px var(--font-mono);border:1px solid var(--line);border-radius:5px;padding:1px 6px;color:var(--text-muted)}
.topbar-actions{display:flex;justify-content:flex-end;align-items:center;gap:7px}.profile-avatar{margin-left:12px;border:1px solid var(--line);background:var(--tint-brand);color:var(--brand-blue-soft);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:12px}
.app-layout{display:grid;grid-template-columns:var(--mail-sidebar) minmax(0,1fr);height:calc(100svh - 111px);padding:0 20px 18px 0}
.sidebar{padding:11px 18px 0 14px;display:flex;flex-direction:column;min-height:0}
.compose-button{display:flex;align-items:center;gap:15px;background:var(--brand-blue);color:var(--text-on-accent);font-weight:600;padding:16px 23px;border-radius:16px;align-self:flex-start;box-shadow:var(--focus-ring);margin:0 0 28px 5px}
.compose-button:hover:not(:disabled){background:var(--brand-blue-soft)}.compose-button .icon{width:22px;height:22px}
.mailbox-picker{display:grid;gap:6px;margin:0 0 22px 15px}.select-wrap select{width:100%;appearance:none;background:transparent;border:0;color:var(--text-main);font-weight:600;padding:0 20px 0 0;cursor:pointer;outline-offset:4px}
.select-wrap{position:relative}.select-wrap::after{content:"⌄";position:absolute;right:10px;top:0;color:var(--text-muted);pointer-events:none}option{background:var(--bg-dark);color:var(--text-main)}
.mailbox-address{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis}
.nav-item{height:39px;width:100%;border-radius:11px;display:flex;align-items:center;gap:16px;padding:0 15px;text-align:left;font-size:13px;color:var(--text-muted);margin-bottom:3px}
.nav-item .icon{width:18px;height:18px}.nav-item>span:first-of-type{flex:1}.nav-item .count{font:10px var(--font-mono);color:inherit}
.nav-item[aria-current="page"]{background:var(--tint-brand);color:var(--brand-blue-soft);font-weight:600}.nav-item[aria-current="page"] .icon{stroke-width:1.9}
.label-heading{padding:27px 15px 13px}.sidebar-bottom{margin-top:auto;padding:22px 10px 0;display:flex;align-items:flex-start;gap:10px;color:var(--text-muted)}
.sidebar-bottom .icon{width:16px;height:16px;margin-top:2px}.sidebar-bottom strong{font-size:10.5px;font-weight:500}.sidebar-bottom p{font-size:10px;margin:3px 0 0;color:var(--text-faint)}
.workspace{background:var(--bg-panel);border:1px solid var(--panel-line);box-shadow:var(--glass-shadow);border-radius:20px;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.mail-toolbar{display:flex;align-items:center;height:57px;min-height:57px;padding:0 18px 0 21px;border-bottom:1px solid var(--line);gap:14px}
.toolbar-selection{display:flex;align-items:center;gap:6px}.toolbar-selection>input{margin:0 4px 0 0}
input[type="checkbox"]{accent-color:var(--brand-blue);width:15px;height:15px;cursor:pointer}.toolbar-divider{height:18px;width:1px;background:var(--line);margin:0 4px 0 6px}
.toolbar-count{font:10px var(--font-mono);color:var(--text-muted);margin-left:auto}.mail-layout{display:grid;grid-template-columns:minmax(320px,43%) minmax(0,1fr);flex:1;min-height:0}
.list-pane{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0;min-height:0}
.folder-heading{display:flex;align-items:center;justify-content:space-between;padding:26px 24px 15px}.folder-heading h1{margin:5px 0 0;font-size:27px;line-height:1.35;font-weight:600;letter-spacing:-.035em}
.folder-subtitle{font:10px var(--font-mono);color:var(--text-muted)}
.filters{display:flex;gap:22px;padding:0 24px;border-bottom:1px solid var(--line)}.filters button{font-size:11px;color:var(--text-muted);padding:10px 0 13px;position:relative;border-radius:0}
.filters button:hover{background:transparent!important;color:var(--text-main)}.filters button[aria-pressed="true"]{color:var(--brand-blue-soft);font-weight:600}
.filters button[aria-pressed="true"]::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--brand-blue);border-radius:4px 4px 0 0}
.message-list{overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}
.message-row{display:grid;grid-template-columns:16px 24px minmax(0,1fr);gap:8px;padding:16px 18px 16px 19px;position:relative;border-bottom:1px solid var(--line);border-left:3px solid transparent;align-items:start;min-height:100px}
.message-row>input{margin:2px 0 0}.message-row .star-button{width:24px;height:24px;margin-top:-3px;border-radius:5px;color:var(--text-faint);padding:0}
.star-button .icon{width:15px;height:15px}.star-button[aria-pressed="true"]{color:var(--brand-blue-soft)}.star-button[aria-pressed="true"] .icon{fill:var(--tint-brand)}
.message-row:hover{background:var(--fill-faintest)}.message-row.current{background:var(--tint-brand);border-left-color:var(--brand-blue)}
.message-open{text-align:left;min-width:0;display:block;padding:0;border-radius:3px;width:100%}.message-open:hover{background:transparent!important}
.sender-line{display:flex;gap:6px;justify-content:space-between;align-items:baseline;line-height:1.3;margin-bottom:7px}
.sender-name{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.message-time{font:9px var(--font-mono);color:var(--text-muted);white-space:nowrap}.message-subject{font-size:12.5px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;line-height:1.35}
.message-preview{font-size:11px;color:var(--text-muted);line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.message-row.unread .sender-name,.message-row.unread .message-subject{color:var(--text-main);font-weight:600}.message-row.unread .sender-name::after{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--brand-blue);vertical-align:middle;margin-left:7px}
.reader{overflow:auto;min-width:0;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent;padding:0 34px 28px}
.reader-top{height:62px;display:flex;justify-content:space-between;align-items:center;margin:0 -8px 13px;gap:10px}.reader-top>div{display:flex;gap:4px}.reader-top .reader-position{font:10px var(--font-mono);color:var(--text-muted)}
.reader h2{font-size:25px;font-weight:600;line-height:1.4;letter-spacing:-.035em;margin:0 0 14px;max-width:23ch}.message-label{font:9px var(--font-mono);padding:4px 8px;border:1px solid var(--line);color:var(--brand-blue-soft);border-radius:6px}
.message-from{display:flex;align-items:center;gap:13px;margin:28px 0 28px}.sender-avatar{width:37px;height:37px;border:1px solid var(--line);background:var(--tint-brand);color:var(--brand-blue-soft);border-radius:50%;display:grid;place-items:center;font-size:11px;flex-shrink:0}
.sender-info{min-width:0;flex:1}.sender-info>div{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.sender-info strong{font-size:12px;font-weight:600}.sender-info .address,.sender-info .to-address{font-size:10px;color:var(--text-muted)}.sender-info .to-address{margin-top:4px}.sent-time{font:9px var(--font-mono);white-space:nowrap;color:var(--text-muted)}
.message-body{font-size:14px;color:var(--text-reading);line-height:1.85;max-width:65ch}.message-body p{margin:0 0 20px;white-space:pre-line}
.attachments-heading{font:9px var(--font-mono);letter-spacing:.06em;color:var(--text-muted);margin:32px 0 12px}
.attachments{display:grid;gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.attachment{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:14px 11px;text-decoration:none;color:var(--text-main);min-width:0}
.attachment:hover{background:var(--fill-faintest);border-color:var(--brand-blue)}.attachment>.icon{width:26px;height:26px;color:var(--filetype-pdf)}.attachment>div{min-width:0}.attachment strong{display:block;font-size:10px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.attachment small{display:block;font:8px var(--font-mono);color:var(--text-muted);margin-top:5px}
.reply-actions{display:flex;gap:10px;margin-top:30px}.outline-button{display:inline-flex;gap:9px;align-items:center;border:1px solid var(--input-line);border-radius:11px;padding:9px 15px;font-size:11px;color:var(--text-secondary)}.outline-button .icon{width:16px;height:16px}
.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:260px;text-align:center;padding:32px;color:var(--text-muted);gap:10px;flex:1}.empty-state>.icon{width:36px;height:36px;color:var(--brand-blue);margin-bottom:8px}.empty-state h2{font-size:18px;font-weight:500;color:var(--text-main);margin:0}.empty-state p{font-size:12px;max-width:34ch;margin:0;line-height:1.8}.reader-empty{height:100%;min-height:340px}
.composer{position:fixed;right:38px;bottom:18px;width:min(600px,calc(100vw - 32px));background:var(--bg-dark);border:1px solid var(--input-line);box-shadow:var(--glass-shadow);border-radius:16px;z-index:10;overflow:hidden}
.composer.expanded{inset:72px max(24px,12vw) 24px;width:auto}.composer>header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--tint-brand);font-size:13px}.composer>header>div{display:flex}
.compose-field{display:flex;gap:12px;align-items:center;margin:0 22px;padding:12px 0;border-bottom:1px solid var(--line);color:var(--text-muted);font-size:12px}.compose-field>span{min-width:45px}.compose-field input{color:var(--text-main);background:transparent;border:0;outline:none;width:100%;min-width:0}
.composer textarea{display:block;width:100%;min-height:230px;resize:none;padding:22px;background:transparent;color:var(--text-reading);border:none;outline:none;line-height:1.8;font-size:13px}.composer.expanded form{height:calc(100% - 58px);display:flex;flex-direction:column}.composer.expanded textarea{flex:1}
.composer textarea::placeholder{color:var(--text-faint)}.composer footer{padding:14px 20px 18px;display:flex;align-items:center;gap:10px}
.primary-button{display:inline-flex;align-items:center;gap:16px;color:var(--text-on-accent);background:var(--brand-blue);border-radius:11px;font-size:12px;font-weight:600;padding:11px 17px;white-space:nowrap}.primary-button:hover:not(:disabled){background:var(--brand-blue-soft)}.primary-button .icon{width:15px;height:15px}
.draft-note{font:8px var(--font-mono);color:var(--text-muted)}.discard-button{margin-left:auto}.draft-attachments{padding:0 22px;display:flex;gap:6px;flex-wrap:wrap}.file-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:8px;font-size:10px;padding:3px 4px 3px 9px;max-width:100%}.file-chip .icon-button{width:24px;height:24px}
dialog{color:var(--text-main);background:var(--bg-dark);border:1px solid var(--input-line);border-radius:20px;padding:24px 28px;box-shadow:var(--glass-shadow);width:min(480px,calc(100vw - 32px))}dialog::backdrop{background:rgba(0,0,0,.6)}dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px}dialog h2{font-size:20px;font-weight:600;letter-spacing:-.02em;margin:0}dialog p{font-size:12px;line-height:1.8;color:var(--text-muted)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);font-size:12px}.setting-row strong{display:block;font-weight:500}.setting-row small{display:block;margin-top:4px;color:var(--text-muted);font-size:11px}.setting-row input{width:26px;height:18px}.settings-footnote{font-size:10px!important}.keyboard-help{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:11px;margin-top:24px}
.toast{position:fixed;bottom:24px;left:calc(var(--mail-sidebar) + 28px);display:flex;gap:20px;align-items:center;background:var(--bg-dark);border:1px solid var(--input-line);box-shadow:var(--glass-shadow);border-radius:12px;padding:10px 12px 10px 18px;z-index:20;font-size:12px}.toast>button:not(.icon-button){color:var(--brand-blue-soft);font-weight:600;border-radius:6px;padding:4px 8px}.toast .icon-button{width:28px;height:28px}
.skip-link{position:fixed;top:-100px;left:10px;padding:10px;background:var(--bg-dark);color:var(--text-main);z-index:99}.skip-link:focus{top:5px}
#nav-scrim{display:none}.compact .message-row{min-height:82px;padding-top:11px;padding-bottom:11px}.compact .message-preview{-webkit-line-clamp:1}
.mail-layout[data-split="off"]{grid-template-columns:minmax(0,1fr)}.mail-layout[data-split="off"] .list-pane{border-right:0}.mail-layout[data-split="off"].has-current .list-pane{display:none}.mail-layout[data-split="off"]:not(.has-current) .reader{display:none}
@media(min-width:1800px){.mail-layout{grid-template-columns:minmax(430px,38%) minmax(0,1fr)}.reader{padding-left:48px;padding-right:48px}.message-body{font-size:15px}.message-row{min-height:105px}}
@media(max-width:1150px){:root{--mail-sidebar:208px}.topbar{gap:12px}.sidebar{padding-right:12px}.reader{padding-left:24px;padding-right:24px}.mail-layout{grid-template-columns:minmax(285px,44%) minmax(0,1fr)}.attachments{grid-template-columns:1fr}.sender-info .address{display:none}.sent-time{font-size:8px}.topbar-actions{gap:2px}.profile-avatar{margin-left:4px}.sidebar-bottom{padding-left:13px}.sidebar-bottom p{max-width:19ch}}
@media(max-width:900px){:root{--mail-sidebar:190px}.topbar{grid-template-columns:190px minmax(150px,1fr) auto;padding-right:16px}.topbar-actions #help-toggle{display:none}.app-layout{padding-right:12px}.reader h2{font-size:22px}.mail-layout{grid-template-columns:1fr}.mail-layout.has-current .list-pane{display:none}.mail-layout:not(.has-current) .reader{display:none}.reader{padding:0 34px 30px}.message-row{min-height:92px}.message-preview{-webkit-line-clamp:1}.attachments{grid-template-columns:repeat(2,minmax(0,1fr))}.sender-info .address{display:inline}.topbar-actions{gap:0}.search-wrap{height:43px}.wordmark>span{font-size:16px}.brand-lockup{gap:9px}.brand-lockup img{width:39px;height:39px}}
@media(max-width:650px){:root{--mail-sidebar:0px}.preview-notice{height:38px;padding:4px 14px;gap:9px;font-size:9px;line-height:1.4;justify-content:flex-start}.preview-badge{font-size:8px}.topbar{height:68px;grid-template-columns:auto 1fr auto;padding:0 12px;gap:10px}.brand-area{gap:4px}.brand-area>#menu-toggle{display:inline-flex}.brand-lockup img{width:33px;height:33px}.wordmark{display:none}.search-wrap{height:39px;padding:0 10px;gap:8px;border-radius:11px}.search-wrap input{font-size:12px}.search-wrap kbd{display:none}.topbar-actions #theme-toggle,.topbar-actions #help-toggle{display:none}.profile-avatar{display:none}.topbar-actions .icon-button{width:30px}.app-layout{height:calc(100svh - 106px);grid-template-columns:1fr;padding:0 9px 10px}.sidebar{display:none;position:fixed;left:0;top:106px;bottom:0;width:240px;background:var(--bg-dark);padding:20px 16px;z-index:8;border-right:1px solid var(--line)}.sidebar.open{display:flex}#nav-scrim:not([hidden]){display:block;position:fixed;inset:106px 0 0;background:rgba(0,0,0,.6);z-index:7}.workspace{border-radius:16px}.mail-toolbar{height:49px;min-height:49px;padding:0 12px;gap:8px}.toolbar-count{font-size:9px}.reader{padding:0 21px 26px}.reader h2{font-size:23px}.reader-top{height:53px;margin-bottom:10px}.message-from{gap:10px;margin:25px 0}.sender-info .address{display:none}.sent-time{font-size:8px}.message-body{font-size:13px}.attachments{grid-template-columns:1fr}.reply-actions{margin-top:26px}.folder-heading{padding:22px 20px 13px}.filters{padding:0 20px}.message-row{padding-left:13px;padding-right:15px}.composer{right:9px;bottom:10px;width:calc(100vw - 18px)}.composer.expanded{inset:50px 9px 10px}.composer textarea{min-height:210px}.draft-note{font-size:7px}.toast{left:16px;right:16px;bottom:20px;gap:8px;font-size:11px}.toast>button:not(.icon-button){margin-left:auto}.compose-button{box-shadow:none}dialog{padding:20px}.sidebar-bottom{padding-top:18px}}
@media(prefers-reduced-motion:no-preference){button,.message-row,a{transition:background .16s ease,border-color .16s ease,color .16s ease}}

.no-mailbox .mail-layout{grid-template-columns:1fr}.no-mailbox .reader,.no-mailbox .mail-toolbar,.no-mailbox .filters{display:none}.no-mailbox .list-pane{border:0}

.mobile-compose{display:none}@media(max-width:650px){.mobile-compose{position:fixed;right:25px;bottom:27px;display:flex;gap:10px;align-items:center;border-radius:14px;background:var(--brand-blue);color:var(--text-on-accent);padding:14px 17px;font-size:12px;font-weight:600;box-shadow:var(--glass-shadow);z-index:5}.mobile-compose:hover:not(:disabled){background:var(--brand-blue-soft)}body:has(.composer:not([hidden])) .mobile-compose{display:none}}

/* Standalone live Mail controls. */
#login-frame { width:100%; min-height:440px; border:0; }
#login-dialog { width:min(520px,92vw); }
.message-body { white-space:pre-wrap; overflow-wrap:anywhere; }
.message-content { background:none; border:0; text-align:left; color:inherit; min-width:0; flex:1; display:flex; flex-direction:column; gap:6px; padding:10px; }
.message-content strong,.message-content span { overflow:hidden; text-overflow:ellipsis; max-width:100%; }