:root{color-scheme:light;--bg:#f3f0e8;--bg-elevated:#fbf9f4;--surface:rgba(255,252,247,0.88);--surface-strong:#fffdfa;--surface-muted:#f1ece2;--border:rgba(35,34,31,0.12);--border-strong:rgba(35,34,31,0.2);--text:#181714;--muted:#6c665d;--accent:#2954d1;--accent-soft:rgba(41,84,209,0.1);--success:#1c7d4f;--danger:#b74343;--shadow-lg:0 24px 70px rgba(26,23,18,0.09);--shadow-md:0 10px 30px rgba(26,23,18,0.06);--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--radius-sm:14px;--content-width:1380px;--overlay:rgba(24,23,20,0.18);--line-soft:rgba(35,34,31,0.08);--input-bg:rgba(255,255,255,0.92);--surface-ghost:rgba(255,255,255,0.72);--surface-ghost-strong:rgba(255,255,255,0.78);--surface-hover:#fffdfa;--hero-grid-line:rgba(24,23,20,0.02);--iframe-bg:#fffdfa;--text-inverse:#fffdf7}:root[data-theme=dark]{color-scheme:dark;--bg:#0f1217;--bg-elevated:#121720;--surface:rgba(20,26,34,0.88);--surface-strong:#151b23;--surface-muted:#1b2430;--border:rgba(255,255,255,0.1);--border-strong:rgba(255,255,255,0.18);--text:#f5f7fb;--muted:#9aa6ba;--accent:#8eb4ff;--accent-soft:rgba(142,180,255,0.14);--success:#57c28c;--danger:#ff8080;--shadow-lg:0 24px 70px rgba(0,0,0,0.4);--shadow-md:0 14px 36px rgba(0,0,0,0.3);--overlay:rgba(7,10,14,0.54);--line-soft:rgba(255,255,255,0.08);--input-bg:rgba(24,30,39,0.92);--surface-ghost:rgba(24,30,39,0.72);--surface-ghost-strong:rgba(24,30,39,0.82);--surface-hover:#1a222d;--hero-grid-line:rgba(255,255,255,0.03);--iframe-bg:#151a20;--text-inverse:#0f1217}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:IBM Plex Sans,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(41,84,209,.08),transparent 24%),radial-gradient(circle at bottom right,rgba(168,122,33,.08),transparent 22%),linear-gradient(180deg,#f9f7f1 0,var(--bg) 100%);color:var(--text)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(var(--hero-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--hero-grid-line) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(180deg,rgba(0,0,0,.35),transparent 85%)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}input,textarea{width:100%;border:1px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:var(--radius-sm);padding:14px 16px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}input:focus,textarea:focus{border-color:rgba(41,84,209,.4);box-shadow:0 0 0 4px rgba(41,84,209,.1)}textarea{resize:vertical;min-height:140px}button{border:0;cursor:pointer;line-height:1.15;vertical-align:middle;transition:transform .18s ease,background .18s ease,box-shadow .18s ease,opacity .18s ease}button:hover{transform:translateY(-1px)}button:disabled{opacity:.55;cursor:wait}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.04em}.surface-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-md);border-radius:var(--radius-xl);backdrop-filter:blur(14px)}.kicker{margin-bottom:14px;font-size:.75rem;line-height:1;letter-spacing:.18em;text-transform:uppercase}.kicker,.muted,.section-copy{color:var(--muted)}.success{color:var(--success)}.error{color:var(--danger)}.page{padding:28px}.mail-page,.public-shell{width:min(var(--content-width),calc(100% - 40px));margin:0 auto;padding:20px 0 48px}.mail-topbar,.public-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0 28px}.brand-mark{font-size:.98rem;font-weight:700;letter-spacing:.02em}.public-content{display:flex;flex-direction:column;gap:28px}.shell-nav{display:flex;flex-wrap:wrap;gap:10px}.shell-nav-link,.topbar-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:999px;color:var(--muted);border:1px solid transparent;transition:color .18s ease,background .18s ease,border-color .18s ease}.shell-nav-link.active,.shell-nav-link:hover,.topbar-link:hover{color:var(--text);border-color:var(--border);background:var(--surface-ghost)}.hero-section{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:24px;align-items:stretch}.auth-aside,.auth-card,.dashboard-sidebar,.hero-copy,.hero-panel,.highlight-card,.mailbox-sidebar,.message-column,.reader-panel,.section-card{padding:28px}.hero-copy{display:flex;flex-direction:column;justify-content:center}.hero-copy h1{margin-bottom:18px;font-size:clamp(3rem,7vw,5.6rem);line-height:.92;max-width:10ch}.hero-text{max-width:54ch;font-size:1.05rem;line-height:1.7;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 18px}.hero-note{color:var(--muted);font-size:.96rem}.button-link,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;font-weight:600}.primary-button{background:var(--text);color:var(--text-inverse);box-shadow:0 10px 28px rgba(24,23,20,.12)}.secondary-button{background:var(--surface-ghost);color:var(--text);border:1px solid var(--border)}.full-width-button{width:100%}.hero-panel{display:flex;flex-direction:column;gap:22px}.hero-panel-header{display:flex;flex-wrap:wrap;gap:10px}.hero-pill,.pill{display:inline-flex;align-items:center;gap:8px;width:fit-content;min-height:34px;padding:0 12px;border-radius:999px;background:var(--surface-muted);color:var(--muted);font-size:.88rem}.pill.accent{background:var(--accent-soft);color:var(--accent)}.hero-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.86fr);gap:18px}.preview-card,.preview-column{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-ghost-strong);padding:20px}.preview-list{gap:10px}.preview-item,.preview-list{display:flex;flex-direction:column}.preview-item{gap:6px;padding:14px 16px;border-radius:var(--radius-md);background:var(--surface-muted)}.preview-item.active{background:var(--text);color:var(--text-inverse)}.preview-item.active span{color:color-mix(in srgb,var(--text-inverse) 72%,transparent)}.feature-item span,.preview-item span{color:var(--muted)}.preview-card{display:flex;flex-direction:column;justify-content:flex-end}.preview-card h2{margin-bottom:12px;font-size:1.9rem}.highlights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.highlight-card h2{margin-bottom:12px;font-size:1.5rem}.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.78fr);gap:24px;min-height:calc(100vh - 180px)}.auth-aside,.auth-card{display:flex;flex-direction:column}.auth-aside{justify-content:space-between;gap:28px}.auth-aside h1,.auth-card h2,.dashboard-sidebar h1,.message-toolbar h2,.reader-header h2{margin-bottom:14px;font-size:clamp(2rem,4vw,3.3rem);line-height:.95}.auth-form-column{display:flex;align-items:center}.auth-card{width:100%;max-width:560px;margin-left:auto;gap:8px}.feature-list{gap:14px}.feature-item,.feature-list{display:flex;flex-direction:column}.feature-item{gap:7px;padding:18px;border-radius:var(--radius-md);background:var(--surface-ghost);border:1px solid var(--line-soft)}.stack{gap:16px}.field,.stack{display:flex;flex-direction:column}.field{gap:8px}.password-field{position:relative}.password-field input{padding-right:82px}.password-toggle{position:absolute;top:50%;right:10px;min-height:34px;padding:0 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface-ghost);color:var(--muted);font-size:.84rem}.password-toggle,.password-toggle:hover{transform:translateY(-50%)}.field-label{font-size:.86rem;font-weight:600}.field-hint{margin-top:-4px;color:var(--muted);font-size:.88rem}.form-notice{margin:0;font-size:.92rem}.form-inline-notice{font-size:.88rem}.checkbox-row{display:flex;align-items:center;gap:10px;color:var(--muted)}.checkbox-row input{width:auto}.account-row-actions,.compose-actions,.inline-choice,.mail-toggle-row,.reader-button-row{display:flex;flex-wrap:wrap;gap:10px}.dashboard-shell{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;min-height:calc(100vh - 56px)}.dashboard-sidebar{position:sticky;top:28px;align-self:start}.dashboard-content{gap:24px}.dashboard-content,.section-card{display:flex;flex-direction:column}.section-card{gap:20px}.inline-form,.mail-topbar-actions,.message-toolbar,.reader-actions,.reader-header,.row,.section-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.split>*{min-width:0}.inline-form{flex-wrap:wrap}.mail-list,.table{display:flex;flex-direction:column;gap:12px}.mail-list.expanded{gap:10px}.mail-item,.table-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:16px 18px;border-radius:var(--radius-md);background:var(--surface-ghost);border:1px solid var(--line-soft)}.table-head{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.code-block{white-space:pre-wrap;word-break:break-word;padding:18px;border-radius:var(--radius-md);background:#181714;color:#f4f0e8;overflow-x:auto}.mail-topbar{padding-top:28px}.mail-topbar h1{margin-bottom:0;font-size:clamp(2.3rem,4vw,3.8rem);line-height:.95}.mail-topbar-user{color:var(--muted)}.mail-topbar-actions>.stack{min-width:160px}.mail-page.density-compact .mailbox-sidebar,.mail-page.density-compact .message-column{padding:24px}.mail-page.density-spacious .mailbox-sidebar,.mail-page.density-spacious .message-column{padding:32px}.account-menu-wrap{position:relative}.account-menu-trigger{display:flex;min-width:min(320px,86vw);align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:18px;border:1px solid var(--border);background:var(--surface-ghost);color:var(--text);text-align:left}.account-menu-trigger>div{display:flex;min-width:0;flex-direction:column;gap:4px}.account-menu-trigger span{color:var(--muted)}.account-menu-panel{position:absolute;top:calc(100% + 12px);right:0;z-index:30;display:flex;width:min(420px,calc(100vw - 32px));flex-direction:column;gap:18px;padding:18px;animation:accountMenuEnter .18s ease;transform-origin:top right;transition:opacity .18s ease,transform .18s ease}.account-menu-panel.is-closing{opacity:0;transform:translateY(-8px) scale(.98)}.account-menu-section{display:flex;flex-direction:column;gap:10px}.account-menu-section-toggle{display:flex;min-height:34px;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:0 2px;color:var(--muted);font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-align:left}.account-menu-section-toggle:hover{transform:none;color:var(--text)}.account-menu-section-toggle span:first-child{opacity:.9}.account-menu-section-toggle span:last-child{color:var(--muted);font-size:.72rem}.account-menu-section-toggle.active,.account-menu-section-toggle.active span:last-child{color:var(--text)}.account-menu-section-body{display:flex;flex-direction:column;gap:10px;max-height:720px;overflow:hidden;opacity:1;transition:max-height .18s ease,opacity .18s ease,transform .18s ease}.account-menu-section-body.collapsed{max-height:0;opacity:0;transform:translateY(-4px);pointer-events:none}.account-menu-list,.account-menu-theme-list{display:flex;flex-direction:column;gap:8px}.account-menu-link{display:flex;min-height:44px;width:100%;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:14px;border:1px solid transparent;background:var(--surface-ghost);color:var(--text);text-align:left}.account-menu-link>div{display:flex;min-width:0;flex-direction:column;gap:4px}.account-menu-link>div span,.account-menu-link>span{color:var(--muted)}.account-menu-link.active,.account-menu-link:hover{background:var(--surface-hover);border-color:var(--border)}.danger-link{color:var(--danger)}.danger-link:hover{border-color:color-mix(in srgb,var(--danger) 28%,var(--border));background:color-mix(in srgb,var(--danger) 8%,var(--surface-hover))}.warning-banner{display:flex;flex-wrap:wrap;gap:10px;padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--danger) 35%,var(--border));background:color-mix(in srgb,var(--danger) 10%,var(--surface-ghost));color:var(--text)}.warning-banner span{color:var(--muted)}.mail-utility-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.utility-group{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.utility-label{color:var(--muted);font-size:.84rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.logout-inline{display:contents}.mail-layout{display:grid;grid-template-columns:minmax(264px,320px) minmax(0,1fr);gap:18px;align-items:start;min-height:calc(100vh - 190px)}.proton-mail-page{width:min(1700px,calc(100% - 28px))}.mail-layout.desktop-proton-shell{grid-template-columns:72px minmax(250px,310px) minmax(360px,.92fr) minmax(420px,1fr);gap:14px;align-items:stretch;min-height:calc(100vh - 56px)}.mailbox-sidebar,.message-column{min-height:760px;display:flex;flex-direction:column;gap:20px}.desktop-utility-rail{display:flex;min-height:760px;flex-direction:column;gap:14px;padding:12px 8px;border-radius:28px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 96%,transparent);box-shadow:var(--shadow-md)}.desktop-rail-brand,.desktop-rail-button,.desktop-rail-link{display:flex;min-height:52px;align-items:center;justify-content:center;gap:8px;border-radius:18px;border:1px solid transparent;color:var(--muted);text-align:center}.desktop-rail-brand{min-height:68px;flex-direction:column;background:color-mix(in srgb,var(--accent) 8%,var(--surface-ghost))}.desktop-rail-brand span,.desktop-rail-brand strong{color:var(--text)}.desktop-rail-brand span{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase}.desktop-rail-brand strong{font-size:.96rem}.desktop-rail-footer,.desktop-rail-group,.desktop-rail-nav{display:flex;flex-direction:column;gap:10px}.desktop-rail-nav{margin-top:auto}.desktop-rail-action,.desktop-rail-button{background:var(--surface-ghost);border:1px solid var(--border)}.desktop-rail-action:hover,.desktop-rail-button.active,.desktop-rail-button:hover,.desktop-rail-link.active,.desktop-rail-link:hover{color:var(--text);border-color:var(--border);background:var(--surface-hover)}.proton-list-column,.proton-sidebar{padding:20px;border-radius:30px}.proton-list-column{min-width:0;background:color-mix(in srgb,var(--surface-strong) 95%,transparent)}.proton-reader-column{display:flex;min-width:0;min-height:760px;flex-direction:column;gap:12px}.proton-reader-column>.reader-panel{flex:1;min-height:0;overflow:auto}.proton-column-header,.proton-reader-topline,.proton-summary-strip{display:flex;align-items:center;justify-content:space-between;gap:12px}.proton-column-header{align-items:flex-start}.proton-summary-strip{flex-wrap:wrap}.proton-search-field input{min-height:52px;border-radius:18px;background:var(--surface-muted)}.proton-filter-row{padding-bottom:4px;border-bottom:1px solid var(--line-soft)}.proton-mail-list{min-height:0}.proton-account-menu .account-menu-trigger{min-width:280px}.desktop-compose-window{position:fixed;right:24px;bottom:24px;z-index:46;display:flex;width:min(720px,calc(100vw - 120px));max-height:calc(100vh - 64px);flex-direction:column;overflow:hidden;border-radius:24px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 97%,transparent);box-shadow:var(--shadow-lg);transition:opacity .22s ease,transform .22s ease,height .22s ease}.desktop-compose-window.is-closing{opacity:0;transform:translateY(16px)}.desktop-compose-window.is-minimized{width:min(420px,calc(100vw - 120px));max-height:none}.desktop-compose-window-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line-soft)}.desktop-compose-window-bar strong{color:var(--text)}.desktop-compose-window-actions{display:flex;flex-wrap:wrap;gap:8px}.desktop-compose-window-body{min-height:0;overflow:auto;padding:20px}.sidebar-block h2{margin-bottom:12px;font-size:2rem;line-height:.98}.compose-trigger{width:100%}.folder-list,.label-filter-list,.saved-view-list,.smart-view-list{display:flex;flex-direction:column;gap:10px}.saved-view-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch}.saved-view-button{width:100%;text-align:left}.saved-view-remove{min-width:84px;border-radius:14px;background:var(--surface-ghost);color:var(--muted);border:1px solid var(--border)}.saved-view-remove:hover{color:var(--text)}.account-stack{display:flex;flex-direction:column;gap:14px}.sidebar-sections{display:flex;min-height:0;flex:1;flex-direction:column;gap:18px}.sidebar-section{display:flex;flex-direction:column;gap:12px}.account-list .folder-link,.sidebar-section .folder-link{min-height:0}.section-inline-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-inline-head .kicker{margin-bottom:0}.folder-link{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-radius:var(--radius-md);border:1px solid transparent;background:color-mix(in srgb,var(--surface-ghost) 92%,transparent);color:var(--muted);transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.folder-link span:last-child,.folder-link strong,.mail-row-line strong,.mail-row-sender{color:var(--text)}.folder-link div{display:flex;flex-direction:column;gap:5px}.folder-link div span{color:var(--muted);font-size:.9rem}.folder-link.active,.folder-link:hover{background:var(--surface-hover);border-color:var(--border);transform:translateX(2px)}.search-field{display:flex;flex-direction:column;gap:8px}.mail-page.sidebar-compact .mail-layout{grid-template-columns:minmax(236px,276px) minmax(0,1fr)}.mail-page.sidebar-wide .mail-layout{grid-template-columns:minmax(320px,392px) minmax(0,1fr)}.mail-page.sidebar-compact .mail-layout.desktop-proton-shell{grid-template-columns:72px minmax(228px,270px) minmax(360px,.94fr) minmax(420px,1fr)}.mail-page.sidebar-wide .mail-layout.desktop-proton-shell{grid-template-columns:72px minmax(300px,360px) minmax(340px,.86fr) minmax(420px,1fr)}.mail-intelligence-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.intelligence-card{display:flex;min-height:132px;flex-direction:column;justify-content:space-between;gap:10px;padding:18px;border-radius:var(--radius-lg);border:1px solid var(--line-soft);background:var(--surface-ghost)}.intelligence-card strong{font-size:clamp(1.8rem,2.4vw,2.35rem);line-height:.95;color:var(--text)}.intelligence-card span{color:var(--muted)}.intelligence-action{width:100%;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}.intelligence-action:hover{transform:translateY(-1px);border-color:var(--border);background:var(--surface-hover)}.filter-row{display:flex;flex-wrap:wrap;gap:10px}.filter-chip{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:999px;background:var(--surface-ghost);color:var(--muted);border:1px solid var(--border)}.filter-chip.active{background:var(--text);color:var(--text-inverse);border-color:var(--text)}.mail-row{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;text-align:left;padding:18px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-ghost) 96%,transparent);border:1px solid transparent;color:var(--text);transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease;animation:mailRowEnter .22s ease both}.mail-row.is-unread,.mail-row:hover{background:var(--surface-hover)}.mail-row:hover{transform:translateY(-1px)}.mail-row.is-selected{background:var(--surface-hover);border-color:color-mix(in srgb,var(--accent) 30%,var(--border));box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 8%,transparent)}.mail-row.density-compact{padding:14px 16px;gap:12px}.mail-row.density-spacious{padding:22px;gap:18px}.mail-row-select{display:flex;align-items:flex-start;justify-content:center;padding-top:3px}.mail-row-select input{width:18px;height:18px;accent-color:var(--accent)}.mail-row-open{min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left}.mail-row-open:hover{transform:none}.mail-row-main{min-width:0;display:flex;flex-direction:column;gap:10px}.mail-row-labels{display:flex;flex-wrap:wrap;gap:8px}.mail-row-badges,.mail-row-line,.mail-row-topline{display:flex;align-items:center;gap:10px}.mail-row-topline{justify-content:space-between}.mail-row-sender{font-size:1rem;font-weight:700}.mail-row-line{min-width:0;align-items:baseline;gap:12px}.mail-row-line span,.mail-row-line strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-row-line strong{font-size:1.02rem;letter-spacing:-.01em}.mail-page.density-compact .mail-row-line strong{font-size:.96rem}.mail-page.density-spacious .mail-row-line strong{font-size:1.08rem}.mail-row-line span,.mail-row-meta{color:var(--muted)}.mail-row-meta{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:12px;min-width:132px;white-space:nowrap}.mail-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}.mail-row.is-selected .mail-row-actions,.mail-row:hover .mail-row-actions{opacity:1;transform:translateY(0)}.mail-row-action{min-height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface-ghost-strong);color:var(--muted);font-size:.8rem;font-weight:700}.mail-row-action:hover{color:var(--text);background:var(--surface-hover)}.mail-row-action.danger{color:var(--danger)}.mail-row.is-unread .mail-row-line strong,.mail-row.is-unread .mail-row-sender{font-weight:800}.proton-list-column .mail-list{overflow:auto;padding-right:4px}.proton-list-column .mail-row{padding:14px 16px;border-radius:18px}.proton-list-column .mail-row-line strong{font-size:.96rem}.proton-list-column .mail-row-line span,.proton-list-column .mail-row-meta{font-size:.84rem}.proton-list-column .mail-row-labels{gap:6px}.status-dot{width:10px;height:10px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 5px rgba(41,84,209,.12)}.mail-label-chip{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--accent) 8%,var(--surface-ghost));color:var(--accent);font-size:.84rem;font-weight:600;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease;animation:labelChipEnter .18s ease both}.mail-label-chip.active,.mail-label-chip:hover{background:color-mix(in srgb,var(--accent) 14%,var(--surface-hover));border-color:color-mix(in srgb,var(--accent) 30%,var(--border));transform:translateY(-1px)}.reader-panel{display:flex;flex-direction:column;gap:20px}.mail-selection-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid var(--line-soft);background:var(--surface-ghost-strong)}.reader-empty{display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.reader-empty h3{margin-bottom:10px;font-size:1.8rem;color:var(--text)}.message-meta{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:var(--radius-md);background:var(--surface-ghost-strong);border:1px solid var(--line-soft)}.message-meta p{margin:0}.message-body{padding:20px;border-radius:var(--radius-lg);background:var(--surface-strong);border:1px solid var(--line-soft);overflow:auto;min-height:320px}.message-html-shell{display:flex;flex-direction:column;gap:12px}.message-html-frame{width:100%;min-height:460px;border:1px solid var(--line-soft);border-radius:var(--radius-md);background:var(--iframe-bg)}.message-text{margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:1rem;line-height:1.85}.message-html{line-height:1.7}.message-html img{max-width:100%;height:auto}.message-html a{color:var(--accent)}.empty-state{padding:28px;border-radius:var(--radius-lg);background:var(--surface-ghost);border:1px solid var(--line-soft)}.compact-empty-state{padding:22px}.account-manager-list,.attachment-list{display:flex;flex-direction:column;gap:12px}.account-row,.attachment-link{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:var(--radius-md);background:var(--surface-ghost-strong);border:1px solid var(--line-soft);transition:transform .18s ease,background .18s ease,border-color .18s ease}.attachment-link:hover{background:var(--surface-hover);border-color:var(--border);transform:translateY(-1px)}.attachment-link>div{display:flex;min-width:0;flex-direction:column;gap:4px}.attachment-link span:last-child,.attachment-link strong{color:var(--text)}.attachment-link span{color:var(--muted)}.draft-status-chip{display:inline-flex;align-items:center;width:fit-content;min-height:30px;padding:0 12px;border-radius:999px;background:var(--surface-muted);color:var(--muted);opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease,color .18s ease,background .18s ease}.draft-status-chip.visible{opacity:1;transform:translateY(0)}.draft-status-chip.state-saving{background:color-mix(in srgb,var(--accent) 10%,var(--surface-muted));color:var(--accent)}.draft-status-chip.state-restored,.draft-status-chip.state-saved{background:color-mix(in srgb,var(--success) 10%,var(--surface-muted));color:var(--success)}.account-form-shell{display:flex;flex-direction:column;gap:18px;padding-top:8px;border-top:1px solid var(--border)}.command-palette-overlay{align-items:flex-start;justify-content:center;padding-top:72px}.command-palette-shell{width:min(780px,calc(100vw - 32px));height:auto;max-height:calc(100vh - 104px)}.command-palette{display:flex;max-height:calc(100vh - 104px);flex-direction:column;gap:18px;padding:24px;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface-strong);box-shadow:var(--shadow-lg)}.command-palette-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.command-palette-list{min-height:0;overflow:auto;padding-right:4px}.command-palette-group,.command-palette-list{display:flex;flex-direction:column;gap:10px}.command-palette-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.command-palette-group-list{display:flex;flex-direction:column;gap:10px}.command-palette-item{display:flex;min-height:68px;width:100%;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:18px;border:1px solid transparent;background:var(--surface-ghost);color:var(--text);text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}.command-palette-item>div{display:flex;min-width:0;flex-direction:column;gap:4px}.command-palette-item strong{color:var(--text)}.command-palette-item span{color:var(--muted)}.command-palette-item.active,.command-palette-item:hover{transform:translateY(-1px);border-color:var(--border);background:var(--surface-hover)}.modal-overlay{position:fixed;inset:0;display:flex;align-items:stretch;justify-content:flex-end;padding:18px;background:var(--overlay);backdrop-filter:blur(8px);z-index:50}.modal-panel{width:min(520px,100%);height:100%}.compose-modal,.reader-dialog{height:100%;overflow:auto;border:1px solid var(--border);background:var(--surface-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:28px}.desktop-drawer-overlay{align-items:stretch;justify-content:flex-end}.desktop-reader-shell{width:min(1080px,96vw);transform-origin:right var(--drawer-origin-y,120px);animation:drawerMorphIn .24s cubic-bezier(.2,.8,.2,1)}.desktop-reader-drawer .reader-actions,.desktop-reader-drawer .reader-header{align-items:flex-start}.desktop-reader-drawer{gap:24px;padding:36px 40px}.desktop-reader-drawer .reader-header h2{max-width:18ch;font-size:clamp(2.5rem,3vw,3.75rem)}.desktop-reader-drawer .message-meta{padding:0;background:transparent;border:0;border-radius:0;gap:8px}.desktop-reader-drawer .reader-actions{padding:18px 0 0;border-top:1px solid var(--line-soft)}.desktop-reader-drawer .attachment-list{gap:10px}.desktop-reader-drawer .message-body{flex:1;min-height:0;padding:0;border:0;background:transparent;border-radius:0;overflow:visible}.desktop-reader-drawer .message-html-shell{gap:16px}.desktop-reader-drawer .message-html-frame{min-height:70vh;border:0;border-radius:22px;box-shadow:var(--shadow-md)}.desktop-reader-drawer .message-text{max-width:78ch;font-size:1.04rem;line-height:1.9}.desktop-reader-drawer .code-block{margin-top:8px}.panel-slide-right{animation:panelSlideRight .22s ease}.modal-overlay,.modal-panel{transition:opacity .22s ease,transform .22s ease}.modal-overlay.is-closing{opacity:0}.modal-panel.is-closing{opacity:0;transform:translateX(24px)}.account-manager{width:min(760px,100%)}.mobile-action-bar{position:sticky;bottom:14px;display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.mobile-mail-shell{display:none}.mobile-bottom-nav,.mobile-mail-appbar{border:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 92%,transparent);box-shadow:var(--shadow-md)}.mobile-mail-appbar{display:flex;flex-direction:column;gap:16px;padding:16px;border-radius:26px}.mobile-mail-actions,.mobile-mail-appbar-row,.mobile-summary-strip{display:flex;align-items:center;gap:10px}.mobile-mail-appbar-row{justify-content:space-between}.mobile-mail-title{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.mobile-mail-title strong{color:var(--text);font-size:1.02rem}.mobile-mail-title span{color:var(--muted);font-size:.86rem}.mobile-icon-button{min-width:0;min-height:44px;padding:0 15px;border-radius:999px}.mobile-search-field{margin-top:0}.mobile-filter-row,.mobile-summary-strip{flex-wrap:wrap}.mobile-summary-strip{gap:8px}.mobile-mail-list-shell{min-height:0;gap:16px;padding:18px 16px 128px;border-radius:24px}.mobile-mail-row{position:relative;z-index:1;min-height:104px;gap:12px;padding:16px;border-radius:24px;background:var(--surface-ghost);border:1px solid var(--line-soft);box-shadow:none}.mobile-mail-row .mail-row-main{gap:8px}.mobile-mail-row .mail-row-sender{font-size:.95rem}.mobile-mail-row .mail-row-line strong{font-size:.98rem}.mobile-mail-row .mail-row-line span{font-size:.88rem}.mobile-mail-row .mail-row-meta{align-items:flex-start;font-size:.8rem}.mobile-compose-fab{position:fixed;right:16px;bottom:calc(94px + env(safe-area-inset-bottom));z-index:35;min-height:56px;padding:0 22px;border-radius:999px;background:var(--text);color:var(--text-inverse);box-shadow:0 16px 32px rgba(24,23,20,.24)}.mobile-bottom-nav{position:fixed;right:12px;bottom:max(12px,env(safe-area-inset-bottom));left:12px;z-index:34;display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;border-radius:24px}.mobile-bottom-nav-item{display:flex;min-height:56px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:14px;color:var(--muted)}.mobile-bottom-nav-item strong{color:currentColor;font-size:.88rem}.mobile-bottom-nav-item span{font-size:.74rem}.mobile-bottom-nav-item.active{background:var(--surface-hover);color:var(--text)}.mobile-nav-overlay{align-items:flex-end;justify-content:stretch;padding:0}.mobile-nav-sheet{width:100%;height:min(86vh,820px);max-height:calc(100dvh - 8px);padding:0;border-radius:28px 28px 0 0;background:var(--surface-strong);transform:translateY(0);animation:mobileSheetEnter .22s ease}.mobile-sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 20px 16px;border-bottom:1px solid var(--line-soft)}.mobile-sheet-body{min-height:0;height:calc(100% - 88px);overflow:auto;padding:18px 16px calc(24px + env(safe-area-inset-bottom))}.mobile-panel-section-list,.mobile-sheet-body{display:flex;flex-direction:column;gap:20px}.mobile-sheet-section{display:flex;flex-direction:column;gap:12px}.mobile-section-head{align-items:flex-start}.mobile-section-head h3{margin:0;font-size:1.05rem;line-height:1.1}.reader-loading-shell{display:flex;flex-direction:column;gap:16px;min-height:360px}.mail-skeleton-card{overflow:hidden}.mail-skeleton-list{display:flex;flex-direction:column;gap:12px}.skeleton-button,.skeleton-chip,.skeleton-dot,.skeleton-folder,.skeleton-input,.skeleton-line,.skeleton-pill{position:relative;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--surface-muted) 78%,transparent)}.skeleton-button:after,.skeleton-chip:after,.skeleton-dot:after,.skeleton-folder:after,.skeleton-input:after,.skeleton-line:after,.skeleton-pill:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.34) 50%,transparent);animation:skeletonShimmer 1.35s ease-in-out infinite}.skeleton-line{height:12px;width:100%;border-radius:999px}.skeleton-heading{margin-top:14px;width:220px;height:42px;border-radius:18px}.skeleton-title{width:180px;height:26px;border-radius:14px}.skeleton-short{width:120px}.skeleton-medium{width:70%}.skeleton-pill{width:96px;height:14px}.skeleton-chip{width:88px;height:38px}.skeleton-button{width:100%;height:52px;border-radius:999px}.skeleton-folder{height:68px;border-radius:var(--radius-md)}.skeleton-input{height:52px;border-radius:var(--radius-md)}.skeleton-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.skeleton-dot{width:12px;height:12px;flex:0 0 auto}.skeleton-mail-row{pointer-events:none}.toast-stack{position:fixed;top:18px;right:18px;z-index:120;display:flex;max-width:min(420px,calc(100vw - 32px));flex-direction:column;gap:10px}.toast-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 92%,transparent);box-shadow:var(--shadow-md);backdrop-filter:blur(14px);animation:toastEnter .22s ease;transition:opacity .22s ease,transform .22s ease}.toast-card.is-closing{opacity:0;transform:translateY(-8px)}.toast-card p{margin:0;color:var(--text)}.toast-dot{width:10px;height:10px;flex:0 0 auto;border-radius:999px;background:var(--accent)}.toast-card.tone-success .toast-dot{background:var(--success)}.toast-card.tone-error .toast-dot{background:var(--danger)}@keyframes panelSlideRight{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes toastEnter{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes accountMenuEnter{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes drawerMorphIn{0%{opacity:0;transform:translateX(40px) scale(.985);clip-path:inset(8% 0 8% 18% round 28px)}to{opacity:1;transform:translateX(0) scale(1);clip-path:inset(0 0 0 0 round 28px)}}@keyframes skeletonShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes mailRowEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes labelChipEnter{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes mobileSheetEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1181px){.mail-page,.public-shell{width:min(1500px,calc(100% - 48px));padding-bottom:36px}.public-header{padding-top:28px;padding-bottom:32px}.auth-layout{grid-template-columns:minmax(620px,1.18fr) minmax(460px,.82fr);gap:30px;min-height:calc(100vh - 156px)}.auth-aside,.auth-card{min-height:calc(100vh - 190px)}.auth-form-column{align-items:stretch}.auth-card{max-width:none}.mail-topbar{align-items:flex-end;padding-top:30px;padding-bottom:24px}.mail-topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center}.mail-topbar-actions>.stack{min-width:0}.mail-layout{grid-template-columns:minmax(270px,320px) minmax(740px,1fr);gap:20px;min-height:calc(100vh - 164px)}.mail-layout.desktop-proton-shell{grid-template-columns:76px minmax(250px,310px) minmax(390px,.9fr) minmax(450px,1fr);gap:16px;min-height:calc(100vh - 28px)}.mail-page.sidebar-compact .mail-layout{grid-template-columns:minmax(248px,286px) minmax(760px,1fr)}.mail-page.sidebar-wide .mail-layout{grid-template-columns:minmax(336px,404px) minmax(700px,1fr)}.mail-page.sidebar-compact .mail-layout.desktop-proton-shell{grid-template-columns:76px minmax(228px,270px) minmax(400px,.92fr) minmax(440px,1fr)}.mail-page.sidebar-wide .mail-layout.desktop-proton-shell{grid-template-columns:76px minmax(300px,360px) minmax(360px,.84fr) minmax(440px,1fr)}.mail-intelligence-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mailbox-sidebar,.message-column{min-height:calc(100vh - 164px);max-height:calc(100vh - 164px)}.desktop-utility-rail,.proton-reader-column{min-height:calc(100vh - 28px);max-height:calc(100vh - 28px)}.mailbox-sidebar,.message-column{position:sticky;top:24px}.desktop-utility-rail,.proton-reader-column{position:sticky;top:14px}.desktop-utility-rail,.mailbox-sidebar,.message-column,.proton-reader-column{overflow:hidden}.sidebar-sections{overflow:auto;padding-right:6px}.message-column{padding-bottom:18px}.message-column .mail-list{overflow:auto;padding-right:4px}.attachment-list{max-height:180px;overflow:auto}.message-body{flex:1;min-height:0}.message-html-frame{min-height:100%;height:100%}.mobile-action-bar{display:none}}@media (max-width:1180px){.auth-layout,.dashboard-shell,.hero-section,.highlights-grid,.mail-layout,.split{grid-template-columns:1fr}.auth-form-column{align-items:stretch}.auth-card{max-width:none}.dashboard-sidebar{position:static}.desktop-utility-rail,.mailbox-sidebar,.message-column,.proton-reader-column,.reader-panel{min-height:auto;max-height:none}.mail-intelligence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-only-group{display:none}.mail-layout.desktop-proton-shell{grid-template-columns:72px minmax(220px,260px) minmax(0,1fr)}.proton-reader-column{grid-column:2/-1}}@media (max-width:900px){.desktop-mail-shell{display:none!important}.mobile-mail-shell{display:flex;flex-direction:column;gap:12px;padding-bottom:calc(106px + env(safe-area-inset-bottom))}.mail-page,.public-shell{width:min(var(--content-width),calc(100% - 24px));padding-top:10px}.page{padding:16px}.inline-form,.mail-row,.mail-row-line,.mail-row-meta,.mail-row-topline,.mail-topbar,.mail-topbar-actions,.message-toolbar,.public-header,.reader-actions,.reader-header,.row,.section-header{align-items:flex-start;justify-content:flex-start}.mail-topbar,.mail-topbar-actions,.public-header{flex-direction:column}.theme-switcher{width:100%;justify-content:space-between}.account-menu-trigger{min-width:100%}.account-menu-panel{width:min(100vw - 24px,420px)}.mail-intelligence-grid{grid-template-columns:1fr}.command-palette-overlay{padding:14px;align-items:stretch}.command-palette,.command-palette-shell{width:100%;max-height:100%}.hero-copy h1{max-width:none;font-size:clamp(2.4rem,12vw,4.2rem)}.hero-preview,.highlights-grid{grid-template-columns:1fr}.auth-aside,.auth-card,.compose-modal,.dashboard-sidebar,.hero-copy,.hero-panel,.highlight-card,.mailbox-sidebar,.message-column,.reader-panel,.section-card{padding:22px}.mail-item,.table-row{grid-template-columns:1fr}.mailbox-sidebar,.message-column,.reader-panel{min-height:auto}.command-palette-head,.mail-utility-row,.utility-group{align-items:flex-start}.mobile-mail-appbar{position:sticky;top:max(10px,env(safe-area-inset-top));z-index:12}.mobile-mail-actions,.mobile-mail-appbar-row{align-items:flex-start}.modal-overlay{padding:0}.desktop-reader-shell,.modal-panel{width:100%}.compose-modal,.mobile-reader-shell{width:100%;height:100%;border-radius:0}.compose-modal,.mobile-reader-dialog{min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 16px calc(28px + env(safe-area-inset-bottom));border-radius:0}.mobile-action-bar,.mobile-bottom-nav{display:grid}.toast-stack{top:auto;right:12px;bottom:12px;left:12px;max-width:none}.account-row,.attachment-link,.saved-view-row{align-items:flex-start;grid-template-columns:1fr;flex-direction:column}.mobile-mail-appbar-row{align-items:flex-start}.mobile-mail-actions{justify-content:flex-end}.mobile-mail-title{gap:2px}.mobile-mail-title span{font-size:.82rem}.mobile-summary-strip .inline-note{padding:7px 10px;border-radius:999px;background:var(--surface-muted)}.mobile-filter-row{gap:8px}.mobile-filter-row .filter-chip{min-height:40px}.mobile-mail-row .mail-row-topline{align-items:flex-start;gap:8px}.mobile-mail-row .mail-row-badges{flex-wrap:wrap}.mobile-mail-row .mail-row-line{flex-direction:column;align-items:flex-start;gap:4px}.mobile-mail-row .mail-row-line span,.mobile-mail-row .mail-row-line strong{width:100%;white-space:nowrap}.mobile-sheet-header{padding:18px 16px 14px}.mobile-sheet-header h2{margin:0;font-size:1.4rem;line-height:1}.mobile-sheet-section .account-menu-link,.mobile-sheet-section .folder-link{min-height:58px;border-radius:18px}.mobile-sheet-section .saved-view-remove{width:100%;min-height:44px}.mobile-reader-dialog .reader-actions,.mobile-reader-dialog .reader-header{gap:12px}.mobile-reader-dialog .reader-header h2{margin:0;font-size:clamp(1.8rem,8vw,2.4rem)}.mobile-reader-dialog .message-body,.mobile-reader-dialog .message-meta{padding:16px}.mobile-reader-dialog .message-html-frame{min-height:52vh}.desktop-compose-window{display:none}}@media (prefers-reduced-motion:reduce){.account-menu-panel,.command-palette-item,.folder-link,.intelligence-action,.mail-row,.mobile-compose-fab,.mobile-mail-row,.mobile-nav-sheet,.modal-overlay,.modal-panel{animation:none!important;transition-duration:1ms!important}}