:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;--font-reading:var(--font-ui);--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--reading-size:17px;--text-xs:12px;--leading-xs:16px;--text-sm:13px;--leading-sm:18px;--text-base:14px;--leading-base:20px;--text-md:15px;--leading-md:22px;--text-lg:16px;--leading-lg:24px;--text-2xl:22px;--leading-2xl:30px;--text-stat:28px;--color-canvas:#eceef1;--color-surface:#fff;--color-surface-muted:#f4f5f7;--color-surface-subtle:#f7f8f9;--color-border:#e3e6ea;--color-border-subtle:#eef0f2;--color-border-strong:#dadde2;--color-text:#111418;--color-text-reading:#2b3038;--color-text-muted:#5b6370;--color-text-subtle:#6b7280;--color-control-off:#8a929e;--color-primary:#111418;--color-primary-hover:#2b3038;--color-on-primary:#fff;--color-accent:#2563eb;--color-accent-strong:#1d4ed8;--color-accent-soft:#eff4ff;--color-accent-ring:#d1e0ff;--color-selected:#f5f8ff;--color-selected-border:#3b82f6;--color-star:#fbbf24;--color-star-stroke:#d97706;--color-scrim:#11141866;--color-danger:#b42318;--color-danger-hover:#912018;--color-danger-soft:#fef3f2;--color-danger-border:#fecdca;--color-danger-text:#7a271a;--color-warning:#b54708;--color-warning-soft:#fffaeb;--color-warning-border:#fedf89;--color-warning-text:#7a2e0e;--color-success:#067647;--color-success-soft:#ecfdf3;--color-success-border:#abefc6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:999px;--shadow-sm:0 1px 2px #10182814;--shadow-md:0 1px 2px #1018280a, 0 12px 32px -12px #1018282e;--shadow-lg:0 24px 48px -12px #10182847;--rail-width:72px;--list-width:480px;--control-height:40px;--control-height-sm:32px}*{box-sizing:border-box}html,body,#root{height:100%}body{accent-color:var(--color-accent);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-base);color:var(--color-text);background:var(--color-canvas);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ellipsis{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.hint{font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--color-text-muted);margin:0}.error{border:1px solid var(--color-danger-border);border-radius:var(--radius-sm);background:var(--color-danger-soft);color:var(--color-danger);font-size:var(--text-sm);line-height:var(--leading-sm);margin:0;padding:10px 12px}kbd,.kbd{border:1px solid var(--color-border);border-radius:var(--radius-xs);background:var(--color-surface-subtle);font-family:inherit;font-size:var(--text-xs);color:var(--color-text-muted);padding:0 6px;line-height:18px}.btn{height:var(--control-height);padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-base);white-space:nowrap;justify-content:center;align-items:center;gap:var(--space-2);flex:none;font-weight:500;text-decoration:none;transition:background-color .12s,border-color .12s;display:inline-flex}.btn:hover:not(:disabled){background:var(--color-surface-subtle);border-color:var(--color-border-strong)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--color-primary);color:var(--color-on-primary);border-color:#0000;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:#0000}.btn-danger{background:var(--color-danger);color:#fff;border-color:#0000;font-weight:600}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover);border-color:#0000}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-surface-muted);border-color:#0000}.btn-quiet-danger{color:var(--color-danger);background:0 0;border-color:#0000;margin-right:auto}.btn-quiet-danger:hover:not(:disabled){background:var(--color-danger-soft);border-color:#0000}.btn-small{height:var(--control-height-sm);padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm)}.icon-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-text-muted);background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;transition:background-color .12s,color .12s;display:inline-flex}.icon-btn:hover:not(:disabled){color:var(--color-text);background:#1114180f}.icon-btn:disabled{opacity:.4;cursor:default}.icon-btn[aria-pressed=true]{background:var(--color-accent-soft);color:var(--color-accent-strong)}.icon-btn.star[aria-pressed=true]{color:var(--color-star-stroke);background:0 0}.icon-btn.star[aria-pressed=true] svg{fill:var(--color-star)}.chip{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);height:30px;font-size:var(--text-sm);white-space:nowrap;align-items:center;gap:6px;padding:0 10px;font-weight:500;display:inline-flex}.chip:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-surface-subtle)}.chip:disabled{opacity:.5;cursor:default}.filter-chip{height:28px;color:var(--color-text-muted)}.filter-chip[aria-pressed=true],.filter-chip[aria-pressed=true]:hover:not(:disabled){background:var(--color-text);color:var(--color-surface);border-color:#0000}.chip-count{border-radius:var(--radius-full);background:var(--color-accent);color:#fff;text-align:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;line-height:18px}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>span{font-size:var(--text-sm);line-height:var(--leading-sm);font-weight:500}.input{width:100%;height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-ring);outline:none}.textarea{resize:vertical;height:auto;padding:10px 12px;line-height:1.5}.tag{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-subtle);height:22px;color:var(--color-text-muted);font-size:var(--text-xs);white-space:nowrap;flex:none;align-items:center;gap:4px;padding:0 8px;font-weight:500;line-height:20px;display:inline-flex}.tag-sm{height:20px;padding:0 7px;line-height:18px}.tag-account{--tag:var(--color-text-muted);border-color:color-mix(in srgb, var(--tag) 28%, #fff);background:color-mix(in srgb, var(--tag) 8%, #fff);color:color-mix(in srgb, var(--tag) 85%, #000)}.tag-danger{border-color:var(--color-danger-border);background:var(--color-danger-soft);color:var(--color-danger)}.tag-warning{border-color:var(--color-warning-border);background:var(--color-warning-soft);color:var(--color-warning)}.tag-success{border-color:var(--color-success-border);background:var(--color-success-soft);color:var(--color-success)}.avatar,.account-avatar{-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}.avatar-logo{object-fit:cover;outline:1px solid var(--color-border-subtle);outline-offset:-1px;background:#fff;display:block}.account-avatar{color:#fff}.account-letter.two{letter-spacing:-.02em;font-size:.78em}.banner{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-subtle);color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-sm);flex-wrap:wrap;align-items:flex-start;gap:10px 12px;padding:10px 12px;display:flex}.banner>svg{flex:none;margin-top:1px}.banner-text{flex:220px;min-width:0}.banner-text strong{color:var(--color-text);font-weight:600}.banner-action{align-self:center;margin-left:auto}.banner-danger{border-color:var(--color-danger-border);background:var(--color-danger-soft);color:var(--color-danger-text)}.banner-danger>svg,.banner-danger .banner-text strong{color:var(--color-danger)}.banner-warning{border-color:var(--color-warning-border);background:var(--color-warning-soft);color:var(--color-warning-text)}.banner-warning>svg,.banner-warning .banner-text strong{color:var(--color-warning)}.switch-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);cursor:pointer;display:flex}.switch-text{flex-direction:column;gap:2px;line-height:1.45;display:flex}.switch-text strong{font-weight:500}.switch-text>span{font-size:var(--text-sm);color:var(--color-text-muted)}.switch{appearance:none;border-radius:var(--radius-full);background:var(--color-control-off);cursor:pointer;flex:none;width:36px;height:20px;margin:2px 0 0;transition:background .15s;position:relative}.switch:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #10182833}.switch:checked{background:var(--color-accent)}.switch:checked:before{transform:translate(16px)}.switch:disabled{opacity:.5;cursor:default}.segmented{border-radius:var(--radius-md);background:var(--color-surface-muted);border:none;gap:2px;margin:0;padding:3px;display:inline-flex}.segment-option{border-radius:var(--radius-sm);height:30px;color:var(--color-text-muted);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 12px;font-weight:500;display:inline-flex}.segment-option.selected{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm), 0 0 0 1px var(--color-border)}.segment-option:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:1px}.toast{z-index:10;border-radius:var(--radius-md);background:var(--color-primary);max-width:calc(100vw - 32px);color:var(--color-on-primary);font-size:var(--text-sm);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;padding:10px 16px;font-weight:500;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,16px)}.toast.visible{opacity:1;transform:translate(-50%)}.loading{justify-content:center;align-items:center;gap:var(--space-2);height:100%;color:var(--color-text-muted);display:flex}.icon-btn.spinning svg{animation:.9s linear infinite spin}.icon-btn.spinning:disabled{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.toast,.switch,.switch:before,.btn,.icon-btn{transition:none}.icon-btn.spinning svg{animation:none}}.app{height:100%;padding:var(--space-3);background:var(--color-canvas);display:flex}.shell{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);min-width:0;box-shadow:var(--shadow-md);flex:auto;display:flex;overflow:hidden}.rail{flex:0 0 var(--rail-width);align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-right:1px solid var(--color-border-subtle);flex-direction:column;display:flex;overflow-y:auto}.rail-logo{background:var(--color-primary);width:40px;height:40px;color:var(--color-on-primary);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.rail-pill{align-items:center;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);background:var(--color-surface-muted);flex-direction:column;display:flex}.rail-btn{border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-text-muted);background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.rail-btn:hover{color:var(--color-text);background:#1114180d}.rail-btn[aria-current=page],.rail-btn[aria-pressed=true]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm), 0 0 0 1px var(--color-border)}.rail-btn .account-avatar{width:28px;height:28px;font-size:12px}.rail-btn.paused .account-avatar{opacity:.45;filter:grayscale(.6)}.add-avatar{border:1.5px dashed var(--color-control-off);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.count{border:2px solid var(--color-surface-muted);border-radius:var(--radius-full);background:var(--color-accent);color:#fff;text-align:center;font-variant-numeric:tabular-nums;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:14px;position:absolute;top:-1px;right:-3px}.count.paused,.count.error{background:var(--color-text-muted);justify-content:center;align-items:center;display:inline-flex}.count.error{background:var(--color-warning)}.rail-spacer{flex:auto}.workspace{flex-direction:column;flex:auto;min-width:0;display:flex}.topbar{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);flex:none;display:flex}.topbar-nav{display:none}.search{min-width:0;height:var(--control-height);padding:0 var(--space-2) 0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex:320px;align-items:center;gap:10px;display:flex}.search:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-ring)}.search>svg{color:var(--color-accent);flex:none}.search input{background:0 0;border:none;outline:none;flex:auto;min-width:0;height:36px;padding:0}.panes,.dashboard-pane{min-height:0;padding:0 var(--space-5) var(--space-5);flex:auto}.panes{gap:var(--space-4);display:flex}.dashboard-pane{overflow-y:auto}.list-pane,.reader-pane{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.reader-pane{overflow-y:auto}.back-btn{display:none}@media (min-width:1280px){.list-pane{flex:0 0 var(--list-width)}.app.focus .list-pane{display:none}}@media (max-width:1279.98px){.app.reading .list-pane,.app:not(.reading) .reader-pane{display:none}.back-btn{display:inline-flex}.focus-toggle{display:none}}.mobile-nav,.fab{display:none}@media (max-width:767.98px){.app{padding:0}.shell{box-shadow:none;border:none;border-radius:0;flex-direction:column}.rail,.topbar .compose-btn,.search .kbd{display:none}.workspace{flex:auto;min-height:0}.topbar{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.topbar-nav{border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);background:var(--color-surface-muted);width:44px;height:44px;color:var(--color-text);display:inline-flex}.topbar-nav .account-avatar{width:30px;height:30px;font-size:13px}.search{height:44px}.search input{font-size:16px}.panes,.dashboard-pane{padding:0}.mobile-nav{padding:6px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border-subtle);background:var(--color-surface);flex:none;display:flex}.mobile-nav button{min-height:56px;color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-xs);background:0 0;border:none;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;padding:0;font-weight:500;display:flex}.mobile-nav button>span{border-radius:var(--radius-full);justify-content:center;align-items:center;width:56px;height:30px;display:flex}.mobile-nav button[aria-current=page]{color:var(--color-text);font-weight:600}.mobile-nav button[aria-current=page]>span{background:var(--color-border-subtle)}.fab{right:16px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:5;border-radius:var(--radius-full);background:var(--color-primary);height:52px;color:var(--color-on-primary);font-size:var(--text-md);align-items:center;gap:var(--space-2);border:none;padding:0 20px 0 18px;font-weight:600;display:inline-flex;position:fixed;box-shadow:0 8px 24px -4px #10182852}.app.reading .topbar,.app.reading .mobile-nav,.app.reading .fab,.app.on-page .fab{display:none}.toast{bottom:calc(148px + env(safe-area-inset-bottom))}.app.reading .toast{bottom:24px}}.nav-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.nav-item{border-radius:var(--radius-md);width:100%;min-height:48px;color:var(--color-text);text-align:left;align-items:center;gap:var(--space-3);background:0 0;border:none;padding:6px 10px;display:flex}.nav-item:hover{background:var(--color-surface-muted)}.nav-item[aria-current=page],.nav-item[aria-pressed=true]{background:var(--color-selected);box-shadow:inset 0 0 0 1px var(--color-selected-border)}.nav-item>svg{color:var(--color-text-muted);flex:none;margin:0 5px}.nav-item .account-avatar{width:30px;height:30px;font-size:13px}.nav-item .meta{flex-direction:column;flex:auto;min-width:0;display:flex}.nav-item .meta span{font-size:var(--text-xs);color:var(--color-text-muted)}.nav-count{font-size:var(--text-sm);color:var(--color-accent-strong);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}.list-scroll{gap:var(--space-4);flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto;container:list/inline-size}.panel{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-muted);flex:none;padding:0 6px 6px}.panel-head{z-index:1;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface-muted);min-height:52px;padding:8px 2px 8px 8px;display:flex;position:sticky;top:0}.panel-head>svg{flex:none}.panel-head h1,.panel-head h2{font-size:var(--text-md);line-height:var(--leading-md);white-space:nowrap;font-weight:600}.panel-count{min-width:0;font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.panel-actions{align-items:center;gap:2px;margin-left:auto;display:flex}.panel-head:has(.panel-filters){flex-wrap:wrap}.panel-head:has(.panel-filters) .panel-count{flex:1 1 0}.panel-filters{flex:1 0 100%;align-items:center;gap:6px;display:flex}@container list (width>=600px){.panel-filters{flex:none;order:1;margin-left:auto}.panel-head:has(.panel-filters) .panel-actions{order:2;margin-left:0}}.link-btn{border-radius:var(--radius-sm);height:32px;color:var(--color-accent-strong);font-size:var(--text-sm);white-space:nowrap;background:0 0;border:none;padding:0 10px;font-weight:500}.link-btn:hover{background:var(--color-accent-soft)}.selection-bar{flex-wrap:wrap;flex:auto;justify-content:space-between;align-items:center;gap:6px;display:flex}.selection-info,.selection-actions{align-items:center;gap:6px;display:flex}.selection-count{font-size:var(--text-sm);white-space:nowrap;font-weight:600}.list-empty{align-items:center;gap:var(--space-3);text-align:center;color:var(--color-text-muted);flex-direction:column;padding:48px 24px;display:flex}.list-more{justify-content:center;padding:12px 0 6px;display:flex}.messages{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.message{border-radius:var(--radius-sm);background:var(--color-surface);-webkit-user-select:none;user-select:none;border:1px solid #0000;align-items:center;gap:10px;min-height:60px;padding:9px 12px;display:flex;position:relative}.message:hover{border-color:var(--color-border)}.message.selected{background:var(--color-accent-soft)}.message.current{border-color:var(--color-selected-border);background:var(--color-selected)}.message:has(.message-item:focus-visible){outline:2px solid var(--color-accent);outline-offset:1px}.unread-dot{border-radius:50%;flex:0 0 8px;height:8px}.message.unread .unread-dot{background:var(--color-accent)}.avatar-check{cursor:pointer;border-radius:50%;flex:0 0 32px;width:32px;height:32px;position:relative}.avatar-check .avatar{width:100%;height:100%;font-size:12px}.avatar-check .check{border:2px solid var(--color-control-off);background:var(--color-surface);color:#0000;border-radius:50%;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.avatar-check:hover .check,.messages.selecting .avatar-check .check{display:flex}.avatar-check:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.avatar-check:has(input:checked) .check{border-color:var(--color-accent);background:var(--color-accent);color:#fff;display:flex}.message-item{min-width:0;color:inherit;text-align:left;background:0 0;border:none;flex-direction:column;flex:auto;gap:2px;padding:0;display:flex}.message-item:focus-visible{outline:none}.m-head{align-items:center;gap:var(--space-2);min-width:0;display:flex}.m-from{flex:0 10 auto}.m-tags{flex:0 .05 auto;gap:6px;min-width:0;display:flex;overflow:hidden}.m-meta{color:var(--color-text-muted);flex:none;justify-content:flex-end;align-items:center;gap:6px;margin-left:auto;display:flex}.m-date{font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--color-text-muted);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;flex:none}.m-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:var(--text-sm);line-height:var(--leading-sm);overflow:hidden}.m-subject{font-weight:500}.m-preview{color:var(--color-text-subtle);margin-left:6px}.message.unread .m-from,.message.unread .m-subject,.message.unread .m-date{font-weight:600}.message.unread .m-date{color:var(--color-text)}@container list (width>=760px){.message{gap:12px;min-height:46px;padding:7px 12px}.avatar-check{flex-basis:28px;width:28px;height:28px}.avatar-check .avatar{font-size:11px}.message-item{grid-template-columns:168px auto minmax(0,1fr) 40px 84px;grid-template-areas:"from tags text meta date";align-items:center;column-gap:12px;display:grid}.m-head{display:contents}.m-from{grid-area:from}.m-tags{grid-area:tags}.m-text{font-size:var(--text-base);line-height:var(--leading-base);grid-area:text}.m-meta{grid-area:meta;margin-left:0}.m-date{grid-area:date}.m-preview{margin-left:8px}}@container list (width<=439px){.message{align-items:flex-start}.unread-dot{margin-top:6px}.avatar-check{flex-basis:40px;width:40px;height:40px}.avatar-check .avatar{font-size:14px}.m-from{font-size:var(--text-md)}.m-tags .tag-account{background:var(--tag);border:none;align-self:center;width:10px;height:10px;padding:0;font-size:0}.m-text{display:contents}.m-subject,.m-preview{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.m-subject{font-size:var(--text-base);line-height:var(--leading-base)}.m-preview{font-size:var(--text-sm);line-height:var(--leading-sm);margin-left:0}}@media (max-width:767.98px){.list-scroll{gap:0;padding-bottom:88px}.panel{background:var(--color-surface);border:none;border-radius:0;padding:0}.panel-head{border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface);border-radius:0;padding:8px 8px 8px 16px}.messages{gap:0}.message{border:none;border-bottom:1px solid var(--color-border-subtle);border-radius:0;padding:12px 16px}.message.current{box-shadow:inset 3px 0 0 var(--color-selected-border)}}.reader{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-muted);flex-direction:column;flex:none;padding:0 6px 6px;display:flex}.reader-toolbar{z-index:1;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface-muted);flex-wrap:wrap;align-items:center;gap:2px;min-height:52px;padding:8px 2px;display:flex;position:sticky;top:0}.reader-toolbar .sep{background:var(--color-border-strong);width:1px;height:20px;margin:0 6px}.reader-toolbar .spacer{flex:auto}.back-btn{border-radius:var(--radius-sm);height:36px;color:var(--color-text);font-size:var(--text-sm);background:0 0;border:none;align-items:center;gap:6px;margin-right:4px;padding:0 10px 0 6px;font-weight:500}.back-btn:hover{background:#1114180f}.font-toggle{font-family:var(--font-reading);font-size:17px;font-weight:600;line-height:1}.reader-card{gap:var(--space-6);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;padding:28px 32px 32px;display:flex}.reader-subject{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.reader-subject h2{font-size:var(--text-2xl);line-height:var(--leading-2xl);letter-spacing:-.01em;overflow-wrap:anywhere;font-weight:600}.sender{align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.sender .avatar{width:40px;height:40px;font-size:14px}.sender-info{flex:280px;min-width:0}.sender-line{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.sender-name{font-weight:600}.sender-address,.sender-to,.sender-date{font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--color-text-muted);overflow-wrap:anywhere}.sender-to{margin-top:2px}.sender-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.sender-date{white-space:nowrap}.reader-body{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.mail-frame{background:0 0;border:none;width:100%;min-height:40px;display:block}.text-body{max-width:72ch;font-family:var(--font-reading);font-size:var(--reading-size);color:var(--color-text-reading);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.65}.text-body a,.link-like{color:var(--color-accent-strong)}.quote-toggle{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-subtle);height:24px;color:var(--color-text-muted);font-size:var(--text-sm);align-self:flex-start;padding:0 10px;line-height:1}.attachments-title{font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--color-text-muted);margin:0 0 10px;font-weight:500}.attachments{flex-wrap:wrap;gap:10px;display:flex}.attachment{align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:260px;max-width:100%;color:var(--color-text);padding:8px 12px 8px 8px;text-decoration:none;display:flex}a.attachment:hover{border-color:var(--color-border-strong);background:var(--color-surface-subtle)}.attachment.risky{border-color:var(--color-danger-border)}.attachment.disabled{opacity:.6;cursor:not-allowed}.file-tile{border-radius:var(--radius-sm);background:var(--color-accent-soft);width:36px;height:36px;color:var(--color-accent-strong);letter-spacing:.02em;flex:none;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.attachment.risky .file-tile{background:var(--color-danger-soft);color:var(--color-danger)}.attachment.disabled .file-tile{background:var(--color-surface-muted);color:var(--color-text-muted)}.attachment .meta{flex-direction:column;flex:auto;min-width:0;display:flex}.attachment .meta strong{font-size:var(--text-sm);font-weight:500}.attachment .meta span{font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--color-text-muted)}.attachment>svg{color:var(--color-text-muted);flex:none}.reply{gap:var(--space-2);border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;flex-direction:column;padding:12px 12px 10px 14px;display:flex}.reply:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-ring)}.reply label{font-size:var(--text-sm);color:var(--color-text-muted)}.reply textarea{resize:vertical;background:0 0;border:none;outline:none;min-height:66px;padding:0;line-height:22px}.reply-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.reply-actions .hint{margin-right:auto}.reader-empty{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-8);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-muted);color:var(--color-text-muted);text-align:center;flex-direction:column;flex:auto;display:flex}.reader-empty p{max-width:420px;margin:0}@media (max-width:767.98px){.back-btn span,.reader-toolbar .nav-step{display:none}.back-btn{margin-right:0;padding:0 10px}.reply-actions .hint{flex-basis:100%}.reply-actions .btn:first-of-type{margin-left:auto}.reader{background:var(--color-surface);border:none;border-radius:0;padding:0}.reader-toolbar{border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface);border-radius:0;padding:8px}.reader-card{gap:var(--space-5);padding:20px 16px 24px}.reader-subject h2{font-size:20px;line-height:28px}.reader-empty{background:var(--color-surface);border:none;border-radius:0}}dialog.modal{border:1px solid var(--color-border);background:var(--color-surface);width:min(520px,100vw - 32px);max-height:calc(100vh - 48px);color:var(--color-text);box-shadow:var(--shadow-lg);border-radius:16px;padding:0}dialog.modal.wide{width:min(680px,100vw - 32px)}dialog.modal::backdrop{background:var(--color-scrim)}.modal-form{flex-direction:column;display:flex}.modal-body{flex-direction:column;gap:14px;padding:20px 24px;display:flex}.modal-body h2{font-size:var(--text-lg);line-height:var(--leading-lg);font-weight:600}.modal-body p{margin:0;line-height:1.5}.modal-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);border-top:1px solid var(--color-border-subtle);background:#fafafb;flex-wrap:wrap;padding:12px 20px 12px 24px;display:flex}.danger-title{color:var(--color-danger);align-items:center;gap:10px;display:flex}.risk-list{flex-direction:column;gap:6px;margin:0;padding-left:20px;line-height:1.45;display:flex}.url-box{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-subtle);font-family:var(--font-mono);overflow-wrap:anywhere;padding:10px 12px;font-size:12.5px}.url-box strong{background:#fef3c7;font-weight:700}.grid-2{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}dialog.modal.sheet{border-bottom:none;border-radius:18px 18px 0 0;width:100%;max-width:480px;max-height:min(80vh,640px);margin:auto auto 0}.sheet .modal-body{padding:16px 16px calc(16px + env(safe-area-inset-bottom));gap:16px}.sheet-head{justify-content:space-between;align-items:center;display:flex}.sheet h3{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 6px 10px;font-weight:600}.compose{flex-direction:column;max-height:calc(100vh - 48px);display:flex}.compose-head{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:4px;padding:12px 12px 12px 20px;display:flex}.compose-head h2{font-size:var(--text-lg);line-height:var(--leading-lg);flex:auto;font-weight:600}.compose-row{align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border-subtle);min-height:52px;padding:8px 20px;display:flex}.compose-row label{font-size:var(--text-sm);color:var(--color-text-muted);flex:0 0 48px}.compose-row input{background:0 0;border:none;outline:none;flex:auto;min-width:0;height:34px;padding:0}.compose-row select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);flex:0 auto;min-width:0;max-width:100%;height:34px;padding:0 8px}.compose-row select:focus-visible{box-shadow:inset 2px 0 0 var(--color-accent);outline:none}.compose-row:has(input:focus-visible){box-shadow:inset 2px 0 0 var(--color-accent);outline:none}.compose textarea{resize:vertical;min-height:260px;font-size:var(--text-md);background:0 0;border:none;outline:none;flex:auto;padding:18px 20px;line-height:24px}.compose .error{margin:0 20px 12px}.compose-hint{margin-right:auto}.presets{gap:var(--space-2);border:none;flex-wrap:wrap;min-width:0;margin:0;padding:0;display:flex}.preset{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);height:34px;font-size:var(--text-sm);padding:0 14px;font-weight:500}.preset[aria-pressed=true]{border-color:var(--color-selected-border);background:var(--color-selected);color:var(--color-accent-strong)}.preset:disabled{opacity:.55;cursor:not-allowed}.settings-section{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-subtle);flex-direction:column;gap:10px;display:flex}.settings-section:last-child{border-bottom:none;padding-bottom:0}.settings-section h3{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.font-sample{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-subtle);color:var(--color-text-reading);padding:12px 14px;line-height:1.5}.account-row{border-radius:var(--radius-md);color:inherit;font:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:10px;margin:0 -6px;padding:8px 6px;display:flex}button.account-row:hover{background:var(--color-surface-muted)}button.account-row>svg:last-child{color:var(--color-text-muted);flex:none}.account-row .account-avatar{width:36px;height:36px;font-size:14px}.account-row .meta,.account-head .meta{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.account-row .meta span,.account-head .meta span{font-size:var(--text-xs);color:var(--color-text-muted);overflow-wrap:anywhere}.account-head{align-items:center;gap:14px;display:flex}.color-field{border:none;min-width:0;margin:0;padding:0}.color-field legend{font-size:var(--text-sm);margin-bottom:6px;padding:0;font-weight:500}.swatches{gap:var(--space-2);flex-wrap:wrap;display:flex}.swatch{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #0000001f}.swatch:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.swatch.custom.selected{box-shadow:0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-text)}.swatch:has(input:checked){box-shadow:0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-text)}.swatch.custom{background:var(--color-surface);color:var(--color-text-muted);box-shadow:inset 0 0 0 1px var(--color-border)}.swatch.custom.selected{color:#fff}.swatch.custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.server-fields{gap:var(--space-3);grid-template-columns:minmax(0,1fr) 96px 132px;display:grid}@media (max-width:860px){.grid-2{grid-template-columns:1fr}.server-fields{grid-template-columns:minmax(0,1fr) 1fr}.server-fields>:first-child{grid-column:1/-1}}@media (max-width:480px){.btn-quiet-danger{flex-basis:100%;order:1;margin-right:0}}.dashboard{padding:0 var(--space-4) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-muted);gap:var(--space-3);flex-direction:column;transition:opacity .15s;display:flex}.dashboard.refreshing{opacity:.6}.dashboard-head{min-height:60px;padding:var(--space-3) 0 0;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.dashboard-title{align-items:center;gap:var(--space-2);min-width:0;display:flex}.dashboard-title h1{font-size:var(--text-md);line-height:var(--leading-md);font-weight:600}.dashboard-status{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.stat-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.stat-tile,.card,.figures{border-radius:var(--radius-md);background:var(--color-surface)}.stat-tile{flex-direction:column;gap:4px;padding:14px 16px;display:flex}.stat-label{color:var(--color-text-muted);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.stat-value{font-size:var(--text-stat);letter-spacing:-.01em;font-weight:600;line-height:1.15}.stat-hint{color:var(--color-text-muted);font-size:12px;line-height:1.4}.figures{flex-wrap:wrap;gap:6px 28px;margin:0;padding:10px 16px;display:flex}.figures div{align-items:baseline;gap:8px;display:flex}.figures dt{color:var(--color-text-muted);font-size:13px}.figures dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.card{flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 12px;display:flex}.card-head h2{margin:0;font-size:15px;font-weight:600}.card-sub{color:var(--color-text-muted);font-size:12px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;display:grid}.legend{font-size:var(--text-xs);color:var(--color-text-muted);flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;list-style:none;display:flex}.legend li{align-items:center;gap:6px;display:inline-flex}.swatch-key{border-radius:3px;width:10px;height:10px}.chart{margin:0;position:relative}.chart svg{display:block;overflow:visible}.chart-tick{fill:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:11px}.column{outline:none}.column.active>rect:first-child{fill:#14171a0a}.column:focus-visible>rect:first-child{fill:var(--color-accent-soft);stroke:var(--color-accent);stroke-width:1px}.chart-tooltip{z-index:2;border:1px solid var(--color-border);background:var(--color-surface);pointer-events:none;border-radius:8px;flex-direction:column;gap:3px;min-width:140px;padding:8px 10px;font-size:12px;display:flex;position:absolute;top:0;box-shadow:0 6px 18px #14171a1f}.chart-tooltip.before{transform:translate(-100%)}.tooltip-row{color:var(--color-text-muted);align-items:center;gap:6px;display:flex}.tooltip-row b{color:var(--color-text);font-variant-numeric:tabular-nums}.tooltip-row.total{border-top:1px solid var(--color-border);margin-top:2px;padding-top:4px}.line-key{border-radius:1px;width:12px;height:2px}.segmented-bar{gap:2px;height:28px;display:flex}.segment{white-space:nowrap;border-radius:4px;align-items:center;height:28px;padding-left:8px;font-size:12px;font-weight:600;display:flex}.ranked{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ranked li{flex-direction:column;gap:4px;font-size:13px;display:flex}.ranked-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ranked-label{overflow-wrap:anywhere;min-width:0}.ranked-track{background:var(--color-surface-muted);border-radius:4px;height:8px}.ranked-bar{border-radius:4px;height:100%;display:block}.ranked-value{color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.recent-list{flex-direction:column;margin:0 -10px;padding:0;list-style:none;display:flex}.recent-item{width:100%;min-width:0;color:inherit;font:inherit;text-align:left;background:0 0;border:none;border-radius:8px;flex-direction:column;gap:3px;padding:8px 10px;display:flex}button.recent-item:hover{background:var(--color-surface-muted)}.recent-top{align-items:center;gap:8px;min-width:0;display:flex}.recent-date{color:var(--color-text-muted);white-space:nowrap;margin-left:auto;font-size:12px}.chips{flex-wrap:wrap;gap:4px;display:flex}.chip-tag{background:var(--color-danger-soft);color:var(--color-danger);font-size:var(--text-xs);border-radius:999px;padding:2px 8px}.chip-tag.muted{background:var(--color-surface-muted);color:var(--color-text-muted)}.protection-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.protection-list>li{align-items:center;gap:12px;display:flex}.protection-meta{flex-direction:column;flex:auto;gap:6px;min-width:0;display:flex}.protection-options{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.protection-options li{border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;display:inline-flex}.protection-options li.on{background:var(--color-success-soft);color:var(--color-success)}.protection-options li.off{background:var(--color-surface-muted);color:var(--color-text-muted)}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-xs);font-variant-numeric:tabular-nums}.data-table th,.data-table td{border-bottom:1px solid var(--color-border);text-align:right;white-space:nowrap;padding:6px 8px}.data-table th:first-child{text-align:left}@media (max-width:860px){.card-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:767.98px){.dashboard{padding:0 var(--space-3) var(--space-8);border:none;border-radius:0}}@media (max-width:480px){.stat-row{gap:var(--space-2);grid-template-columns:1fr 1fr}.stat-tile{padding:12px}.stat-value{font-size:24px}}.protection-list .account-avatar{width:36px;height:36px;font-size:14px}.page{gap:var(--space-3);padding:0 var(--space-4) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-muted);flex-direction:column;display:flex}.page-head{min-height:60px;padding-top:var(--space-3);align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.page-head h1{font-size:var(--text-md);line-height:var(--leading-md);font-weight:600}.page-title{align-items:center;gap:var(--space-2);min-width:0;display:flex}.page-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));align-items:start;display:grid}.page-column{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.page-card{min-width:0;padding:var(--space-5);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;gap:14px;display:flex}.page-card>h2,.account-remove-text h2{font-size:var(--text-md);line-height:var(--leading-md);font-weight:600}.page-card .account-row{margin:0 -8px;padding:8px}.page-card>.btn{align-self:flex-start}.page-card .grid-2{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}.account-head .account-avatar{width:36px;height:36px;font-size:15px}.account-page{container:account-page/inline-size}.account-grid{gap:var(--space-3);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@container account-page (width>=880px){.account-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.account-connection,.account-remove{grid-column:1/-1}}@container account-page (width>=1360px){.account-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.account-connection{grid-column:auto}}.icon-editor{align-items:flex-start;gap:var(--space-4);display:flex}.icon-editor>.account-avatar{width:56px;height:56px;margin-top:2px;font-size:22px}.icon-letter{flex-direction:column;flex:auto;gap:6px;min-width:0;display:flex}.icon-letter .input{text-align:center;width:96px;font-weight:600}.server-grid{gap:14px var(--space-6);grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));display:grid}.account-remove{flex-flow:wrap;justify-content:space-between;align-items:center}.account-remove-text{gap:var(--space-1);flex-direction:column;flex:320px;min-width:0;display:flex}.account-remove .btn-quiet-danger{border-color:var(--color-danger-border);margin-right:0}.page-actions{z-index:2;margin:0 calc(-1 * var(--space-4)) calc(-1 * var(--space-4));padding:var(--space-3) var(--space-4);justify-content:flex-end;align-items:center;gap:var(--space-2);border-top:1px solid var(--color-border-subtle);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--color-surface-muted);flex-wrap:wrap;display:flex;position:sticky;bottom:0}.page-actions>.hint,.page-actions>.error{margin-right:auto}@media (max-width:767.98px){.page{padding:0 var(--space-3) var(--space-4);border:none;border-radius:0}.page-card{padding:var(--space-4)}.page-actions{margin:0 calc(-1 * var(--space-3)) calc(-1 * var(--space-4));padding:var(--space-3);border-radius:0}}.dashboard-pane.workflow-pane{flex-direction:column;display:flex;overflow:hidden}.workflow-page{flex:auto;min-height:0}.wf-head .page-title{flex:320px}.wf-head-sub{min-width:0;color:var(--color-text-muted);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wf-head-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-left:auto;display:flex}.wf-head-actions .input{width:auto}.wf-active{align-items:center;gap:var(--space-2);margin-right:var(--space-2);font-size:var(--text-sm);cursor:pointer;font-weight:500;display:inline-flex}.wf-active .switch{margin:0}.wf-body{gap:var(--space-3);flex:auto;min-height:0;display:flex}.wf-tile{border-radius:9px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.wf-tile.small{border-radius:var(--radius-xs);width:22px;height:22px}.wf-tile.large{border-radius:var(--radius-md);width:36px;height:36px}.tone-entry,.tone-inbox{color:#1d4ed8;background:#eff4ff}.tone-security,.tone-junk{color:#b42318;background:#fef3f2}.tone-type{color:#5925dc;background:#f4f3ff}.tone-criteria{color:#0e7090;background:#ecfdff}.tone-action{color:#b54708;background:#fffaeb}.tone-folder{color:#344054;background:#eef0f2}.wf-palette{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;flex:0 0 248px;min-height:0;display:flex;overflow:hidden}.wf-palette-head{padding:var(--space-3) var(--space-3) 10px;gap:var(--space-2);border-bottom:1px solid var(--color-border-subtle);flex-direction:column;display:flex}.wf-palette-title{justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.wf-palette-title h2{font-size:var(--text-md);line-height:var(--leading-md);font-weight:600}.wf-palette-title span{color:var(--color-text-muted);font-size:var(--text-xs)}.wf-search{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);height:34px;color:var(--color-text-muted);border-radius:9px;padding:0 10px;display:flex}.wf-search:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-ring)}.wf-search input{min-width:0;color:var(--color-text);font-size:var(--text-sm);background:0 0;border:none;outline:none;flex:auto}.wf-palette-list{min-height:0;padding:0 var(--space-2) 10px;flex:auto;overflow-y:auto}.wf-palette-list h3{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-xs);margin:10px 6px 2px;font-weight:600}.wf-palette-list .hint{padding:var(--space-3) 6px}.wf-palette-item{border-radius:var(--radius-sm);width:100%;height:30px;color:var(--color-text);font-size:var(--text-sm);text-align:left;cursor:grab;background:0 0;border:none;align-items:center;gap:9px;padding:0 6px;display:flex}.wf-palette-item:hover{background:var(--color-surface-muted)}.wf-palette-item>svg{color:#a3aab5}.wf-palette-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.wf-palette.collapsed{padding:var(--space-2) 0;flex:0 0 52px;align-items:center;gap:6px}.wf-add{border-radius:var(--radius-md);background:var(--color-primary);width:36px;height:36px;color:var(--color-on-primary);border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.wf-add:hover{background:var(--color-primary-hover)}.wf-palette-sep{width:24px;height:1px;margin:var(--space-1) 0;background:var(--color-border-subtle)}.wf-canvas{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);touch-action:none;-webkit-user-select:none;user-select:none;background-color:#fbfbfc;background-image:radial-gradient(#d5d9df 1px,#0000 1px);flex:999 480px;min-width:0;min-height:0;position:relative;overflow:hidden}.wf-world{transform-origin:0 0;position:absolute;top:0;left:0}.wf-links{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.wf-link{fill:none;stroke:#a3aab5;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.wf-link.on{stroke:var(--color-accent);stroke-width:2px}.wf-link.traced{stroke-width:2.5px}.wf-link.drop{stroke-width:3px;stroke-dasharray:6 4}.wf-link.drawing{stroke:var(--color-accent);stroke-width:2px;stroke-dasharray:5 5}.wf-link-hit{fill:none;stroke:#0000;stroke-width:14px;pointer-events:stroke;cursor:pointer}.wf-arrow{fill:#a3aab5}.wf-arrow.on{fill:var(--color-accent)}.wf-block{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;display:flex;position:absolute}.wf-block.selected{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-ring)}.wf-block.traced{border-color:var(--color-accent)}.wf-block.dimmed{opacity:.5}.wf-block.unlinked{border-style:dashed}.wf-block.problem{border-color:var(--color-warning)}.wf-block.drop-ok{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-ring)}.wf-block.drop-no{border-color:var(--color-danger)}.wf-block-main{width:100%;height:50px;color:var(--color-text);text-align:left;cursor:grab;background:0 0;border:none;border-radius:11px;flex:none;align-items:center;gap:10px;padding:0 12px;display:flex}.wf-canvas.testing .wf-block-main{cursor:pointer}.wf-block-main:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.wf-block-text{flex-direction:column;flex:auto;min-width:0;display:flex}.wf-block-name,.wf-block-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wf-block-name{font-size:var(--text-sm);line-height:var(--leading-sm);font-weight:600}.wf-block-sub{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-xs)}.wf-block-alert{color:var(--color-warning);flex:none;display:inline-flex}.wf-block-outputs{border-top:1px solid var(--color-border-subtle);color:var(--color-text-muted);text-align:center;flex:auto;grid-auto-columns:1fr;grid-auto-flow:column;font-size:11px;font-weight:600;line-height:27px;display:grid}.wf-drop-note{height:24px;padding:0 var(--space-2);border-radius:var(--radius-xs);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-xs);white-space:nowrap;align-items:center;gap:6px;display:inline-flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.wf-port{background:var(--color-surface);border:1.5px solid #a3aab5;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute}.wf-port.out{cursor:crosshair}.wf-port.out:before{content:"";border-radius:50%;position:absolute;inset:-7px}.wf-port.out:hover,.wf-port.testing{border-color:var(--color-accent)}.wf-port.testing{cursor:default}.wf-port.in.lit{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-ring)}.wf-free{border-radius:var(--radius-xs);background:var(--color-surface);height:18px;color:var(--color-text-subtle);white-space:nowrap;pointer-events:none;border:1px dashed #c4c9d1;padding:0 6px;font-size:11px;line-height:16px;position:absolute;transform:translate(-50%,10px)}.wf-canvas.testing .wf-free{transform:translate(-50%,34px)}.wf-count{background:var(--color-surface);min-width:24px;height:18px;color:var(--color-accent-strong);font-variant-numeric:tabular-nums;text-align:center;pointer-events:none;border:1px solid #bfd3fb;border-radius:9px;padding:0 6px;font-size:11px;font-weight:700;line-height:16px;position:absolute;transform:translate(-50%)}.wf-count.end{border:2px solid var(--color-surface);background:var(--color-accent);color:#fff;height:20px;transform:translate(-70%,-50%)}.wf-unlink{border:1px solid var(--color-border);background:var(--color-surface);width:22px;height:22px;color:var(--color-danger);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.wf-trace{bottom:var(--space-4);height:36px;padding:0 4px 0 var(--space-3);border:1px solid var(--color-accent-ring);border-radius:var(--radius-full);background:var(--color-accent-soft);color:var(--color-accent-strong);font-size:var(--text-sm);align-items:center;gap:var(--space-2);white-space:nowrap;font-weight:500;display:flex;position:absolute;left:50%;transform:translate(-50%)}.wf-trace .icon-btn{width:28px;height:28px}.wf-toolbar{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute}.wf-toolbar .icon-btn{width:32px;height:32px}.wf-toolbar.view{left:var(--space-4);bottom:var(--space-4)}.wf-toolbar.history{top:var(--space-4);right:var(--space-4)}.wf-zoom{min-width:44px;font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:center;font-weight:600}.wf-toolbar-sep{background:var(--color-border);width:1px;height:20px;margin:0 4px}.wf-side{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;flex:0 0 320px;min-height:0;display:flex;overflow:hidden}.wf-side-head{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:10px;padding:14px;display:flex}.wf-side-head.column{align-items:stretch;gap:var(--space-1);flex-direction:column}.wf-side-head h2{font-size:var(--text-md);line-height:var(--leading-md);font-weight:600}.wf-side-head.column>span,.wf-side-title>span{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-xs)}.wf-side-head.column>span{font-size:var(--text-sm);line-height:var(--leading-sm)}.wf-side-title{flex-direction:column;flex:auto;min-width:0;display:flex}.wf-side-title h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wf-side-body{gap:var(--space-4);border:none;flex-direction:column;flex:auto;min-width:0;min-height:0;margin:0;padding:14px;display:flex;overflow-y:auto}.wf-side-section{gap:var(--space-2);border-top:1px solid var(--color-border-subtle);flex-direction:column;padding-top:14px;display:flex}.wf-side-section>h3,.wf-samples-head h3{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-xs);font-weight:600}.wf-side-foot{justify-content:space-between;gap:var(--space-2);border-top:1px solid var(--color-border-subtle);padding:10px 14px;display:flex}.wf-side-foot .btn-quiet-danger{margin-right:0}.wf-side .input{height:36px;font-size:var(--text-sm)}.input.small{width:auto;height:28px;padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs)}.wf-pair,.wf-values{gap:var(--space-2);flex-direction:column;display:flex}.wf-chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.wf-chip{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-muted);max-width:100%;height:28px;font-size:var(--text-sm);align-items:center;gap:2px;padding:0 3px 0 10px;display:inline-flex}.wf-chip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wf-chip button{width:22px;height:22px;color:var(--color-text-muted);background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.wf-chip button:hover{background:var(--color-border);color:var(--color-text)}.wf-switch-card{padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-subtle)}.wf-output{align-items:center;gap:var(--space-2);display:flex}.wf-output>svg{color:#a3aab5;flex:none}.wf-output .input{flex:auto;min-width:0}.wf-pill{min-width:34px;height:22px;padding:0 var(--space-2);border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text-muted);font-size:var(--text-xs);text-align:center;border-radius:11px;flex:none;font-weight:600;line-height:20px}.wf-stats-text{font-size:var(--text-sm);line-height:var(--leading-sm);margin:0}.wf-bar{background:var(--color-border-subtle);border-radius:4px;height:8px;display:flex;overflow:hidden}.wf-bar .part-0{background:var(--color-accent)}.wf-bar .part-1{background:#c4d5fb}.wf-bar .part-2{background:#8fb0f6}.wf-accounts{border:none;flex-direction:column;gap:2px;min-width:0;margin:0;padding:0;display:flex}.wf-accounts legend{font-size:var(--text-sm);margin-bottom:6px;font-weight:500}.wf-account{cursor:pointer;align-items:center;gap:10px;padding:6px 0;display:flex}.wf-account .meta{min-width:0;font-size:var(--text-sm);line-height:var(--leading-sm);flex-direction:column;display:flex}.wf-account .meta span{color:var(--color-text-muted);font-size:var(--text-xs)}.field-error{color:var(--color-danger);font-size:var(--text-xs);line-height:var(--leading-xs)}.input[aria-invalid=true]{border-color:var(--color-danger)}.text-link{color:var(--color-accent-strong);font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-weight:500}.text-link:hover{text-decoration:underline}.wf-results{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.wf-result{border-radius:var(--radius-sm);width:100%;color:var(--color-text);text-align:left;align-items:center;gap:4px var(--space-2);background:0 0;border:none;grid-template-columns:auto minmax(0,1fr) auto 40px;padding:6px;display:grid}.wf-result:hover{background:var(--color-surface-muted)}.wf-result[aria-pressed=true]{background:var(--color-accent-soft)}.wf-result-name{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.wf-result-count{font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:600}.wf-result-percent{color:var(--color-text-muted);font-size:var(--text-xs);text-align:right}.wf-result-bar{background:var(--color-border-subtle);border-radius:3px;grid-column:2/-1;height:6px;overflow:hidden}.wf-result-bar span{background:var(--color-accent);height:100%;display:block}.wf-samples-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.wf-samples-head .input{flex:0 auto;min-width:0;max-width:45%}.wf-samples-head h3{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.wf-samples{margin:0;padding:0;list-style:none}.wf-sample{border:none;border-top:1px solid var(--color-border-subtle);width:100%;color:var(--color-text);text-align:left;background:0 0;flex-direction:column;gap:2px;padding:10px 0;display:flex}.wf-sample:hover .wf-sample-subject{color:var(--color-accent-strong)}.wf-sample-subject{font-size:var(--text-sm);line-height:var(--leading-sm);font-weight:600}.wf-sample-meta,.wf-sample-path{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-xs)}.wf-sample-meta{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.wf-phone-head{padding:var(--space-3) 0 var(--space-2);align-items:center;gap:var(--space-2);display:flex}.wf-phone-head h1{font-size:var(--text-lg);line-height:var(--leading-lg);flex:auto;font-weight:600}.wf-phone-head .wf-active{margin-right:0}.wf-outline{flex-direction:column;gap:10px;display:flex}.wf-outline-note{padding:10px var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-reading);font-size:var(--text-sm);line-height:var(--leading-sm);border-radius:12px;gap:10px;display:flex}.wf-outline-note>svg{color:var(--color-text-muted);flex:none;margin-top:1px}.wf-outline-title{margin:var(--space-2) 0;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600}.wf-steps{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.wf-step{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);text-align:left;gap:var(--space-2);flex-direction:column;display:flex}.wf-step-head{align-items:center;gap:10px;display:flex}.wf-step-head>svg{color:#a3aab5;flex:none}.wf-step-text{min-width:0;font-size:var(--text-base);line-height:var(--leading-sm);flex-direction:column;flex:auto;display:flex}.wf-step-text strong{font-weight:600}.wf-step-text span{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-xs)}.wf-step-outputs{flex-direction:column;gap:2px;padding-left:46px;display:flex}.wf-step-output{align-items:center;gap:var(--space-2);min-height:30px;display:flex}.wf-step-output>svg{color:#a3aab5;flex:none}.wf-step-target{align-items:center;gap:var(--space-2);min-width:0;font-size:var(--text-sm);font-weight:500;display:inline-flex}.wf-step-ref{min-width:0;color:var(--color-text-muted);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wf-sheet .wf-side{border:none;border-radius:0;flex:none;max-height:calc(100dvh - 48px)}@media (max-width:767.98px){.dashboard-pane.workflow-pane{display:block;overflow-y:auto}.workflow-page.phone{gap:var(--space-3)}}.folder-popover{z-index:30;width:260px;max-height:min(360px,70vh);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);position:fixed;overflow-y:auto}.folder-popover h2{padding:4px var(--space-2) 6px;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600}.folder-popover ul{margin:0;padding:0;list-style:none}.folder-popover button{width:100%;height:36px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-base);text-align:left;background:0 0;border:none;align-items:center;gap:10px;display:flex}.folder-popover button>svg{color:var(--color-text-muted);flex:none}.folder-popover button:hover{background:var(--color-surface-muted)}.folder-popover button[aria-current=page]{background:var(--color-accent-soft);color:var(--color-accent-strong);font-weight:500}.link-row{padding:var(--space-3);align-items:center;gap:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-subtle);display:flex}.link-row>svg{color:var(--color-text-muted);flex:none}.link-row-text{flex-direction:column;flex:auto;gap:2px;min-width:0;line-height:1.45;display:flex}.link-row-text strong{font-weight:500}.link-row-text span{color:var(--color-text-muted);font-size:var(--text-sm)}.sorting-path{color:var(--color-text-reading)}.banner .text-link{display:inline}.auth-page{min-height:100%;padding:var(--space-6);background:var(--color-canvas);justify-content:center;align-items:center;display:flex}.auth-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);width:min(420px,100%);box-shadow:var(--shadow-md)}.auth-card form{gap:var(--space-4);flex-direction:column;padding:20px 28px 28px;display:flex}.brand{align-items:center;gap:var(--space-3);padding:28px 28px 0;display:flex}.brand h1{font-size:var(--text-2xl);line-height:var(--leading-2xl);letter-spacing:-.01em;font-weight:600}.auth-card .btn-primary{width:100%}