:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#222833;--surface:#2f3644;--surface-soft:#292f3c;--surface-hover:#3a4252;--line:#4a5364;--line-strong:#5c6678;--text:#eef2f7;--muted:#9aa4b4;--accent:#7aa3d0;--accent-strong:#5a82b3;--accent-soft:#2a3c56;--on-accent:#f7f9ff;--success:#a3be8c;--seal:#a3be8c;--danger:#bf616a;--warning:#ebcb8b;--ink:#161a22;--code-bg:#1b2029;--code-text:#d8dee9;--font-ui:"Avenir Next", "PingFang SC", "Hiragino Sans GB", "Segoe UI Variable", "Segoe UI", "Noto Sans SC", ui-sans-serif, system-ui, sans-serif;--font-letter:"Avenir Next", "PingFang SC", "Hiragino Sans GB", "Segoe UI Variable", "Segoe UI", "Noto Sans SC", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:10px;--r-xl:12px;--r-full:999px;--shadow-sm:0 0 0 1px color-mix(in srgb, var(--line) 55%, transparent);--shadow:0 8px 24px #06080c47;--shadow-lg:0 24px 56px #06080c7a;--focus:0 0 0 2px color-mix(in srgb, var(--accent) 44%, transparent);--ease:.14s ease;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--sidebar-width:200px;--list-width:300px;--pane-shell:var(--bg);--pane-nav:color-mix(in srgb, var(--bg) 62%, var(--surface-soft));--pane-list:color-mix(in srgb, var(--surface) 70%, var(--bg));--pane-read:color-mix(in srgb, var(--surface) 90%, var(--bg));--seam:color-mix(in srgb, var(--line) 42%, transparent);--shade:#080a1047;--elevate-in:inset 12px 0 20px -16px var(--shade);--paper:transparent;--wash:transparent;--grain-opacity:.06;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.55 0 0 0 0 0.55 0 0 0 0 0.58 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f7;--surface:#fff;--surface-soft:#f3f4f6;--surface-hover:#e8eaee;--line:#e2e4e8;--line-strong:#c5c9d1;--text:#14171c;--muted:#5c6470;--accent:#3a5683;--accent-strong:#31486e;--accent-soft:#e8edf3;--on-accent:#f6f8fb;--success:#2f6b4f;--seal:#2f6b4f;--danger:#b23a4a;--warning:#8a6420;--ink:#14171c;--code-bg:#1b1f27;--code-text:#eef2f7;--shadow-sm:0 1px 2px #0f12180f, 0 0 0 1px #0f12180a;--shadow:0 10px 28px #0f121814, 0 0 0 1px #0f12180d;--shadow-lg:0 22px 50px #0f121824;--seam:color-mix(in srgb, var(--line) 70%, transparent);--shade:#0f12180f;--paper:transparent;--wash:transparent;--grain-opacity:0;--pane-shell:#fff;--pane-nav:#f3f4f6;--pane-list:#fff;--pane-read:#fff}@media (prefers-color-scheme:light){:root[data-theme=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f7;--surface:#fff;--surface-soft:#f3f4f6;--surface-hover:#e8eaee;--line:#e2e4e8;--line-strong:#c5c9d1;--text:#14171c;--muted:#5c6470;--accent:#3a5683;--accent-strong:#31486e;--accent-soft:#e8edf3;--on-accent:#f6f8fb;--success:#2f6b4f;--seal:#2f6b4f;--danger:#b23a4a;--warning:#8a6420;--ink:#14171c;--code-bg:#1b1f27;--code-text:#eef2f7;--shadow-sm:0 1px 2px #0f12180f, 0 0 0 1px #0f12180a;--shadow:0 10px 28px #0f121814, 0 0 0 1px #0f12180d;--shadow-lg:0 22px 50px #0f121824;--seam:color-mix(in srgb, var(--line) 70%, transparent);--shade:#0f12180f;--paper:transparent;--wash:transparent;--grain-opacity:0;--pane-shell:#fff;--pane-nav:#f3f4f6;--pane-list:#fff;--pane-read:#fff}}*{box-sizing:border-box}html,body,#root{min-width:320px;height:100%;min-height:100%}body:has(.app-shell){overflow:hidden}html{-webkit-tap-highlight-color:transparent}body{background:var(--wash), var(--bg);color:var(--text);font:14px/1.5 var(--font-ui);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}body:before,.app-shell:after,.auth-shell:after{z-index:4;pointer-events:none;opacity:var(--grain-opacity);mix-blend-mode:soft-light;background-image:var(--grain);content:"";background-size:180px 180px;position:absolute;inset:0}body:before{z-index:0;position:fixed}::selection{background:color-mix(in srgb, var(--accent) 30%, transparent);color:var(--text)}button,input,select,textarea,a,[role=button]{touch-action:manipulation}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button,input,select,textarea{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=separator]:focus-visible{box-shadow:var(--focus)}.skip-link{z-index:60;border-radius:var(--r-sm);background:var(--accent);color:var(--on-accent);padding:8px 12px;font-size:13px;font-weight:650;text-decoration:none;position:absolute;top:10px;left:12px;transform:translateY(-160%)}.skip-link:focus,.skip-link:focus-visible{box-shadow:var(--focus);transform:none}.app-shell{grid-template-columns:var(--sidebar-width,200px) var(--list-width,300px) minmax(0, 1fr);background:var(--wash), var(--pane-shell);width:100%;height:100dvh;box-shadow:none;overscroll-behavior:none;border:0;border-radius:0;margin:0;display:grid;position:relative;overflow:hidden}.mail-sidebar{background:var(--pane-nav);border-right:1px solid var(--seam);flex-direction:column;min-width:0;min-height:0;padding-inline:0;display:flex;overflow-x:clip;container:mail-sidebar/inline-size}.mailbox-column{background:var(--pane-list);border-right:1px solid var(--seam);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.mailbox-column:after{z-index:3;pointer-events:none;background:linear-gradient(90deg, var(--shade), transparent 72%);content:"";width:16px;position:absolute;top:0;bottom:0;left:0}.sidebar-head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);padding-inline:max(var(--space-4), 14px);display:flex}.private-badge{color:var(--muted);letter-spacing:.04em;align-items:center;gap:5px;font-size:11px;display:inline-flex}.private-badge svg{color:color-mix(in srgb, var(--muted) 92%, var(--text));opacity:1;display:block}.work-pane{background:var(--pane-read);overscroll-behavior:contain;scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin;min-width:0;min-height:0;overflow:auto}.work-pane.wide-pane{box-shadow:var(--elevate-in);grid-column:2/-1}.pane-resizer{z-index:10;cursor:col-resize;touch-action:none;background:0 0;border:0;border-radius:0;width:11px;padding:0;position:absolute;top:0;bottom:0;transform:translate(-50%)}.pane-resizer:before{content:"";width:1px;transition:background-color var(--ease), width var(--ease), left var(--ease);background:0 0;position:absolute;top:0;bottom:0;left:5px}.pane-resizer:hover:before,.pane-resizer:focus-visible:before,body.resizing-panes .pane-resizer:before{background:color-mix(in srgb, var(--accent) 70%, transparent);width:2px;left:4.5px}body.resizing-panes,body.resizing-panes *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.logo{color:var(--text);letter-spacing:-.2px;align-items:center;gap:10px;font-size:14px;display:flex}.logo>span:last-child{line-height:1.12}.logo b{font-weight:650}.logo em{color:var(--muted);letter-spacing:.06em;text-transform:lowercase;margin-top:2px;font-size:10px;font-style:normal;font-weight:500;display:block}.logo-mark{color:#e8eeff;width:28px;height:28px;box-shadow:inset 0 1px 0 #ffffff1f, 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent);border:1px solid color-mix(in srgb, var(--accent) 38%, #2a3444);background:linear-gradient(160deg,#24345a 0%,#0b1020 72%);border-radius:6px;place-items:center;display:grid}.logo-mark svg{color:#e8eeff;display:block}.logo-crease{color:#11182d}:root[data-theme=light] .logo-mark{background:var(--accent);color:var(--on-accent);box-shadow:none;border-color:#0000}:root[data-theme=light] .logo-mark svg{color:var(--on-accent)}:root[data-theme=light] .logo-crease{color:color-mix(in srgb, var(--ink) 42%, var(--accent))}@media (prefers-color-scheme:light){:root[data-theme=system] .logo-mark{background:var(--accent);color:var(--on-accent);box-shadow:none;border-color:#0000}:root[data-theme=system] .logo-mark svg{color:var(--on-accent)}:root[data-theme=system] .logo-crease{color:color-mix(in srgb, var(--ink) 42%, var(--accent))}}.theme-control{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);gap:2px;padding:3px;display:flex}.theme-control button{border-radius:var(--r-sm);width:30px;height:30px;color:color-mix(in srgb, var(--muted) 88%, var(--text));transition:background-color var(--ease), color var(--ease);background:0 0;border:0;place-items:center;display:grid}.theme-control button:hover{color:var(--text);background:color-mix(in srgb, var(--surface-hover) 70%, transparent)}.theme-control button.selected{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-sm)}.theme-control button svg,.icon-button svg,.quiet-button svg,.primary svg,.secondary svg,.mail-tool-button svg,.bulk-actions button svg,.reader-actions button svg,.special-mailbox-copy svg,.special-mailboxes-toggle svg,.message-star svg,.view-tabs button svg,.mailbox-folders button svg{flex-shrink:0;display:block}.icon-button,.quiet-button,.secondary,.danger-button,.code-card button,.raw-toggle{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--text);transition:border-color var(--ease), background-color var(--ease), color var(--ease), box-shadow var(--ease);justify-content:center;align-items:center;gap:7px;display:inline-flex}.icon-button{width:32px;height:32px;padding:0}.quiet-button,.secondary{min-height:34px;padding:7px 11px}.quiet-button{color:var(--muted)}.quiet-button:hover,.secondary:hover,.icon-button:hover{border-color:var(--line-strong);background:var(--surface-hover);color:var(--text)}.primary{border-radius:var(--r-sm);background:var(--accent-strong);color:#fff;letter-spacing:.01em;min-height:36px;transition:background-color var(--ease), opacity var(--ease), box-shadow var(--ease);border:0;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-weight:650;display:inline-flex;box-shadow:inset 0 -1px #0000001f}.primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent-strong) 78%, var(--ink))}.primary:active:not(:disabled){opacity:.94}.primary:focus-visible{box-shadow:var(--focus), inset 0 -1px 0 #0000001f}:root[data-theme=light] .primary,:root[data-theme=system] .primary{box-shadow:0 1px 2px #1a25361f,inset 0 -1px #0000001a}@media (prefers-color-scheme:dark){:root[data-theme=system] .primary{box-shadow:inset 0 -1px #0000002e}}.wide{width:100%}.view-tabs{margin:0 max(var(--space-3), 12px) var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--seam);gap:2px;display:grid}.view-tabs button{border-radius:var(--r-sm);min-width:0;min-height:34px;color:var(--muted);white-space:nowrap;transition:background-color var(--ease), color var(--ease);background:0 0;border:0;justify-content:flex-start;align-items:center;gap:9px;padding:6px 10px 6px 12px;font-size:13px;font-weight:550;display:flex;position:relative;overflow:hidden}.view-tabs button svg{color:color-mix(in srgb, var(--muted) 92%, var(--text))}.view-tabs button:hover{background:color-mix(in srgb, var(--surface-hover) 70%, transparent);color:color-mix(in srgb, var(--text) 82%, var(--muted))}.view-tabs button:hover svg{color:color-mix(in srgb, var(--text) 78%, var(--muted))}.view-tabs button.selected{background:color-mix(in srgb, var(--accent) 18%, var(--surface));color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 26%, transparent);font-weight:600}.view-tabs button.selected.current:before{background:var(--accent);content:"";border-radius:1px;width:2px;position:absolute;top:7px;bottom:7px;left:2px}.view-tabs button.group-active{color:var(--text);box-shadow:none;background:0 0;font-weight:550}.view-tabs button.group-active svg{color:color-mix(in srgb, var(--text) 78%, var(--muted))}.view-tabs button.selected svg{color:var(--text)}.view-tabs button span{border-radius:var(--r-xs);min-width:18px;height:18px;color:color-mix(in srgb, var(--muted) 88%, transparent);font-variant-numeric:tabular-nums;background:0 0;place-items:center;margin-left:auto;padding:0 5px;font-size:11px;font-weight:600;display:grid}.view-tabs button span:not(:empty){color:color-mix(in srgb, var(--muted) 45%, var(--accent));font-weight:650}.view-tabs button.selected span{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent);font-weight:650}.eyebrow{color:var(--muted);letter-spacing:.12em;margin:0 0 6px;font-size:11px;font-weight:600}.view-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px;display:flex}.view-heading h1{letter-spacing:-.55px;text-wrap:balance;margin:0;font-size:28px;font-weight:650;line-height:1.18}.view-heading p:not(.eyebrow){color:var(--muted);margin:8px 0 0;font-size:14px}.service-state{color:var(--muted);flex:none;align-items:center;gap:8px;margin-top:6px;font-size:12px;display:inline-flex}.service-state i{background:var(--seal);width:6px;height:6px;box-shadow:none;border-radius:50%}.service-state.pending i{background:var(--warning);box-shadow:none}.sidebar-utils{margin:0 max(var(--space-3), 12px) var(--space-3);gap:6px;display:grid}.alias-strip,.password-strip{align-items:center;gap:var(--space-2);border:1px solid color-mix(in srgb, var(--line) 78%, transparent);border-radius:var(--r-sm);background:var(--paper), color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--shadow-sm);margin:0;padding:7px 8px;display:grid}.alias-strip{grid-template-columns:minmax(0,1fr) auto}.password-strip{align-items:stretch}.alias-strip>div:first-child,.password-strip-main>div:first-child{gap:1px;min-width:0;display:grid}.alias-strip span,.password-strip-main span{color:color-mix(in srgb, var(--muted) 88%, transparent);white-space:nowrap;letter-spacing:.04em;font-size:10px;font-weight:600}.alias-strip code,.password-strip-main code{width:100%;color:var(--text);font:600 11.5px/1.4 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.password-strip-main{align-items:center;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.password-strip.expanded{padding-bottom:8px}.password-strip-main code{-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere;word-break:break-word;-webkit-user-select:all;user-select:all;text-overflow:unset;-webkit-box-orient:vertical;display:-webkit-box}.alias-actions{flex:none;gap:2px;display:flex}.alias-actions .icon-button{border-radius:var(--r-xs);width:30px;height:30px;color:color-mix(in srgb, var(--muted) 28%, var(--text));background:0 0;border:0}.alias-actions .icon-button:hover{background:var(--surface-hover);color:var(--text)}.password-expand svg{transition:transform var(--ease)}.password-strength{align-items:center;gap:8px;display:flex}.password-strength-bar{flex:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;display:grid}.password-strength i{background:color-mix(in srgb, var(--muted) 22%, transparent);border-radius:1px;height:3px}.password-strength em{color:var(--muted);letter-spacing:.02em;flex:none;font-size:10px;font-style:normal;font-weight:650}.password-strength.weak i:nth-child(-n+1){background:color-mix(in srgb, var(--danger) 72%, var(--muted))}.password-strength.fair i:nth-child(-n+2){background:color-mix(in srgb, var(--warning) 78%, var(--muted))}.password-strength.strong i:nth-child(-n+3){background:color-mix(in srgb, var(--accent) 80%, var(--success))}.password-strength.excellent i{background:color-mix(in srgb, var(--success) 82%, var(--accent))}.password-options{grid-template-rows:0fr;transition:grid-template-rows .18s;display:grid}.password-options.open{grid-template-rows:1fr}.password-options-inner{gap:8px;min-height:0;display:grid;overflow:hidden}.password-options:not(.open) .password-options-inner{visibility:hidden}.password-mode{border:1px solid var(--line);border-radius:var(--r-sm);background:color-mix(in srgb, var(--ink) 7%, var(--surface-soft));gap:3px;padding:3px;display:flex}.password-mode button{border-radius:var(--r-xs);min-width:0;height:24px;color:var(--muted);background:0 0;border:1px solid #0000;flex:1;padding:0 6px;font-size:11px;font-weight:600}.password-mode button.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 82%, var(--surface));color:var(--accent-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent);font-weight:700}.password-length{gap:4px;display:grid}.password-length span{color:color-mix(in srgb, var(--muted) 88%, transparent);letter-spacing:.04em;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;display:flex}.password-length b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:650}.password-length input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:16px;margin:0}.password-length input[type=range]::-webkit-slider-runnable-track{background:color-mix(in srgb, var(--accent) 42%, var(--line));border-radius:2px;height:3px}.password-length input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--on-accent);background:var(--accent);width:13px;height:13px;box-shadow:0 1px 3px color-mix(in srgb, var(--accent) 40%, transparent);border-radius:50%;margin-top:-5px}.password-length input[type=range]::-moz-range-track{background:color-mix(in srgb, var(--accent) 28%, var(--line));border:0;border-radius:2px;height:3px}.password-length input[type=range]::-moz-range-thumb{border:2px solid var(--on-accent);background:var(--accent);border-radius:50%;width:13px;height:13px}.password-charsets{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.password-charsets button{border:1px solid var(--line-strong);border-radius:var(--r-xs);background:color-mix(in srgb, var(--ink) 6%, var(--surface-soft));min-width:0;height:26px;color:var(--muted);justify-content:center;align-items:center;gap:4px;padding:0 6px;font-size:10.5px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.password-charsets button i{font:650 11px/1 var(--font-mono);font-style:normal}.password-charsets button.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 86%, var(--surface));color:var(--accent-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent)}.password-charsets button.selected i{color:var(--accent-strong)}.password-charsets button:focus-visible{box-shadow:var(--focus)}.password-charsets button.selected:focus-visible{box-shadow:var(--focus), inset 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent)}@container mail-sidebar (width<=214px){.password-strip-main{grid-template-columns:minmax(0,1fr);gap:4px}.password-strip-main .alias-actions{justify-self:end}}.special-mailboxes{min-height:0;margin:var(--space-2) max(var(--space-3), 12px) var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--seam);flex-direction:column;flex:auto;display:flex}.special-mailboxes.collapsed .special-mailbox-list,.special-mailbox-list[hidden]{display:none}.special-mailboxes-toggle{border-radius:var(--r-xs);width:100%;color:var(--muted);text-align:left;cursor:pointer;transition:background-color var(--ease), color var(--ease);background:0 0;border:0;flex:none;justify-content:space-between;align-items:center;gap:10px;padding:2px 10px 6px 2px;display:flex}.special-mailboxes-toggle:hover{background:color-mix(in srgb, var(--surface-hover) 55%, transparent);color:color-mix(in srgb, var(--text) 70%, var(--muted))}.special-mailboxes-toggle:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 44%, transparent);outline-offset:1px}.special-mailboxes-label{letter-spacing:.04em;align-items:center;gap:5px;min-width:0;font-size:11px;font-weight:600;display:inline-flex}.special-mailboxes-label>svg:first-child{color:color-mix(in srgb, var(--muted) 78%, transparent);transition:transform var(--ease);flex:none}.special-mailboxes-label>svg:nth-child(2){color:color-mix(in srgb, var(--muted) 70%, var(--accent))}.special-mailbox-list{scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin;flex:auto;min-height:0;overflow-y:auto}.special-mailbox-row{border-radius:var(--r-sm);min-width:0;position:relative}.special-mailbox-row:hover{background:color-mix(in srgb, var(--surface-hover) 70%, transparent)}.special-mailbox-row.selected{background:color-mix(in srgb, var(--accent) 18%, var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent)}.special-mailbox-row.selected:before{background:var(--accent);content:"";border-radius:1px;width:2px;position:absolute;top:5px;bottom:5px;left:2px}.special-mailbox-open{width:100%;min-width:0;color:var(--text);text-align:left;background:0 0;border:0;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 10px 5px 8px;display:grid}.special-mailbox-open .folder-count{transition:opacity var(--ease)}.special-mailbox-row:hover .special-mailbox-open .folder-count{opacity:0}.special-mailbox-row:has(.special-mailbox-copy:focus-visible) .special-mailbox-open .folder-count{opacity:0}.special-mailbox-mark{background:color-mix(in srgb, var(--muted) 55%, transparent);color:#0000;width:6px;height:6px;box-shadow:none;border:0;border-radius:50%;font-size:0;line-height:0;display:block}.special-mailbox-mark[data-tone=amber]{background:color-mix(in srgb, var(--warning) 55%, var(--muted))}.special-mailbox-mark[data-tone=mint]{background:color-mix(in srgb, var(--success) 50%, var(--muted))}.special-mailbox-mark[data-tone=azure]{background:color-mix(in srgb, var(--accent) 55%, var(--muted))}.special-mailbox-mark[data-tone=slate]{background:color-mix(in srgb, var(--muted) 70%, transparent)}.special-mailbox-mark[data-tone=rose]{background:color-mix(in srgb, var(--danger) 45%, var(--muted))}.special-mailbox-row.selected .special-mailbox-mark{box-shadow:none;opacity:1}.special-mailbox-copytext{min-width:0;display:grid}.special-mailbox-open b{color:color-mix(in srgb, var(--text) 78%, var(--muted));text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500;overflow:hidden}.special-mailbox-row.selected .special-mailbox-open b{color:var(--text);font-weight:650}.special-mailbox-row.selected .folder-count{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent);font-weight:650}.special-mailbox-copy{border-radius:var(--r-xs);width:28px;height:28px;color:var(--muted);opacity:0;pointer-events:none;transition:opacity var(--ease), background-color var(--ease), color var(--ease);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.special-mailbox-row:hover .special-mailbox-copy,.special-mailbox-copy:focus-visible{opacity:1;pointer-events:auto}.special-mailbox-copy:hover{background:var(--surface);color:var(--text)}@media (hover:none){.special-mailbox-copy{opacity:1;pointer-events:auto}}body.settings-open{overflow:hidden}.settings-overlay{z-index:40;background:color-mix(in srgb, var(--ink) 58%, transparent);-webkit-backdrop-filter:blur(10px);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.settings-dialog{border:1px solid var(--line-strong);border-radius:var(--r-xl);background:var(--surface-soft);width:min(1000px,100%);height:min(800px,100dvh - 40px);max-height:calc(100dvh - 40px);box-shadow:var(--shadow-lg);overscroll-behavior:contain;flex-direction:column;animation:.16s ease-out popover-in;display:flex;overflow:hidden}:root[data-theme=light] .settings-dialog,:root[data-theme=system] .settings-dialog{border-color:color-mix(in srgb, var(--line-strong) 88%, var(--accent));background:color-mix(in srgb, var(--surface-soft) 70%, var(--bg))}@media (prefers-color-scheme:dark){:root[data-theme=system] .settings-dialog{border-color:var(--line-strong);background:var(--surface-soft)}}.settings-header{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 55%, var(--surface-soft));flex:none;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;display:flex}:root[data-theme=light] .settings-header,:root[data-theme=system] .settings-header{background:color-mix(in srgb, var(--surface) 88%, var(--accent-soft));border-bottom-color:color-mix(in srgb, var(--line) 80%, var(--line-strong))}@media (prefers-color-scheme:dark){:root[data-theme=system] .settings-header{background:color-mix(in srgb, var(--surface) 55%, var(--surface-soft));border-bottom-color:var(--line)}}:root[data-theme=light] .settings-card,:root[data-theme=system] .settings-card{border-color:color-mix(in srgb, var(--line) 70%, var(--line-strong));box-shadow:var(--shadow-sm)}@media (prefers-color-scheme:dark){:root[data-theme=system] .settings-card{border-color:var(--line);box-shadow:var(--shadow-sm)}}.settings-title{align-items:center;gap:12px;min-width:0;display:flex}.settings-title>span{border-radius:var(--r-sm);border:1px solid var(--line);width:34px;height:34px;color:color-mix(in srgb, var(--muted) 82%, var(--text));background:0 0;flex:none;place-items:center;display:grid}.settings-title h2{letter-spacing:-.28px;text-wrap:balance;margin:0;font-size:17px;font-weight:650}.settings-title p{color:color-mix(in srgb, var(--muted) 88%, var(--text));margin:2px 0 0;font-size:12px;line-height:1.4}.settings-header>.icon-button{flex:none;width:32px;height:32px}.settings-body{flex:1;min-height:0;padding:16px 18px 18px;overflow:hidden}.settings-grid{grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);align-items:stretch;gap:16px;height:100%;min-height:0;display:grid}.settings-column{scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin;flex-direction:column;align-items:stretch;gap:12px;min-height:0;padding-right:4px;display:flex;overflow:hidden auto}.settings-card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper), var(--surface);min-width:0;min-height:min-content;box-shadow:var(--shadow-sm);flex:none;overflow:hidden}.settings-card-heading{grid-template-columns:30px minmax(0,1fr);align-items:start;gap:10px;min-width:0;padding:14px 16px 10px;display:grid}.settings-card-heading>span{border-radius:var(--r-sm);background:color-mix(in srgb, var(--surface-soft) 70%, transparent);border:1px solid var(--line);width:28px;height:28px;color:color-mix(in srgb, var(--muted) 75%, var(--accent));place-items:center;margin-top:1px;display:grid}.settings-card-heading h3{color:var(--text);letter-spacing:-.12px;margin:0;font-size:13.5px;font-weight:650;line-height:1.3}.settings-card-heading p{color:color-mix(in srgb, var(--muted) 90%, var(--text));margin:3px 0 0;font-size:11.5px;font-weight:450;line-height:1.45}.settings-dialog .primary{background:var(--accent-strong);color:#fff;letter-spacing:.01em;font-weight:650}.settings-dialog .primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent-strong) 82%, var(--accent))}.settings-dialog .primary:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 36%, transparent)}.settings-prefix-form{padding:0 16px 16px}.settings-prefix-form>label{color:color-mix(in srgb, var(--muted) 70%, var(--text));letter-spacing:.02em;margin-bottom:7px;font-size:11.5px;font-weight:600;display:block}.settings-prefix-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.settings-prefix-input{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-soft);grid-template-columns:minmax(58px,1fr) auto;align-items:center;min-width:0;display:grid}.settings-prefix-input:focus-within{border-color:color-mix(in srgb, var(--accent) 55%, var(--line-strong));box-shadow:var(--focus);background:var(--surface)}.settings-prefix-input input{min-width:0;height:38px;color:var(--text);font:600 13px/1.3 var(--font-mono);background:0 0;border:0;padding:7px 11px}.settings-prefix-input input:focus-visible{box-shadow:none}.settings-prefix-input span{color:color-mix(in srgb, var(--muted) 85%, var(--text));font:500 12px var(--font-mono);padding-right:11px}.settings-prefix-row .primary{min-width:64px;min-height:38px;padding:7px 16px;font-size:13px}.settings-help{color:color-mix(in srgb, var(--muted) 92%, transparent);margin:9px 0 0;font-size:11.5px;line-height:1.5}.prefix-error{color:var(--danger);margin:8px 0 0;font-size:12px;line-height:1.45}.settings-option-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin:0 16px;padding:13px 0;display:flex}.settings-option-row:last-child{padding-bottom:15px}.settings-option-row>div:first-child{gap:3px;min-width:0;display:grid}.settings-option-row b{letter-spacing:-.02px;font-size:13px;font-weight:600}.settings-option-row>div:first-child>span{color:color-mix(in srgb, var(--muted) 90%, var(--text));font-size:11.5px;line-height:1.4}.settings-option-row .theme-control,.settings-option-row>.secondary{flex:none}.settings-option-row .theme-control{border-color:var(--line-strong);background:var(--surface-soft);gap:1px;padding:2px}.settings-option-row .theme-control button{border-radius:var(--r-xs);width:30px;height:28px;color:color-mix(in srgb, var(--muted) 88%, var(--text))}.settings-option-row .theme-control button.selected{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-sm)}.settings-option-row>.secondary{min-height:30px;padding:5px 11px;font-size:12px}.settings-option-row .settings-select{flex:none;width:min(244px,58%)}.settings-option-row .settings-select select{height:34px;padding:0 30px 0 10px;font-size:12.5px}.settings-option-row .settings-select:after{width:6px;height:6px;right:11px}.settings-reveal{grid-template-rows:0fr;transition:grid-template-rows .18s;display:grid}.settings-reveal.open{grid-template-rows:1fr}.settings-reveal>.settings-reveal-inner{min-height:0;overflow:hidden}.settings-reveal:not(.open)>.settings-reveal-inner{visibility:hidden}.settings-stack{border-top:1px solid var(--line);gap:8px;margin:0 16px;padding:13px 0 16px;display:grid}.settings-stack>label{color:color-mix(in srgb, var(--muted) 70%, var(--text));letter-spacing:.02em;margin-top:2px;font-size:11.5px;font-weight:600}.settings-stack>label:first-child{margin-top:0}.settings-stack input{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-soft);width:100%;min-width:0;height:36px;color:var(--text);padding:7px 11px;font-size:13px}.settings-stack input:focus{border-color:color-mix(in srgb, var(--accent) 55%, var(--line-strong));box-shadow:var(--focus);background:var(--surface)}.settings-stack>.settings-help{margin:2px 0 0}.settings-inline-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.settings-inline-row .primary{min-width:62px;min-height:36px;padding:7px 15px;font-size:13px}.settings-inline-actions{gap:8px;margin-top:4px;display:flex}.settings-inline-actions .primary{min-width:62px;min-height:34px;padding:6px 15px;font-size:12.5px}.settings-inline-actions .secondary{min-height:34px;padding:6px 13px;font-size:12.5px}.settings-disclosure{border-top:1px solid var(--line);margin:0 16px}.settings-disclosure-head{border-radius:var(--r-xs);width:100%;color:color-mix(in srgb, var(--muted) 80%, var(--text));text-align:left;transition:color var(--ease);background:0 0;border:0;align-items:center;gap:7px;padding:12px 0;display:flex}.settings-disclosure-head:hover{color:var(--text)}.settings-disclosure-head:focus-visible{box-shadow:none;outline:2px solid color-mix(in srgb, var(--accent) 44%, transparent);outline-offset:2px}.settings-disclosure-head>svg{color:color-mix(in srgb, var(--muted) 78%, transparent);transition:transform var(--ease);flex:none}.settings-disclosure-head b{min-width:0;color:var(--text);font-size:13px;font-weight:600}.settings-state-chip{border-radius:var(--r-full);background:color-mix(in srgb, var(--surface-soft) 82%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--line) 80%, transparent);color:color-mix(in srgb, var(--muted) 88%, var(--text));letter-spacing:.02em;white-space:nowrap;margin-left:auto;padding:2px 8px;font-size:10.5px;font-weight:600}.settings-state-chip.ready{background:color-mix(in srgb, var(--success) 16%, var(--surface-soft));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--success) 32%, transparent);color:var(--success)}.settings-state-chip.partial{background:color-mix(in srgb, var(--warning) 16%, var(--surface-soft));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--warning) 34%, transparent);color:var(--warning)}.settings-disclosure .settings-stack{border-top:0;margin:0;padding:0 0 16px}.settings-reveal-inner>.settings-disclosure:last-child .settings-disclosure-head{padding-bottom:15px}.settings-reveal-inner>.settings-disclosure.open:last-child .settings-disclosure-head{padding-bottom:12px}.settings-card>.settings-option-row:has(+.settings-reveal:not(.open)){padding-bottom:15px}.settings-card-error{border-top:1px solid var(--line);color:var(--danger);margin:0 16px;padding:11px 0 14px;font-size:12px;line-height:1.45}.settings-select{min-width:0;position:relative}.settings-select:after{border-right:1.5px solid color-mix(in srgb, var(--muted) 80%, var(--text));border-bottom:1.5px solid color-mix(in srgb, var(--muted) 80%, var(--text));pointer-events:none;content:"";width:7px;height:7px;position:absolute;top:50%;right:12px;transform:translateY(-70%)rotate(45deg)}.settings-select select{appearance:none;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-soft);width:100%;height:38px;color:var(--text);letter-spacing:-.01em;text-overflow:ellipsis;transition:border-color var(--ease), box-shadow var(--ease), background-color var(--ease);padding:0 34px 0 12px;font-size:13px;font-weight:550}.settings-select select:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--line-strong))}.settings-select select:focus,.settings-select select:focus-visible{border-color:color-mix(in srgb, var(--accent) 55%, var(--line-strong));background-color:var(--surface);box-shadow:var(--focus)}.service-settings{padding-bottom:4px}.service-setting-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin:0 16px;padding:11px 0;display:flex}.service-setting-row:last-child{padding-bottom:14px}.service-setting-row span{color:color-mix(in srgb, var(--muted) 80%, var(--text));align-items:center;gap:8px;font-size:13px;display:inline-flex}.service-setting-row i{background:var(--seal);border-radius:50%;width:7px;height:7px}.service-setting-row.pending i{background:var(--warning)}.service-setting-row b{color:var(--success);font-size:12px;font-weight:600}.service-setting-row.pending b{color:var(--warning)}.service-setting-row.version-setting-row b{color:color-mix(in srgb, var(--muted) 70%, var(--text));font-weight:550}.agent-integration-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;margin:0 16px;padding:13px 0 15px;display:flex}.agent-integration-row>div{gap:3px;min-width:0;display:grid}.agent-integration-row b{font-size:13px;font-weight:600}.agent-integration-row span{color:color-mix(in srgb, var(--muted) 90%, var(--text));font-size:11.5px;line-height:1.45}.agent-integration-row .secondary{min-height:30px;color:var(--text);flex:none;padding:5px 11px;font-size:12px;text-decoration:none}.registry-heading{grid-template-columns:30px minmax(0,1fr) auto;align-items:center}.registry-heading strong{border-radius:var(--r-xs);background:color-mix(in srgb, var(--accent-soft) 55%, var(--surface-soft));min-width:26px;height:22px;color:color-mix(in srgb, var(--accent) 55%, var(--text));font-variant-numeric:tabular-nums;place-items:center;padding:0 7px;font-size:11px;font-weight:650;display:grid}.alias-registry{flex-direction:column;align-self:stretch;min-height:0;display:flex}.alias-registry-search{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-soft);min-height:36px;color:color-mix(in srgb, var(--muted) 88%, var(--text));grid-template-columns:16px minmax(0,1fr);align-items:center;gap:8px;margin:2px 14px 0;padding:0 11px;display:grid}.alias-registry-search:focus-within{border-color:color-mix(in srgb, var(--accent) 50%, var(--line-strong));box-shadow:var(--focus);background:var(--surface)}.alias-registry-search input{min-width:0;height:34px;color:var(--text);background:0 0;border:0;padding:0;font-size:13px}.alias-registry-search input::placeholder{color:color-mix(in srgb, var(--muted) 78%, transparent);opacity:1}.alias-registry-search input:focus-visible{box-shadow:none}.settings-alias-list{border-top:1px solid var(--line);scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin;flex:1;min-height:0;margin-top:12px;padding:0 8px 10px;overflow-y:auto}.alias-group+.alias-group{border-top:1px solid color-mix(in srgb, var(--line) 45%, transparent);margin-top:4px;padding-top:2px}.alias-group-head{border-radius:var(--r-xs);width:100%;color:color-mix(in srgb, var(--muted) 88%, var(--text));text-align:left;transition:color var(--ease);background:0 0;border:0;align-items:center;gap:6px;margin:0;padding:10px 14px 7px 6px;display:flex}.alias-group-head:hover{color:var(--text)}.alias-group-head:focus-visible{box-shadow:none;outline:2px solid color-mix(in srgb, var(--accent) 44%, transparent);outline-offset:1px}.alias-group-head>svg:first-child{color:color-mix(in srgb, var(--muted) 72%, transparent);transition:transform var(--ease);flex:none}.alias-group-head>svg{color:color-mix(in srgb, var(--muted) 70%, var(--accent));flex:none}.alias-group-head b{color:color-mix(in srgb, var(--text) 72%, var(--muted));letter-spacing:.06em;font-size:11px;font-weight:650}.alias-group-head span{color:color-mix(in srgb, var(--muted) 82%, transparent);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px;font-weight:550}.settings-alias-row{border-radius:var(--r-sm);grid-template-columns:minmax(0,1fr) 28px 28px;align-items:center;gap:0;min-width:0;margin:1px 2px;padding:1px 4px;display:grid;position:relative}.settings-alias-row:hover{background:color-mix(in srgb, var(--surface-hover) 72%, transparent)}.settings-alias-row.current{background:color-mix(in srgb, var(--accent-soft) 62%, transparent);box-shadow:inset 2px 0 0 var(--accent)}.settings-alias-select{min-width:0;color:var(--text);text-align:left;background:0 0;border:0;gap:3px;padding:8px;display:grid}.settings-alias-select code{color:color-mix(in srgb, var(--text) 92%, var(--muted));font:550 12.5px/1.35 var(--font-mono);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-alias-row.current .settings-alias-select code{color:var(--text);font-weight:650}.settings-alias-select span{color:color-mix(in srgb, var(--muted) 92%, transparent);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;line-height:1.35;overflow:hidden}.alias-pin-button,.alias-record-copy{border-radius:var(--r-xs);width:26px;height:26px;color:color-mix(in srgb, var(--muted) 55%, transparent);transition:background-color var(--ease), color var(--ease), opacity var(--ease);background:0 0;border:0;place-items:center;padding:0;display:grid}.settings-alias-row:hover .alias-pin-button{color:color-mix(in srgb, var(--muted) 90%, var(--text))}.alias-pin-button:hover,.alias-record-copy:hover{background:color-mix(in srgb, var(--surface-soft) 80%, transparent);color:var(--text)}.alias-pin-button.pinned,.settings-alias-row:hover .alias-pin-button.pinned{color:var(--warning)}.alias-record-copy{opacity:0;pointer-events:none}.settings-alias-row:hover .alias-record-copy,.alias-record-copy:focus-visible{opacity:1;pointer-events:auto}@media (hover:none){.alias-record-copy{opacity:1;pointer-events:auto}}.settings-alias-empty{min-height:200px;color:var(--muted);text-align:center;place-content:center;place-items:center;gap:6px;padding:28px;display:grid}.settings-alias-empty b{color:var(--text);margin-top:4px;font-size:13px}.settings-alias-empty span{max-width:240px;font-size:12px;line-height:1.5}.settings-registry-note{border-top:1px solid var(--line);color:color-mix(in srgb, var(--muted) 90%, var(--text));align-items:flex-start;gap:8px;margin:0;padding:11px 16px 13px;font-size:11.5px;line-height:1.5;display:flex}.settings-registry-note svg{color:var(--accent);flex:none;margin-top:1px}.settings-switch{border:1px solid var(--line-strong);border-radius:var(--r-full);background:var(--surface-soft);width:40px;height:22px;transition:border-color var(--ease), background-color var(--ease);flex:none;padding:0;position:relative}.settings-switch>span{background:color-mix(in srgb, var(--muted) 70%, var(--text));width:16px;height:16px;transition:transform var(--ease), background-color var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.settings-switch.on{border-color:var(--accent-strong);background:var(--accent-strong)}.settings-switch.on>span{background:#fff;transform:translate(18px)}.settings-switch:focus-visible{box-shadow:var(--focus)}.forwarding-state{color:var(--success);margin:2px 0 0;font-size:11.5px;line-height:1.45}.forwarding-state.pending{color:color-mix(in srgb, var(--warning) 82%, var(--text))}.forwarding-state.error{color:var(--danger)}.mail-tools-shell{z-index:2;margin:0;padding:0;position:relative}.mailbox-chrome{padding:var(--space-3) var(--space-3) 0;background:0 0;border-bottom:0;gap:0;display:grid;position:relative}.mailbox-chrome .mail-tools-shell{margin:0}.mailbox-chrome .selection-toolbar{margin:var(--space-2) calc(-1 * var(--space-3)) 0;border-top:1px solid var(--seam);border-bottom:1px solid var(--seam);min-height:36px;box-shadow:none;background:0 0;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;column-gap:10px;padding:7px 10px 7px 14px}.mailbox-chrome .selection-toolbar.active{background:color-mix(in srgb, var(--accent-soft) 48%, var(--surface));box-shadow:none}.mail-tools{grid-template-columns:minmax(0,1fr);gap:6px;display:grid;position:relative}.search-box{border:1px solid var(--line);border-radius:var(--r-xs);background:color-mix(in srgb, var(--bg) 42%, var(--surface));min-width:0;min-height:34px;color:color-mix(in srgb, var(--muted) 90%, var(--text));transition:border-color var(--ease), box-shadow var(--ease), background-color var(--ease);grid-template-columns:16px minmax(0,1fr) 24px;align-items:center;gap:6px;padding:0 6px 0 10px;display:grid}.search-box:focus-within{border-color:color-mix(in srgb, var(--accent) 48%, var(--line-strong));box-shadow:var(--focus);background:var(--surface)}.search-box input{min-width:0;height:32px;color:var(--text);background:0 0;border:0;padding:0;font-size:13px}.search-box input:focus-visible{box-shadow:none}.search-box input::placeholder{color:color-mix(in srgb, var(--muted) 78%, transparent);opacity:1}.search-box input::-webkit-search-cancel-button{display:none}.search-clear{border-radius:var(--r-xs);width:24px;height:24px;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.search-clear:hover{background:var(--surface-hover);color:var(--text)}.search-state{justify-self:center}.filter-controls{position:static}.list-title-tools{align-items:center;gap:1px;display:flex}.mail-tool-button{border-radius:var(--r-sm);width:32px;height:32px;color:color-mix(in srgb, var(--muted) 70%, var(--text));transition:border-color var(--ease), background-color var(--ease), color var(--ease);background:0 0;border:1px solid #0000;place-items:center;padding:0;display:grid;position:relative}.mail-tool-button:hover{background:var(--surface-hover);color:var(--text);border-color:#0000}.mail-tool-button.active{border-color:color-mix(in srgb, var(--accent) 40%, transparent);background:color-mix(in srgb, var(--accent) 16%, var(--surface));color:var(--text)}.mail-tool-button>span{border:1.5px solid var(--surface);border-radius:var(--r-full);background:var(--text);min-width:14px;height:14px;color:var(--surface);place-items:center;padding:0 3px;font-size:9px;font-weight:650;display:grid;position:absolute;top:-3px;right:-3px}.mark-all-read{border-radius:var(--r-sm);height:32px;color:color-mix(in srgb, var(--muted) 62%, var(--text));letter-spacing:-.01em;white-space:nowrap;transition:border-color var(--ease), background-color var(--ease), color var(--ease), opacity var(--ease);background:0 0;border:1px solid #0000;align-items:center;gap:5px;margin-inline:2px 0;padding:0 9px;font-size:12px;font-weight:650;display:inline-flex}.mark-all-read:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.mark-all-read:disabled{opacity:.42;cursor:default}.mark-all-read:focus-visible{box-shadow:var(--focus);outline:none}.filter-popover{z-index:45;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-lg);flex-direction:column;padding:0;animation:.14s ease-out popover-in;display:flex;position:fixed;overflow:hidden}.filter-popover-head{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 12px;display:flex}.filter-popover-head h2{color:var(--text);margin:0;font-size:14px;font-weight:650;line-height:1.3}.filter-popover-head button{border-radius:var(--r-xs);width:28px;height:28px;color:var(--muted);background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;display:grid}.filter-popover-head button:hover{background:var(--surface-hover);color:var(--text)}.filter-popover-body{overscroll-behavior:contain;gap:12px;min-height:0;padding:14px 16px;display:grid;overflow-y:auto}.filter-field{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;display:grid;position:relative}.filter-field:after{border-right:1.5px solid color-mix(in srgb, var(--muted) 80%, var(--text));border-bottom:1.5px solid color-mix(in srgb, var(--muted) 80%, var(--text));pointer-events:none;content:"";width:7px;height:7px;position:absolute;top:50%;right:12px;transform:translateY(-70%)rotate(45deg)}.filter-field>span{color:color-mix(in srgb, var(--muted) 55%, var(--text));font-size:12px;font-weight:650;line-height:1.2}.filter-field select{appearance:none;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);width:100%;min-width:0;height:36px;color:var(--text);text-overflow:ellipsis;transition:border-color var(--ease), box-shadow var(--ease), background-color var(--ease);padding:0 30px 0 10px;font-size:13px}.filter-field select:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--line-strong))}.filter-field select:focus,.filter-field select:focus-visible{border-color:var(--accent);background:var(--surface);box-shadow:var(--focus)}.filter-check{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-soft);cursor:pointer;transition:border-color var(--ease), background-color var(--ease);align-items:center;gap:10px;padding:10px 12px;display:flex}.filter-check:hover{border-color:var(--line-strong);background:color-mix(in srgb, var(--surface-hover) 55%, var(--surface-soft))}.filter-check:has(input:focus-visible){border-color:var(--accent);box-shadow:var(--focus)}.filter-check:has(input:checked){border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent)}.filter-check>span{gap:2px;display:grid}.filter-check b{color:var(--text);font-size:13px}.filter-check small{color:var(--muted);font-size:12px}.filter-popover-foot{border-top:1px solid var(--line);background:var(--surface-soft);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px 10px;padding:12px 16px;display:flex}.filter-popover-foot>span{color:var(--muted);font-size:12px;line-height:1.3}.filter-popover-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.filter-popover-actions .quiet-button,.filter-popover-actions .primary{min-height:32px;padding:6px 12px;font-size:12px}.filter-chips{scrollbar-width:none;gap:5px;min-width:0;margin-top:6px;display:flex;overflow-x:auto}.filter-chips::-webkit-scrollbar{display:none}.filter-chips button{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-soft);min-width:0;height:24px;color:color-mix(in srgb, var(--muted) 82%, var(--text));transition:border-color var(--ease), background-color var(--ease), color var(--ease);flex:none;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:inline-flex}.filter-chips button:hover{border-color:var(--line-strong);background:var(--surface-hover);color:var(--text)}.filter-chips button:focus-visible{box-shadow:var(--focus)}.filter-chips button span{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.mailbox-folders{margin:0 max(var(--space-3), 12px) var(--space-2);gap:1px;display:grid}.mailbox-folders button{border-radius:var(--r-sm);min-width:0;min-height:32px;color:var(--muted);text-align:left;transition:background-color var(--ease), color var(--ease);background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:6px 10px 6px 12px;display:grid;overflow:hidden}.mailbox-folders button:hover{background:color-mix(in srgb, var(--surface-hover) 70%, transparent);color:color-mix(in srgb, var(--text) 82%, var(--muted))}.mailbox-folders button.selected{background:color-mix(in srgb, var(--accent) 18%, var(--surface));color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 24%, transparent);position:relative}.mailbox-folders button.selected:before{background:var(--accent);content:"";border-radius:1px;width:2px;position:absolute;top:6px;bottom:6px;left:2px}.mailbox-folders button.selected svg{color:var(--text)}.mailbox-folders b{letter-spacing:-.02px;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:550;overflow:hidden}.mailbox-folders button.selected b{font-weight:600}.folder-count{border-radius:var(--r-xs);background:color-mix(in srgb, var(--muted) 9%, transparent);min-width:18px;height:18px;color:color-mix(in srgb, var(--muted) 78%, transparent);font-variant-numeric:tabular-nums;letter-spacing:0;place-items:center;padding:0 5px;font-size:11px;font-weight:550;line-height:1;display:grid}.folder-count.has-count{background:color-mix(in srgb, var(--accent) 9%, var(--surface));color:color-mix(in srgb, var(--muted) 42%, var(--accent));font-weight:600}.folder-count.pending{opacity:.35;background:0 0;font-weight:500}.mailbox-folders button.selected .folder-count{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent);font-weight:650}.selection-toolbar{border-bottom:1px solid var(--seam);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:36px;padding:6px 12px 6px 14px;display:grid}.selection-toolbar.active{background:color-mix(in srgb, var(--accent-soft) 48%, var(--surface));box-shadow:none}.selection-toolbar.active .selection-summary b{font-weight:700}.select-all{place-items:center;width:24px;height:24px;display:grid}.select-all input,.message-checkbox input,.filter-check input,.check-row input{appearance:none;border:1px solid var(--line-strong);cursor:pointer;width:14px;height:14px;transition:border-color var(--ease), background-color var(--ease), box-shadow var(--ease), opacity var(--ease);background:0 0;border-radius:4px;flex:none;margin:0;position:relative}.select-all input:after,.message-checkbox input:after,.filter-check input:after,.check-row input:after{content:"";opacity:0;position:absolute}.select-all input:hover,.message-checkbox input:hover,.filter-check input:hover,.check-row input:hover{border-color:var(--accent)}.select-all input:checked,.message-checkbox input:checked,.filter-check input:checked,.check-row input:checked,.select-all input:indeterminate{border-color:var(--accent);background:var(--accent)}.select-all input:checked:after,.message-checkbox input:checked:after,.filter-check input:checked:after,.check-row input:checked:after{box-sizing:content-box;opacity:1;border:1.7px solid #fff;border-width:0 1.7px 1.7px 0;width:3.5px;height:7px;top:50%;left:50%;transform:translate(-55%,-62%)rotate(40deg)}.select-all input:indeterminate:after{opacity:1;background:#fff;border-radius:2px;width:8px;height:2px;top:5px;left:2px}.select-all input:focus-visible,.message-checkbox input:focus-visible,.filter-check input:focus-visible,.check-row input:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 44%, transparent)}.selection-summary{gap:1px;min-width:0;display:grid}.selection-summary b{letter-spacing:-.02px;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.selection-summary span{color:color-mix(in srgb, var(--muted) 88%, var(--text));font-variant-numeric:tabular-nums;font-size:11.5px}.selection-toolbar.active .selection-summary b{color:var(--text)}.selection-toolbar.active .selection-summary span{color:var(--accent);font-weight:650}.clear-selection{color:var(--accent);cursor:pointer;transition:color var(--ease);background:0 0;border:0;border-radius:3px;justify-self:start;padding:0;font-size:11.5px;font-weight:650;line-height:1.35}.clear-selection:hover{color:var(--accent-strong);text-decoration:underline}.clear-selection:focus-visible{box-shadow:var(--focus)}.bulk-actions{border-radius:var(--r-sm);background:0 0;border:0;gap:2px;padding:2px;display:flex}.bulk-actions button,.reader-actions button{border-radius:var(--r-sm);width:32px;height:32px;color:color-mix(in srgb, var(--muted) 68%, var(--text));transition:border-color var(--ease), background-color var(--ease), color var(--ease);background:0 0;border:1px solid #0000;place-items:center;padding:0;display:grid}.bulk-actions button:hover,.reader-actions button:hover{background:var(--surface-hover);color:var(--text);border-color:#0000}.bulk-actions button.danger:hover,.reader-actions button.danger:hover{color:var(--danger)}.panel-title{justify-content:space-between;align-items:center;gap:16px;padding:12px 16px 8px;display:flex}.panel-title h1,.panel-title h2{letter-spacing:-.25px;margin:0;font-size:16px}.panel-title span{color:var(--muted);font-size:12px}.message-list{scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin;flex:1;min-height:0;margin:0;padding:0;list-style:none;display:block;overflow-y:auto;container:message-list/inline-size}.mail-pagination{justify-content:flex-end;align-items:center;gap:var(--space-3);border-top:1px solid var(--seam);min-height:40px;padding:var(--space-2) var(--space-3);background:color-mix(in srgb, var(--pane-nav) 28%, transparent);color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:12px;display:flex}.mail-pagination>span{color:color-mix(in srgb, var(--text) 72%, var(--muted));letter-spacing:.01em;margin-right:auto;font-weight:550}.mail-pagination>span b{color:var(--text);font-weight:600}.mail-pagination label{color:color-mix(in srgb, var(--muted) 88%, var(--text));align-items:center;gap:6px;display:inline-flex}.mail-pagination select{border-radius:var(--r-xs);height:28px;color:var(--text);transition:background-color var(--ease);background:0 0;border:0;padding:0 6px;font-size:12px}.mail-pagination select:hover:not(:disabled){background:var(--surface-hover)}.mail-pagination select:focus-visible{background:var(--surface-hover);box-shadow:var(--focus)}.mail-pagination>div{gap:2px;display:flex}.mail-pagination button{border-radius:var(--r-xs);width:28px;height:28px;color:color-mix(in srgb, var(--muted) 82%, var(--text));transition:background-color var(--ease), color var(--ease);background:0 0;border:0;place-items:center;padding:0;display:grid}.mail-pagination button:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.mail-pagination button:focus-visible{box-shadow:var(--focus)}.mail-pagination button:disabled{color:color-mix(in srgb, var(--muted) 70%, transparent);opacity:.45}.message-row{border:0;border-bottom:1px solid color-mix(in srgb, var(--seam) 70%, transparent);min-width:0;color:var(--text);text-align:left;transition:background-color var(--ease), box-shadow var(--ease);background:0 0;border-radius:0;grid-template-columns:24px minmax(0,1fr) 26px;align-items:start;gap:0 8px;padding:10px 12px 10px 14px;display:grid;position:relative}.message-row:hover{background:color-mix(in srgb, var(--surface-hover) 48%, transparent)}.message-row.unread:not(.selected){box-shadow:inset 2px 0 0 var(--accent)}.message-row.selected{box-shadow:none;background:color-mix(in srgb, var(--accent-soft) 42%, var(--surface))}.message-row.selected:hover{background:color-mix(in srgb, var(--accent-soft) 54%, var(--surface-hover))}.message-row.checked:not(.selected){background:color-mix(in srgb, var(--accent-soft) 28%, transparent)}.message-row.checked:not(.selected):hover{background:color-mix(in srgb, var(--accent-soft) 38%, var(--surface-hover))}.message-row.selected.checked{background:color-mix(in srgb, var(--accent-soft) 50%, var(--surface-hover))}.message-row:hover:not(.selected):not(.checked){background:color-mix(in srgb, var(--surface-hover) 56%, transparent)}:root[data-theme=light] .message-row.selected,:root[data-theme=system] .message-row.selected{background:color-mix(in srgb, var(--accent-soft) 36%, var(--surface))}:root[data-theme=light] .message-row.selected:hover,:root[data-theme=system] .message-row.selected:hover{background:color-mix(in srgb, var(--accent-soft) 48%, var(--surface))}:root[data-theme=light] .message-row.checked:not(.selected),:root[data-theme=system] .message-row.checked:not(.selected){background:color-mix(in srgb, var(--accent-soft) 22%, var(--surface))}:root[data-theme=light] .message-row.checked:not(.selected):hover,:root[data-theme=system] .message-row.checked:not(.selected):hover{background:color-mix(in srgb, var(--accent-soft) 32%, var(--surface))}:root[data-theme=light] .message-row:hover:not(.selected):not(.checked),:root[data-theme=system] .message-row:hover:not(.selected):not(.checked){background:color-mix(in srgb, var(--surface-hover) 62%, transparent)}@media (prefers-color-scheme:dark){:root[data-theme=system] .message-row.selected{background:color-mix(in srgb, var(--accent-soft) 42%, var(--surface))}:root[data-theme=system] .message-row.selected:hover{background:color-mix(in srgb, var(--accent-soft) 54%, var(--surface-hover))}:root[data-theme=system] .message-row.checked:not(.selected){background:color-mix(in srgb, var(--accent-soft) 28%, transparent)}:root[data-theme=system] .message-row.checked:not(.selected):hover{background:color-mix(in srgb, var(--accent-soft) 38%, var(--surface-hover))}:root[data-theme=system] .message-row:hover:not(.selected):not(.checked){background:color-mix(in srgb, var(--surface-hover) 48%, transparent)}}.message-checkbox{cursor:pointer;align-self:start;place-items:start center;width:24px;min-height:0;padding-top:2px;display:grid}.message-checkbox input:not(:checked){border-color:color-mix(in srgb, var(--line-strong) 82%, var(--muted))}.message-row:hover .message-checkbox input:not(:checked),.message-checkbox:hover input:not(:checked){border-color:color-mix(in srgb, var(--muted) 62%, var(--line-strong))}.message-checkbox input:hover:not(:checked){border-color:var(--accent)}.message-open{min-width:0;color:var(--text);text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr);align-items:start;gap:3px;padding:0 2px 0 0;display:grid}.message-star{width:26px;height:26px;color:color-mix(in srgb, var(--muted) 82%, var(--text));opacity:0;transition:background-color var(--ease), color var(--ease), opacity var(--ease);background:0 0;border:0;border-radius:50%;place-items:center;margin-top:0;padding:0;display:grid}.message-row:hover .message-star,.message-star:focus-visible,.message-star.starred{opacity:1}.message-star:hover,.message-star:focus-visible,.message-star.starred{color:var(--warning);background:0 0}@media (hover:none){.message-star{opacity:1}}:root[data-theme=light] .message-row:hover .message-star:not(.starred),:root[data-theme=system] .message-row:hover .message-star:not(.starred){opacity:.62;color:color-mix(in srgb, var(--muted) 70%, var(--text))}@media (prefers-color-scheme:dark){:root[data-theme=system] .message-row:hover .message-star:not(.starred){opacity:1;color:color-mix(in srgb, var(--muted) 82%, var(--text))}}.message-row-top{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px;min-width:0;display:grid}.message-row-identity{align-items:baseline;gap:6px;min-width:0;display:flex}.message-row-identity b{min-width:0;color:var(--text);letter-spacing:-.012em;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.message-row.unread .message-row-identity b{letter-spacing:-.016em;font-weight:700}.message-row.read .message-row-identity b{color:color-mix(in srgb, var(--text) 72%, var(--muted));font-weight:500}:root[data-theme=light] .message-row.read .message-row-identity b,:root[data-theme=system] .message-row.read .message-row-identity b{color:color-mix(in srgb, var(--text) 68%, var(--muted))}@media (prefers-color-scheme:dark){:root[data-theme=system] .message-row.read .message-row-identity b{color:color-mix(in srgb, var(--text) 72%, var(--muted))}}.message-platform{max-width:36%;color:color-mix(in srgb, var(--muted) 88%, transparent);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;background:0 0;border-radius:0;flex:0 auto;padding:0;font-size:11px;font-style:normal;font-weight:450;line-height:1.3;overflow:hidden}.message-platform:before{content:"·";color:color-mix(in srgb, var(--muted) 55%, transparent);margin-right:5px}.message-row time{min-width:3.2em;color:color-mix(in srgb, var(--muted) 82%, transparent);font-variant-numeric:tabular-nums;letter-spacing:.01em;text-align:right;white-space:nowrap;flex:none;margin-left:0;padding-top:0;font-size:11px;font-weight:450}.message-row.unread time{color:var(--muted);font-weight:450}.message-row strong{min-width:0;color:color-mix(in srgb, var(--text) 74%, var(--muted));letter-spacing:-.015px;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;line-height:1.3;overflow:hidden}.message-row.unread strong{color:var(--text);font-weight:600}.message-row.read strong{color:color-mix(in srgb, var(--text) 66%, var(--muted));font-weight:450}.message-preview{min-width:0;color:color-mix(in srgb, var(--muted) 92%, var(--text));align-items:center;gap:8px;font-size:12px;line-height:1.35;display:flex;overflow:hidden}.message-snippet{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.message-chips{flex:0 auto;align-items:center;gap:4px;min-width:0;display:inline-flex;overflow:hidden}.message-tag,.message-tags b{border-radius:var(--r-xs);background:color-mix(in srgb, var(--surface-soft) 88%, transparent);color:color-mix(in srgb, var(--muted) 88%, var(--text));border:0;align-items:center;padding:0 5px;font-size:10px;font-style:normal;font-weight:500;line-height:1.6;display:inline-flex}.message-preview .message-tag,.message-preview .message-code-hint{flex:none}.message-code-hint{color:var(--success);font-variant-numeric:tabular-nums;background:0 0;flex:none;padding:0;font-size:10.5px;font-style:normal;font-weight:600}@container message-list (width<=268px){.message-chips{display:none}}.message-reader{flex-direction:column;min-width:0;min-height:100%;padding:clamp(28px,3.2vw,48px) clamp(32px,4vw,64px) clamp(36px,4vw,64px);display:flex;container:reader/inline-size}.reader-head{border-bottom:1px solid color-mix(in srgb, var(--seam) 78%, transparent);background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px 20px;margin:0;padding:0 0 18px;display:grid}@container reader (width<=560px){.reader-head{grid-template-columns:minmax(0,1fr)}.reader-actions{justify-content:flex-start}}.reader-head-main{gap:10px;min-width:0;display:grid}.reader-head h2{max-width:42rem;font-family:var(--font-letter);letter-spacing:-.28px;text-wrap:pretty;overflow-wrap:anywhere;margin:0;font-size:clamp(20px,1.6vw,24px);font-weight:600;line-height:1.28}.reader-letterhead{gap:3px;min-width:0;display:grid}.reader-route{align-items:baseline;gap:10px;min-width:0;margin:0;display:flex}.reader-head time,.reader-route time{color:color-mix(in srgb, var(--muted) 88%, transparent);font-variant-numeric:tabular-nums;flex:none;font-size:12px;font-weight:450}.reader-actions{border-radius:var(--r-sm);background:0 0;border:0;flex-wrap:wrap;justify-content:flex-end;gap:2px;margin:0;padding:0;display:flex}.reader-actions .reply-button{width:auto;min-width:0;color:var(--accent-strong);background:color-mix(in srgb, var(--accent-soft) 62%, transparent);border-radius:var(--r-sm);gap:6px;padding:0 10px;display:inline-flex}.reader-actions .reply-button:hover{background:color-mix(in srgb, var(--accent-soft) 88%, var(--surface-hover));color:var(--accent-strong)}.reader-actions .reply-button:focus-visible{box-shadow:var(--focus)}.reader-actions .reply-button:after{content:"回复";font-size:12px;font-weight:600}.reader-actions button.starred{color:var(--warning)}.reader-actions button.danger{margin-right:5px}.reader-actions .translate-toggle{letter-spacing:.01em;align-items:center;gap:5px;width:auto;min-width:0;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.reader-actions .translate-toggle.active{background:color-mix(in srgb, var(--accent-soft) 70%, var(--surface));color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent)}.reader-actions .translate-toggle:disabled{cursor:progress;opacity:.75}.reader-actions .translate-toggle:focus-visible{box-shadow:var(--focus)}.reader-subject-translated{max-width:42rem;color:color-mix(in srgb, var(--text) 62%, var(--muted));letter-spacing:-.12px;overflow-wrap:anywhere;margin:0;font-size:clamp(15px,1.2vw,17px);font-weight:500;line-height:1.4}.reader-translate-error{grid-column:1/-1}.reader-translate-status,.reader-translate-error{letter-spacing:.01em;margin:0;font-size:12px}.reader-translate-status{color:var(--muted);margin-bottom:10px}.reader-translate-error{color:var(--danger)}.reader-bilingual{gap:0;min-width:0;max-width:42rem;display:grid}.reader-bilingual-text,.reader-bilingual-stacked{min-width:0;display:grid}.reader-pair{gap:5px;min-width:0;margin:0 0 18px;display:grid}.reader-pair-original{color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:15.5px;line-height:1.7}.reader-pair-translated{border-left:2px solid color-mix(in srgb, var(--accent) 40%, transparent);color:color-mix(in srgb, var(--text) 64%, var(--muted));overflow-wrap:anywhere;margin:0;padding-left:12px;font-size:15px;line-height:1.7}.reader-bilingual-text .reader-pair-original,.reader-bilingual-text .reader-pair-translated{white-space:pre-wrap}.reader-pair-pending{gap:7px;padding-top:3px;padding-bottom:3px;display:grid}.reader-shimmer-line{background:linear-gradient(90deg, color-mix(in srgb, var(--muted) 12%, transparent) 25%, color-mix(in srgb, var(--muted) 26%, transparent) 37%, color-mix(in srgb, var(--muted) 12%, transparent) 63%);background-size:400% 100%;border-radius:6px;width:88%;height:11px;animation:1.4s infinite reader-shimmer;display:block}.reader-shimmer-line.short{width:56%}@keyframes reader-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.reader-fade-in{animation:.45s both reader-fade-in}@keyframes reader-fade-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.reader-shimmer-line,.reader-fade-in{animation:none}}.mail-html .reader-inline-translation{border-left:2px solid color-mix(in srgb, var(--accent) 40%, transparent);color:color-mix(in srgb, var(--text) 64%, var(--muted));white-space:normal;margin:4px 0 16px;padding:0 0 0 12px;font-size:15px;line-height:1.7}.mail-html .reader-inline-translation:last-child{margin-bottom:0}.mail-html .reader-inline-translation a{color:color-mix(in srgb, var(--accent) 72%, var(--text))}.mail-html .reader-inline-pending{gap:7px;max-width:22rem;padding-block:5px;display:grid}.reader-bilingual-stacked .mail-html:first-child{margin-bottom:0}.reader-bilingual-stacked .mail-html.reader-stacked-translated{border-left:2px solid color-mix(in srgb, var(--accent) 40%, transparent);color:color-mix(in srgb, var(--text) 64%, var(--muted));margin-top:10px;padding-left:12px}.reader-bilingual-stacked .mail-html.reader-stacked-translated a{color:color-mix(in srgb, var(--accent) 72%, var(--text))}.reader-address,.reader-sender{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.reader-address{min-width:0;color:color-mix(in srgb, var(--muted) 90%, transparent);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.reader-sender{flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;display:flex}.reader-sender b{color:var(--text);letter-spacing:-.015em;font-size:14px;font-weight:650}.reader-from-detail{color:color-mix(in srgb, var(--muted) 88%, transparent);overflow-wrap:anywhere;font-size:12.5px;display:inline}.reader-tools{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px 14px;margin:2px 0 0;display:flex}.reader-tools:empty{display:none}.message-tags,.tag-editor{min-height:0;color:var(--muted);align-items:center;gap:8px;margin:0;font-size:12.5px;display:flex}.message-tags b{padding:1px 6px;font-size:11px;line-height:1.55}.message-tags>span{flex-wrap:wrap;gap:5px;min-width:0;display:flex}.message-tags>button{color:var(--accent);background:0 0;border:0;padding:2px 4px;font-size:12.5px}.message-tags>button:hover{text-decoration:underline}.tag-editor{max-width:620px}.tag-editor input{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-soft);min-width:0;height:32px;color:var(--text);flex:1;padding:5px 10px}.tag-editor input:focus{border-color:var(--accent)}.tag-editor .secondary,.tag-editor .quiet-button{min-height:32px;padding:5px 10px;font-size:12.5px}.reader-body{flex:auto;min-width:0;max-width:42rem;margin-top:26px}.reader-empty{min-height:100%;color:var(--muted);text-align:center;place-content:center;place-items:center;gap:8px;display:grid}.reader-empty p{color:var(--text);letter-spacing:-.01em;margin:10px 0 0;font-size:15px;font-weight:550}.reader-empty span:not(.empty-mark){max-width:220px;font-size:13px;line-height:1.5}.reader-pending{align-content:start;min-height:100%;padding:clamp(28px,3.2vw,48px) clamp(32px,4vw,64px);display:grid}.reader-skeleton{gap:11px;max-width:36rem;display:grid}.reader-skeleton-line{background:linear-gradient(105deg, var(--surface-soft) 25%, var(--surface-hover) 42%, var(--surface-soft) 58%);background-size:220% 100%;border-radius:4px;height:11px;animation:1.4s ease-in-out infinite shimmer;display:block}.reader-skeleton-line.wide{width:68%;height:22px;margin-bottom:6px}.reader-skeleton-line.medium{width:38%}.reader-skeleton-line.short{width:24%}.reader-skeleton-rule{background:color-mix(in srgb, var(--seam) 80%, transparent);width:100%;height:1px;margin:8px 0 10px;display:block}.remote-images-toggle{color:var(--accent);background:0 0;border:0;border-radius:0;align-self:center;margin:0;padding:0;font-size:12.5px;font-weight:550}.remote-images-toggle:hover{color:var(--accent-strong);background:0 0;text-decoration:underline}.reader-pending .empty-mark{opacity:.45}.code-card{border-radius:var(--r-sm);background:color-mix(in srgb, var(--accent-soft) 55%, var(--surface-soft));width:fit-content;color:var(--muted);border:0;align-items:center;gap:10px;margin:0;padding:5px 8px 5px 10px;display:flex}.code-card span{font-size:11.5px;font-weight:550}.code-card b{color:var(--text);font:650 16px/1 var(--font-mono);letter-spacing:.08em;font-variant-numeric:tabular-nums}.code-card button{min-height:26px;color:var(--accent);border-color:#0000;padding:3px 7px;font-size:12px}.mail-text{max-width:42rem;color:var(--text);font-family:var(--font-letter);overflow-wrap:anywhere;white-space:pre-wrap;font-size:15.5px;line-height:1.7}.mail-html{max-width:42rem;color:var(--text);font-family:var(--font-letter);overflow-wrap:anywhere;font-size:15.5px;line-height:1.7}.mail-html :first-child{margin-top:0}.mail-html :last-child{margin-bottom:0}.mail-html p{margin:0 0 1em}.mail-html img{border:0;border-radius:0;max-width:100%;height:auto}.mail-html img[data-remote-src]:not([src]){display:none}.mail-html table{border-collapse:collapse;border:0;width:100%;max-width:100%;margin:0 0 1em}.mail-html th,.mail-html td{vertical-align:top;border:0;padding:0}:is(.mail-html table:has(th) th,.mail-html table:has(th) td){border-bottom:1px solid color-mix(in srgb, var(--seam) 80%, transparent);padding:6px 10px 6px 0}.mail-html table:has(th) th{color:color-mix(in srgb, var(--text) 78%, var(--muted));background:0 0;font-weight:650}.mail-html h2{font-family:var(--font-letter);margin:1.4em 0 .55em;font-size:1.2em;font-weight:600}.mail-html h3{margin:1.2em 0 .45em;font-size:1.05em;font-weight:600}.mail-html ul,.mail-html ol{margin:0 0 1em;padding-left:1.35em}.mail-html blockquote{border:0;border-left:2px solid color-mix(in srgb, var(--line-strong) 55%, transparent);color:color-mix(in srgb, var(--muted) 70%, var(--text));margin:0 0 1em;padding:0 0 0 14px;font-size:.96em}.mail-html pre{font:13px/1.55 var(--font-mono);background:0 0;border:0;border-radius:0;margin:0 0 1em;padding:12px 0;overflow:auto}.mail-html a{color:var(--accent);text-decoration:underline}.mail-text a,.mail-html a{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 42%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 42%, transparent);text-underline-offset:3px;overflow-wrap:anywhere;word-break:break-word}.mail-text a:hover,.mail-html a:hover{color:var(--accent-strong);text-decoration-color:currentColor}.raw-toggle{color:color-mix(in srgb, var(--muted) 88%, transparent);background:0 0;border:0;margin-top:28px;padding:0;font-size:12.5px}.raw-toggle:hover{color:var(--text)}.rotated{transform:rotate(180deg)}.rotated-90{transform:rotate(90deg)}.message-reader pre{border:0;border-top:1px solid color-mix(in srgb, var(--seam) 80%, transparent);max-height:340px;color:var(--muted);font:12px/1.6 var(--font-mono);overflow-wrap:anywhere;white-space:pre-wrap;background:0 0;border-radius:0;margin:12px 0 0;padding:12px 0;overflow:auto}.empty-mark{width:40px;height:40px;color:var(--muted);box-shadow:none;opacity:.72;background:0 0;border:0;border-radius:0;place-items:center;display:grid}.empty-mark .empty-glyph{opacity:1;display:block}.settings-alias-empty .empty-mark,.token-empty .empty-mark{border-radius:0;width:36px;height:36px}.mail-empty{min-height:0;color:var(--muted);text-align:center;flex:1;place-content:center;place-items:center;gap:6px;padding:56px 32px 48px;display:grid}.mail-empty p{color:var(--text);margin:12px 0 4px;font-size:15px;font-weight:650}.mail-empty span:not(.empty-mark){max-width:260px;font-size:13px;line-height:1.55}.work-pane.wide-pane{flex-direction:column;display:flex}.work-pane:focus{outline:none}.compose-view,.agent-view{background:0 0;min-height:100%;padding:36px 44px 48px}.compose-view{flex-direction:column;flex:auto;width:100%;min-height:0;margin:0;padding:28px 34px 32px;display:flex}.compose-view .view-heading{flex:none;margin-bottom:18px}.compose-form{flex-direction:column;flex:auto;gap:13px;width:100%;min-height:0;display:flex}.compose-body-field{flex:auto;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.compose-body-field .rich-editor-shell{flex-direction:column;flex:auto;min-height:180px;display:flex}.compose-body-field .rich-editor{flex:auto;min-height:0;overflow:auto}.reply-quote{gap:8px;margin-top:2px;display:grid}.reply-quote-toggle{width:fit-content;color:color-mix(in srgb, var(--muted) 78%, var(--text));background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12.5px;font-weight:550;display:inline-flex}.reply-quote-toggle:hover{color:var(--text)}.reply-quote-body{border:0;border-left:2px solid color-mix(in srgb, var(--line-strong) 50%, transparent);max-height:220px;color:color-mix(in srgb, var(--muted) 78%, var(--text));background:0 0;border-radius:0;padding:2px 0 2px 14px;font-size:13px;line-height:1.6;overflow:auto}.reply-context{color:color-mix(in srgb, var(--muted) 88%, var(--text));background:0 0;border:0;border-radius:0;align-items:center;gap:8px;padding:0 0 2px;font-size:13px;display:flex}.reply-context span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compose-form label,.token-create>label{color:color-mix(in srgb, var(--muted) 82%, var(--text));gap:6px;font-size:12px;font-weight:650;display:grid}.compose-form input,.token-create>label>input{border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper), var(--surface-soft);width:100%;color:var(--text);transition:border-color var(--ease), box-shadow var(--ease);padding:11px 12px}.compose-form input:focus,.token-create>label>input:focus{border-color:var(--accent);box-shadow:var(--focus)}.sender-picker{border:1px solid color-mix(in srgb, var(--line) 90%, transparent);border-radius:var(--r-md);background:color-mix(in srgb, var(--surface-soft) 88%, transparent);grid-template-columns:auto minmax(0,1fr) minmax(245px,.78fr);align-items:center;gap:10px 12px;padding:12px 14px;display:grid}.sender-picker-label{color:color-mix(in srgb, var(--muted) 78%, var(--text));align-items:center;gap:7px;font-size:12px;font-weight:650;display:flex}.sender-picker-label svg{color:color-mix(in srgb, var(--accent) 82%, var(--text))}.sender-main{gap:2px;min-width:0;display:grid}.sender-main b{color:var(--text);font:650 14px/1.35 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sender-main span{color:color-mix(in srgb, var(--muted) 90%, transparent);font-size:11.5px}.sender-prefix-field{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);grid-template-columns:auto minmax(72px,1fr) auto;align-items:center;display:grid;overflow:hidden}.sender-prefix-field>span{color:color-mix(in srgb, var(--muted) 88%, var(--text));padding-left:10px;font-size:12px}.compose-form .sender-prefix-field input{min-width:0;height:36px;font:600 13px var(--font-mono);background:0 0;border:0;border-radius:0;padding:6px 8px}.compose-form .sender-prefix-field input:focus,.compose-form .sender-prefix-field input:focus-visible{box-shadow:none}.sender-prefix-field:focus-within{border-color:var(--accent);box-shadow:var(--focus)}.sender-prefix-field em{color:color-mix(in srgb, var(--muted) 88%, var(--text));font:12px var(--font-mono);padding-right:10px;font-style:normal}.sender-presets{flex-wrap:wrap;grid-column:2/-1;gap:6px;min-width:0;display:flex}.sender-presets button{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);min-height:26px;color:color-mix(in srgb, var(--muted) 78%, var(--text));font:12px var(--font-mono);transition:border-color var(--ease), background-color var(--ease), color var(--ease);padding:3px 9px}.sender-presets button:hover{border-color:var(--line-strong);background:var(--surface-hover);color:var(--text)}.sender-presets button.selected{border-color:var(--accent-strong);background:var(--accent);color:var(--on-accent);font-weight:650}.rich-editor-shell{border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper), var(--surface-soft);box-shadow:var(--shadow-sm);overflow:hidden}.rich-editor-shell:focus-within{border-color:var(--accent);box-shadow:var(--focus)}.rich-toolbar{border-bottom:1px solid color-mix(in srgb, var(--line) 88%, transparent);background:color-mix(in srgb, var(--surface) 92%, transparent);flex-wrap:wrap;align-items:center;gap:2px;padding:6px 8px;display:flex}.rich-toolbar button{border-radius:var(--r-xs);width:30px;height:30px;color:color-mix(in srgb, var(--muted) 62%, var(--text));background:0 0;border:0;place-items:center;display:grid}.rich-toolbar button:hover{background:var(--surface-hover);color:var(--text)}.rich-toolbar button[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 16%, var(--surface));color:var(--text)}.rich-toolbar .toolbar-text{width:auto;padding:0 8px;font-size:12px;font-weight:550}.rich-toolbar i{background:color-mix(in srgb, var(--line) 90%, transparent);width:1px;height:14px;margin:0 3px}.link-panel{border-bottom:1px solid color-mix(in srgb, var(--line) 88%, transparent);background:var(--surface);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.link-panel input{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-soft);min-width:0;height:30px;color:var(--text);flex:180px;padding:0 8px}.link-panel .form-error{flex:100%;margin:0}.rich-editor{min-height:260px;color:var(--text);overflow-wrap:anywhere;outline:none;padding:14px 16px;line-height:1.7}.rich-editor:empty:before{color:color-mix(in srgb, var(--muted) 82%, transparent);content:attr(data-placeholder);pointer-events:none}.rich-editor :first-child{margin-top:0}.rich-editor :last-child{margin-bottom:0}.rich-editor p{margin:0 0 12px}.rich-editor h2{font-family:var(--font-ui);margin:14px 0 8px;font-size:18px;font-weight:600}.rich-editor h3{margin:12px 0 7px;font-size:16px}.rich-editor ul,.rich-editor ol{margin:0 0 12px;padding-left:22px}.rich-editor blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:0 0 12px;padding-left:12px}.rich-editor pre{border-radius:var(--r-sm);background:var(--surface);font:13px/1.55 var(--font-mono);margin:0 0 12px;padding:10px;overflow:auto}.rich-editor a{color:var(--accent);text-decoration:underline}.compose-footer{justify-content:space-between;align-items:center;gap:16px;margin-top:2px;padding-top:4px;display:flex}.compose-footer>span{color:color-mix(in srgb, var(--muted) 88%, transparent);font-size:12.5px}.compose-footer .primary{letter-spacing:.015em;min-width:132px;min-height:40px;padding:9px 18px;font-size:14px;font-weight:700}.agent-view{margin:0;padding:28px 34px 36px}.agent-view .view-heading{margin-bottom:16px}.token-layout{grid-template-columns:minmax(240px,.68fr) minmax(0,1.32fr);gap:14px;display:grid}.token-create,.token-list-panel{border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper), var(--surface-soft);box-shadow:var(--shadow-sm)}.token-create{align-content:start;gap:0;padding:16px 16px 18px;display:grid}.token-create h2{margin:0 0 12px;font-size:15px;font-weight:650}.token-create fieldset{border:0;margin:12px 0;padding:0}.token-create legend{color:color-mix(in srgb, var(--muted) 82%, var(--text));margin-bottom:6px;font-size:12px;font-weight:650}.token-create>.primary{width:100%;min-height:38px;margin-top:2px;font-weight:700}.check-row{color:var(--text);align-items:center;gap:8px;margin:7px 0;font-size:13px;display:flex}.token-list-panel{min-width:0;padding:0 14px 10px}.token-list-panel .panel-title{padding:12px 0 6px}.token-list-panel .panel-title h2{font-size:15px;font-weight:650}.token-row{border-top:1px solid color-mix(in srgb, var(--line) 92%, transparent);justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.token-row-info,.token-edit-form{flex:1;min-width:0}.token-name{align-items:center;gap:8px;display:flex}.token-name b{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:650;overflow:hidden}.token-state,.scopes span{border-radius:var(--r-xs);padding:2px 6px;font-size:11px;font-weight:600}.token-state{background:color-mix(in srgb, var(--success) 10%, transparent);border:1px solid color-mix(in srgb, var(--success) 38%, var(--line));color:var(--success)}.token-state.revoked{background:color-mix(in srgb, var(--danger) 10%, transparent);border-color:color-mix(in srgb, var(--danger) 38%, var(--line));color:var(--danger)}.scopes{flex-wrap:wrap;gap:5px;margin:7px 0;display:flex}.scopes span{border:1px solid color-mix(in srgb, var(--line) 92%, transparent);color:color-mix(in srgb, var(--muted) 78%, var(--text));background:0 0}.token-row small{color:color-mix(in srgb, var(--muted) 90%, transparent);font-size:11.5px}.token-row-actions,.token-edit-actions{flex:none;align-items:center;gap:6px;display:flex}.token-edit-button{min-height:32px;padding:5px 10px;font-size:12px}.token-edit-form{gap:10px;display:grid}.token-edit-form>label{max-width:300px;color:color-mix(in srgb, var(--muted) 82%, var(--text));gap:6px;font-size:12px;font-weight:650;display:grid}.token-edit-form input:not([type=checkbox]){border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);width:100%;color:var(--text);padding:9px 10px}.token-edit-form input:not([type=checkbox]):focus{border-color:var(--accent)}.token-edit-form fieldset{border:0;margin:0;padding:0}.token-edit-form legend{color:color-mix(in srgb, var(--muted) 82%, var(--text));margin-bottom:7px;font-size:12px;font-weight:650}.token-edit-scopes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;width:min(100%,520px);display:grid}.token-edit-scopes .check-row{white-space:nowrap;min-width:0;margin:0}.token-edit-scopes .check-row input{width:15px;height:15px;padding:0}.token-edit-actions .primary,.token-edit-actions .secondary{min-height:34px;padding:6px 10px;font-size:12px}.token-edit-actions .primary{font-weight:700}.danger-button{width:32px;height:32px;color:var(--danger);flex:none;padding:0}.danger-button:hover{border-color:color-mix(in srgb, var(--danger) 42%, var(--line));background:color-mix(in srgb, var(--danger) 10%, var(--surface));color:var(--danger)}.token-empty{min-height:140px;color:var(--muted);place-content:center;place-items:center;gap:6px;display:grid}.token-empty p{color:var(--text);margin:8px 0 0}.token-reveal{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line-strong));border-radius:var(--r-md);background:color-mix(in srgb, var(--accent-soft) 45%, var(--surface-soft));justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:12px 14px;display:flex}.token-reveal>div{gap:4px;min-width:0;display:grid}.token-reveal span{color:color-mix(in srgb, var(--muted) 70%, var(--accent));font-size:12px;font-weight:650}.token-reveal code{overflow-wrap:anywhere;font:600 12px/1.5 var(--font-mono);color:var(--text)}.token-reveal .primary{flex:none;min-height:34px;padding:6px 12px;font-size:12.5px}.api-note{color:color-mix(in srgb, var(--muted) 88%, var(--text));align-items:flex-start;gap:8px;margin-top:14px;font-size:12.5px;line-height:1.5;display:flex}.api-note svg{color:var(--accent);flex:none;margin-top:1px}.api-guide{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-soft);margin-top:14px;overflow:hidden}.api-guide-head{border-bottom:1px solid color-mix(in srgb, var(--line) 92%, transparent);justify-content:space-between;align-items:center;gap:20px;padding:14px 16px;display:flex}.api-guide-head>div{align-items:center;gap:10px;min-width:0;display:flex}.api-guide-icon{border-radius:var(--r-sm);background:color-mix(in srgb, var(--accent-soft) 55%, transparent);border:1px solid color-mix(in srgb, var(--accent) 22%, var(--line));width:30px;height:30px;color:color-mix(in srgb, var(--accent) 75%, var(--text));flex:none;place-items:center;display:grid}.api-guide-head h2{margin:0;font-size:15px;font-weight:650}.api-guide-head p{color:color-mix(in srgb, var(--muted) 90%, transparent);margin:3px 0 0;font-size:12px}.api-guide-head>code{color:color-mix(in srgb, var(--muted) 78%, var(--text));font:12px var(--font-mono);flex:none}.api-guide-body{grid-template-columns:minmax(190px,.62fr) minmax(0,1.38fr);gap:10px;padding:12px;display:grid}.api-endpoints{align-content:start;gap:3px;display:grid}.api-endpoints button{border-radius:var(--r-sm);min-width:0;color:color-mix(in srgb, var(--muted) 82%, var(--text));text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 7px;padding:8px 9px;display:grid;position:relative}.api-endpoints button:hover{background:color-mix(in srgb, var(--surface-hover) 70%, transparent);color:var(--text)}.api-endpoints button.selected{background:color-mix(in srgb, var(--accent-soft) 72%, var(--surface-hover));color:var(--text);box-shadow:inset 2px 0 0 var(--accent);border-color:#0000}.api-endpoints button b{font-size:13px;font-weight:650}.api-endpoints button.selected code{color:color-mix(in srgb, var(--muted) 70%, var(--accent))}.api-endpoints button code{color:color-mix(in srgb, var(--muted) 88%, transparent);font:11px var(--font-mono);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;overflow:hidden}.method{border-radius:var(--r-xs);background:color-mix(in srgb, var(--success) 14%, transparent);color:var(--success);padding:2px 6px;font-size:10px;font-weight:750}.method.post{background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent)}.api-example{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);min-width:0;padding:12px}.api-example-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.api-example-head>div{align-items:center;gap:6px;display:flex}.api-example-head span{color:color-mix(in srgb, var(--muted) 88%, var(--text));font-size:12px}.api-example-head b{border-radius:var(--r-xs);border:1px solid var(--line);color:color-mix(in srgb, var(--muted) 78%, var(--text));font:600 11px var(--font-mono);background:0 0;padding:2px 6px}.api-example-head .secondary{min-height:30px;padding:5px 9px;font-size:12px}.api-example pre{border-radius:var(--r-sm);background:var(--code-bg);color:var(--code-text);font:12px/1.6 var(--font-mono);scrollbar-width:thin;margin:0;padding:12px;overflow-x:auto}.api-example>p{color:color-mix(in srgb, var(--muted) 88%, var(--text));margin:8px 0 0;font-size:12px}.api-example .api-warning{color:var(--warning)}.api-example .api-hint{color:var(--accent)}.page-error{border:1px solid color-mix(in srgb, var(--danger) 48%, var(--line));border-radius:var(--r-md);background:color-mix(in srgb, var(--danger) 12%, var(--surface));color:color-mix(in srgb, var(--danger) 88%, var(--text));justify-content:space-between;align-items:center;gap:15px;margin:0 14px 12px;padding:11px 13px;font-size:13px;font-weight:550;display:flex}.page-error button{color:inherit;text-underline-offset:2px;background:0 0;border:0;font-weight:700;text-decoration:underline}.page-error button:hover{color:var(--danger)}.form-error{border:1px solid color-mix(in srgb, var(--danger) 36%, var(--line));border-radius:var(--r-sm);background:color-mix(in srgb, var(--danger) 10%, var(--surface-soft));margin:0;padding:8px 10px;font-size:13px;font-weight:550;line-height:1.45;color:color-mix(in srgb, var(--danger) 90%, var(--text))!important}.toast{z-index:50;border:1px solid color-mix(in srgb, var(--success) 28%, var(--line-strong));border-radius:var(--r-md);background:color-mix(in srgb, var(--surface) 92%, var(--accent-soft));box-shadow:var(--shadow-lg);-webkit-backdrop-filter:none;color:var(--text);pointer-events:none;align-items:center;gap:9px;padding:10px 15px;font-size:13px;font-weight:550;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast svg{color:var(--success)}.loading-list{gap:0;padding:0;display:grid}.loading-list i{border-bottom:1px solid color-mix(in srgb, var(--seam) 70%, transparent);background:linear-gradient(105deg, var(--surface-soft) 25%, var(--surface-hover) 42%, var(--surface-soft) 58%);background-size:220% 100%;border-radius:0;height:64px;animation:1.4s ease-in-out infinite shimmer}.sidebar-footer{padding:var(--space-3) max(var(--space-3), 12px) var(--space-4);border-top:1px solid var(--seam);background:0 0;flex:none;grid-template-columns:1fr;align-items:stretch;gap:6px;margin-top:auto;display:grid}.sidebar-footer>span{min-width:0;max-width:100%;color:color-mix(in srgb, var(--muted) 94%, var(--text));white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;font-size:11px;line-height:1.35;display:inline-flex;overflow:hidden}.sidebar-footer>span i{background:var(--seal);width:6px;height:6px;box-shadow:none;border-radius:50%;flex:none}.sidebar-actions{justify-content:stretch;align-items:center;gap:4px;display:flex}.sidebar-actions .theme-control{flex:none;padding:2px}.sidebar-actions .theme-control button{width:26px;height:26px}.sidebar-actions .icon-button{background:0 0;border:0;width:30px;height:30px}.sidebar-actions .quiet-button{min-height:30px;color:color-mix(in srgb, var(--muted) 92%, var(--text));white-space:nowrap;background:0 0;border:0;flex:1 1 0;gap:6px;padding:5px 8px;font-size:12px}.sidebar-actions .quiet-button:hover{background:var(--surface-hover);color:var(--text)}.loader{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.spinning{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-220% 0}}@keyframes popover-in{0%{opacity:0;transform:translateY(-4px)}}.auth-shell{background:radial-gradient(ellipse 80% 55% at 50% -10%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%), var(--bg);place-items:center;min-height:100dvh;padding:24px;display:grid;position:relative}.auth-card{border:1px solid color-mix(in srgb, var(--line) 85%, var(--line-strong));border-radius:var(--r-xl);background:var(--paper), var(--surface);width:min(400px,100%);box-shadow:var(--shadow);padding:30px 28px 28px}.auth-top{justify-content:space-between;align-items:center;gap:18px;display:flex}.auth-copy{margin:40px 0 24px}.auth-copy .eyebrow{color:color-mix(in srgb, var(--muted) 55%, var(--accent));letter-spacing:.14em;font-weight:650}.auth-copy h1{letter-spacing:-.72px;text-wrap:balance;margin:0;font-size:clamp(26px,5vw,30px);font-weight:700;line-height:1.15}.auth-copy p:not(.eyebrow){color:color-mix(in srgb, var(--muted) 92%, var(--text));max-width:34ch;margin:10px 0 0;font-size:14px;line-height:1.55}.auth-card form{gap:0;display:grid}.auth-card form label{color:color-mix(in srgb, var(--muted) 70%, var(--text));letter-spacing:.02em;gap:8px;font-size:12px;font-weight:650;display:grid}.auth-card input{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface-soft);width:100%;color:var(--text);transition:border-color var(--ease), box-shadow var(--ease), background-color var(--ease);padding:12px 13px;font-size:15px}.auth-card input:hover{border-color:color-mix(in srgb, var(--line-strong) 70%, var(--accent))}.auth-card input:focus{border-color:var(--accent);background:var(--surface);box-shadow:var(--focus)}.auth-card .wide{letter-spacing:.02em;min-height:44px;margin-top:18px;padding:11px 16px;font-size:14.5px;font-weight:700}.auth-card .form-error{margin-top:10px}:root[data-theme=light] .auth-card,:root[data-theme=system] .auth-card{border-color:color-mix(in srgb, var(--line-strong) 75%, var(--accent))}@media (prefers-color-scheme:dark){:root[data-theme=system] .auth-card{border-color:color-mix(in srgb, var(--line) 85%, var(--line-strong))}}@media (width<=1280px){.app-shell{grid-template-columns:var(--sidebar-width,188px) var(--list-width,280px) minmax(0, 1fr)}.message-reader{padding:clamp(24px,2.4vw,36px) clamp(26px,3.2vw,44px) clamp(32px,3.2vw,48px)}.reader-pending{padding:clamp(24px,2.4vw,36px) clamp(26px,3.2vw,44px)}.reader-head h2{font-size:21px}.token-layout{grid-template-columns:1fr}}@media (width<=1100px){.app-shell{grid-template-columns:var(--sidebar-width,176px) var(--list-width,260px) minmax(0, 1fr)}.message-reader{padding:24px 26px 32px}.reader-pending{padding:24px 26px}.reader-head{grid-template-columns:minmax(0,1fr)}.reader-actions{justify-content:flex-start}.sender-picker{grid-template-columns:1fr;gap:9px}.sender-presets{grid-column:auto}}@media (width<=820px){body:has(.app-shell){overflow:auto}body{background:var(--pane-shell)}.app-shell{width:100%;height:auto;min-height:100dvh;box-shadow:none;background:var(--pane-shell);border:0;border-radius:0;margin:0;display:block;overflow:visible}.mail-sidebar{border-right:0;min-height:auto}.pane-resizer{display:none}.sidebar-head{padding:14px 14px 10px}.private-badge{display:none}.sidebar-actions .quiet-button{width:34px;padding:0;font-size:0}.sidebar-utils{margin-inline:12px}.view-tabs{border-bottom:0;grid-template-columns:repeat(3,minmax(0,1fr));margin-inline:12px;padding-bottom:0}.view-tabs button{justify-content:center;padding-inline:6px}.view-tabs button span{margin-left:0}.mailbox-folders{grid-template-columns:repeat(4,minmax(0,1fr));margin-inline:12px}.mailbox-folders button{grid-template-columns:auto;justify-content:center;justify-items:center;gap:2px;padding:6px 4px}.mailbox-folders button b{font-size:10px;font-weight:550;display:block}.special-mailboxes{flex:none;max-height:280px;margin-inline:12px}.special-mailbox-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;display:grid}.mailbox-column{border-right:0;border-top:1px solid var(--seam);min-height:360px;max-height:460px;box-shadow:none}.mailbox-column:after{display:none}.sidebar-footer{gap:8px}.work-pane{border-top:1px solid var(--seam);min-height:470px;overflow:visible}.work-pane.wide-pane{min-height:auto;box-shadow:none}.selection-toolbar{min-height:34px;padding:5px 8px 5px 12px}.mailbox-chrome{padding-inline:10px;padding-bottom:0}.mailbox-chrome .selection-toolbar{margin-inline:-10px;padding:6px 8px 6px 12px}.message-row{column-gap:8px;padding:9px 8px 9px 12px}.message-row-identity b{font-size:13px}.message-row strong{font-size:12.5px}.message-row time{min-width:3.1em;font-size:11px}.message-preview{font-size:12px}.message-checkbox{width:22px;min-height:0;padding-top:2px}.message-star{width:24px;height:24px;margin-top:0}.message-reader{min-height:430px;padding:22px 18px 28px}.reader-pending{padding:22px 18px}.reader-head{grid-template-columns:minmax(0,1fr);row-gap:10px;padding-bottom:14px}.reader-route{gap:8px}.reader-actions{justify-content:flex-start;width:100%}.reader-head h2{font-size:20px}.reader-body{margin-top:20px}.code-card{flex-wrap:wrap}.compose-view,.agent-view{box-shadow:none;padding:18px 14px}.view-heading{flex-direction:column;align-items:flex-start;gap:8px}.view-heading h1{font-size:26px}.sender-picker{grid-template-columns:1fr;gap:9px}.sender-prefix-field{width:100%}.sender-presets{grid-column:auto}.token-reveal{flex-direction:column;align-items:stretch}.token-row,.token-row-actions{flex-wrap:wrap}.token-reveal .primary{align-self:flex-start}.token-edit-scopes{grid-template-columns:1fr}.api-guide-head{flex-direction:column;align-items:flex-start;gap:8px}.api-guide-body{grid-template-columns:1fr}.api-endpoints{grid-template-columns:repeat(3,minmax(0,1fr))}.api-endpoints button{align-content:start}.api-example-head{align-items:flex-start}.settings-overlay{align-items:stretch;padding:0}.settings-dialog{border:0;border-radius:0;width:100%;min-height:100dvh;max-height:100dvh}.settings-header{padding:14px 16px}.settings-body{padding:12px 14px 14px;overflow-y:auto}.settings-grid{grid-template-columns:1fr;gap:12px;height:auto}.settings-column{gap:12px;padding-right:0;overflow:visible}.alias-registry{min-height:430px}.settings-alias-list{margin-top:10px}.auth-card{padding:24px}.auth-copy{margin-top:36px}}@media (width<=460px){.mailbox-chrome{padding-inline:10px;padding-bottom:0}.mailbox-chrome .selection-toolbar{margin-inline:-10px;padding:6px 8px 6px 12px}.mail-tools{grid-template-columns:minmax(0,1fr)}.mailbox-folders{margin-inline:10px}.mailbox-folders button{gap:3px;padding-inline:4px}.selection-toolbar{gap:6px;padding-inline:10px 7px}.message-list{padding-bottom:2px}.message-row{grid-template-columns:22px minmax(0,1fr) 22px;column-gap:8px;padding:8px 6px 8px 12px}.message-open{gap:2px;padding:0}.message-checkbox{width:22px;padding-top:2px}.message-row-top{gap:6px}.message-platform{max-width:36%;font-size:10.5px}.auth-shell{padding:16px}.auth-card{padding:24px 20px 22px}.auth-copy{margin:28px 0 20px}.auth-card .wide{min-height:46px}.settings-prefix-row{grid-template-columns:1fr}.settings-prefix-row .primary{width:100%}.settings-inline-row{grid-template-columns:1fr}.settings-inline-row .primary{width:100%}.settings-card-heading,.settings-prefix-form{padding-inline:14px}.settings-option-row,.service-setting-row,.agent-integration-row,.settings-stack,.settings-disclosure,.settings-card-error{margin-inline:14px}.settings-disclosure .settings-stack{margin-inline:0}.settings-option-row:has(>.settings-select){flex-direction:column;align-items:stretch;gap:9px}.settings-option-row .settings-select{width:100%}.alias-registry-search{margin-inline:12px}.settings-registry-note{padding-inline:14px}.api-endpoints{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
