:root{--bg: #ffffff;--bg-sunken: #f9f8f7;--bg-hover: #faf9f8;--card: #ffffff;--fill: #f1efed;--ink: rgb(34,32,32);--ink2: rgb(68,66,66);--muted: rgb(102,99,98);--faint: rgb(115,112,111);--line: #ebe8e5;--line2: #dedad6;--line-row: #f0eeec;--field-edge: rgb(148,145,143);--accent: rgb(208,54,61);--accent-ink: #ffffff;--accent-text: rgb(180,52,52);--accent-tint: rgba(253,97,97,.1);--ok: rgb(0,136,80);--ok-bg: rgb(232,246,237);--ok-fg: rgb(20,110,66);--warn: rgb(214,158,46);--warn-bg: rgb(252,243,224);--warn-fg: rgb(146,93,12);--err: rgb(199,42,48);--err-bg: rgb(250,236,236);--err-fg: rgb(176,32,38);--violet: #7c3aed;--violet-bg: rgba(124,58,237,.09);--violet-fg: #6d28d9;--shadow: rgba(20,16,16,.06);--bg-side: #120e0e;--side-ink: rgb(236,234,234);--side-ink2: rgb(206,201,200);--side-muted: rgb(172,167,166);--side-faint: rgb(150,145,144);--side-accent: rgb(253,97,97);--sans: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--r-kbd: 4px;--r-nav: 7px;--r-compact: 8px;--r-ctl: 9px;--r-card: 10px;--bg-elev: var(--card);--bg-subtle: var(--fill);--bg-active: var(--fill);--border: var(--line);--border-strong: var(--line2);--text: var(--ink);--text-soft: var(--ink2);--text-muted: var(--muted);--text-faint: var(--faint);--accent-soft: var(--accent-tint);--emerald: var(--ok-fg);--emerald-soft: var(--ok-bg);--amber: var(--warn-fg);--amber-soft: var(--warn-bg);--rose: var(--err-fg);--rose-soft: var(--err-bg);--slate: var(--muted);--type-welcome: var(--ok-fg);--type-welcome-soft: var(--ok-bg);--type-cart: var(--warn-fg);--type-cart-soft: var(--warn-bg);--type-promo: var(--ink2);--type-promo-soft: var(--fill);--type-winback: var(--violet-fg);--type-winback-soft: var(--violet-bg);--type-reengage: var(--muted);--type-reengage-soft: var(--fill);--type-trans: var(--muted);--type-trans-soft: var(--fill);--radius-xs: var(--r-kbd);--radius-sm: var(--r-nav);--radius-md: var(--r-compact);--radius-lg: var(--r-card);--shadow-1: 0 1px 2px var(--shadow);--shadow-2: 0 6px 20px var(--shadow);--shadow-pop: 0 12px 32px rgba(20,16,16,.16), 0 2px 6px rgba(20,16,16,.08);--row-h: 50px;--pad-x: 16px}[data-theme=dark]{--bg: #131010;--bg-sunken: #0f0d0d;--bg-hover: #1a1616;--card: #181414;--fill: #231e1e;--ink: rgb(236,234,234);--ink2: rgb(214,210,210);--muted: rgb(172,167,166);--faint: rgb(150,145,144);--line: #2a2424;--line2: #3a3333;--line-row: #211c1c;--field-edge: rgb(107,101,100);--accent: rgb(253,97,97);--accent-ink: rgb(28,18,18);--accent-text: rgb(255,150,150);--accent-tint: rgba(253,97,97,.14);--ok: rgb(61,190,124);--ok-bg: rgb(22,46,33);--ok-fg: rgb(134,224,172);--warn: rgb(230,180,72);--warn-bg: rgb(50,40,19);--warn-fg: rgb(240,202,120);--err: rgb(236,90,96);--err-bg: rgb(56,24,26);--err-fg: rgb(255,150,150);--violet: rgb(167,139,250);--violet-bg: rgba(167,139,250,.16);--violet-fg: rgb(200,184,253);--shadow: rgba(0,0,0,.35);--shadow-pop: 0 12px 32px rgba(0,0,0,.55), 0 2px 6px rgba(0,0,0,.4)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}button{font-family:inherit;cursor:default;color:inherit}input,select,textarea{font-family:inherit}::-moz-selection{background:var(--accent-tint);color:var(--accent-text)}::selection{background:var(--accent-tint);color:var(--accent-text)}:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.num,.mono,.tabular{font-variant-numeric:tabular-nums}.app{display:grid;grid-template-columns:240px minmax(0,1fr);height:100vh}.sidebar{position:relative;background:var(--bg-side);color:var(--side-ink);display:flex;flex-direction:column;overflow:hidden}.sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(260px 180px at 30px 0,rgba(253,97,97,.16),transparent 70%)}.sidebar>*{position:relative}.sb-top{padding:16px 14px 14px 16px;display:flex;align-items:center;gap:10px}.sb-logo{width:28px;height:28px;border-radius:7px;flex-shrink:0;background:#1c1616;box-shadow:0 0 0 1px #ffffff29;display:grid;place-items:center;overflow:hidden}.sb-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.sb-title{display:flex;flex-direction:column;min-width:0;line-height:1.15}.sb-title .sb-name{font-size:15px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.sb-title .sb-org{font-size:10px;font-weight:500;letter-spacing:.06em;color:var(--side-faint);text-transform:uppercase}.sb-workspace{margin-left:auto;font-size:11.5px;font-weight:500;color:var(--side-ink2);padding:3px 8px;border-radius:6px;background:#ffffff12;border:1px solid rgba(255,255,255,.08);white-space:nowrap}.sb-search{margin:0 12px;height:36px;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--side-muted);font-size:13px}.sb-search kbd{margin-left:auto;font-family:var(--sans);font-size:11px;border:1px solid rgba(255,255,255,.14);border-radius:var(--r-kbd);padding:0 5px;line-height:16px}.sb-nav{padding:14px 8px 8px;display:flex;flex-direction:column;gap:1px}.sb-nav+.sb-nav{padding-top:0}.sb-section{padding:16px 10px 6px;font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--side-faint);display:flex;align-items:center;justify-content:space-between}.sb-item{height:32px;padding:0 10px;border-radius:var(--r-nav);display:flex;align-items:center;gap:10px;color:var(--side-ink2);font-size:13.5px;font-weight:400;white-space:nowrap;overflow:hidden;text-decoration:none}.sb-item:hover{background:#ffffff0d;color:var(--side-ink)}.sb-item[data-active=true]{background:#fd616124;color:var(--side-ink);font-weight:500}.sb-item .icon{width:16px;height:16px;flex-shrink:0;color:var(--side-muted)}.sb-item[data-active=true] .icon{color:var(--side-accent)}.sb-item .badge{margin-left:auto;font-size:12px;color:var(--side-faint);font-variant-numeric:tabular-nums;background:none;border:0;padding:0}.sb-item[data-active=true] .badge{color:var(--side-ink2)}.sb-brand-row{height:32px;padding:0 10px;border-radius:var(--r-nav);display:flex;align-items:center;gap:8px;color:var(--side-ink2);font-size:13.5px}.sb-brand-row:hover{background:#ffffff0d;color:var(--side-ink)}.sb-brand-row[data-active=true]{background:#fd616124;color:var(--side-ink)}.sb-brand-dot{width:6px;height:6px;border-radius:999px;flex-shrink:0}.sb-bottom{margin-top:auto;padding:8px}.sb-link{height:32px;padding:0 10px;border-radius:var(--r-nav);display:flex;align-items:center;gap:10px;color:var(--side-ink2);font-size:13.5px}.sb-link:hover{background:#ffffff0d;color:var(--side-ink)}.sb-user{margin-top:4px;padding:10px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:10px}.sb-avatar{width:30px;height:30px;border-radius:8px;flex-shrink:0;background:var(--side-accent);color:#1c1212;display:grid;place-items:center;font-size:12px;font-weight:700}.sb-user .name{font-size:13px;font-weight:500;color:var(--side-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-user .role{font-size:11.5px;color:var(--side-muted)}.sb-theme{width:28px;height:28px;border-radius:7px;margin-left:auto;flex-shrink:0;background:transparent;border:0;color:var(--side-muted);display:grid;place-items:center}.sb-theme:hover{background:#ffffff12;color:var(--side-ink)}.sb-themes{margin-top:6px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:2px}.sb-themes button{height:26px;border:0;border-radius:6px;background:transparent;color:var(--side-muted);font-size:12px;font-weight:500}.sb-themes button:hover{color:var(--side-ink)}.sb-themes button[data-active=true]{background:#ffffff1a;color:var(--side-ink)}.main{overflow:hidden;display:flex;flex-direction:column;min-width:0}.content{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.page{padding:30px 36px 100px;width:100%}.page.wide{max-width:none}.crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);padding:22px 36px 0}.crumbs .sep{color:var(--faint)}.crumbs .b{color:var(--ink2);font-weight:500}.crumbs .crumb-link{background:none;border:0;padding:0;color:inherit;font:inherit}.crumbs .crumb-link:hover{color:var(--ink)}.crumbs+.content-page .page{padding-top:14px}.ph{display:flex;align-items:flex-end;gap:16px;margin-bottom:16px}.ph .eyebrow{font-size:12px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.ph-title{font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-top:6px;display:flex;align-items:center;gap:10px}.ph-title.detail{font-size:26px}.ph-sub{color:var(--muted);font-size:14px;margin-top:6px;font-variant-numeric:tabular-nums}.ph-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:24px}.tab{height:40px;padding:0 12px;font-size:13.5px;background:transparent;border:0;color:var(--muted);box-shadow:inset 0 -2px 0 transparent}.tab[data-active=true]{color:var(--ink);font-weight:500;box-shadow:inset 0 -2px 0 var(--accent)}.tab .ct{color:var(--faint);margin-left:4px;font-variant-numeric:tabular-nums}.title-tile{width:40px;height:40px;border-radius:10px;background:var(--fill);display:grid;place-items:center;flex-shrink:0}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:6px;margin-bottom:16px}.filter-bar .divider{width:1px;height:20px;background:var(--line2);margin:0 8px}.filter-bar .clear{background:none;border:0;padding:0 6px;font-size:12.5px;font-weight:500;color:var(--accent-text)}.seg{display:inline-flex;background:var(--fill);border-radius:8px;padding:2px;border:0}.seg button{height:28px;padding:0 11px;font-size:13px;font-weight:500;border:0;background:transparent;color:var(--muted);border-radius:6px}.seg button[data-active=true]{background:var(--card);color:var(--ink);box-shadow:0 1px 2px var(--shadow)}.btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:var(--r-ctl);border:1px solid var(--line2);background:var(--card);color:var(--ink);font-size:13.5px;font-weight:500;white-space:nowrap}.btn:hover{background:var(--bg-hover)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;box-shadow:0 6px 16px #fd616138}.btn.primary:hover{filter:brightness(1.04)}.btn.ghost{border-color:transparent;background:transparent;color:var(--ink2)}.btn.ghost:hover{background:var(--fill);color:var(--ink)}.btn.danger{background:transparent;border-color:var(--err);color:var(--err-fg)}.btn.sm{height:32px;padding:0 10px;font-size:13px;border-radius:var(--r-compact)}.btn:disabled{opacity:.5}.icon-btn{width:30px;height:30px;border-radius:var(--r-nav);display:grid;place-items:center;color:var(--muted);background:transparent;border:1px solid transparent}.icon-btn:hover{background:var(--fill);color:var(--ink)}.input,input.input,select.input,textarea.input{height:38px;padding:0 12px;border-radius:var(--r-ctl);border:1px solid var(--field-edge);background:var(--card);color:var(--ink);font-size:14px;width:100%}textarea.input{height:auto;min-height:84px;padding:10px 12px;line-height:1.5}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);outline:none}.field{display:flex;flex-direction:column;gap:6px}.field .lbl{font-size:13px;font-weight:500;color:var(--ink2)}.field .hint{font-size:12px;color:var(--faint)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card)}.card-hd{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.card-hd h3{margin:0;font-size:15px;font-weight:700;letter-spacing:-.01em}.card-hd .sub{color:var(--muted);font-size:13px}.card-bd{padding:20px}.card-bd.flush{padding:0}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--bg-sunken);border:1px solid var(--line);border-radius:var(--r-card);margin-bottom:16px}.stat{padding:14px 16px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:2px}.stat:last-child{border-right:0}.stat .lbl{font-size:11px;color:var(--faint);font-weight:500;text-transform:uppercase;letter-spacing:.07em}.stat .val{font-size:18px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.stat .val .unit{font-size:13px;color:var(--muted);font-weight:400;margin-left:3px}.stat .delta{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:4px}.stat .delta.up{color:var(--ok-fg)}.stat .delta.dn{color:var(--err-fg)}.stat[data-active=true]{background:var(--accent-tint)}.tbl{width:100%;border-collapse:collapse;font-size:13.5px}.tbl thead th{text-align:left;padding:0 12px;height:34px;font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tbl thead th.num{text-align:right}.tbl tbody td{padding:0 12px;height:var(--row-h);border-bottom:1px solid var(--line-row);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tbl tbody td.num{text-align:right;font-variant-numeric:tabular-nums}.tbl tbody tr:hover{background:var(--bg-hover)}.tbl .first{padding-left:16px}.tbl .last{padding-right:16px}.tbl tbody tr:last-child td{border-bottom:0}.tbl-wrap{margin:0 -36px;overflow-x:auto;border-top:1px solid var(--line)}.tbl-wrap .tbl{width:100%;table-layout:fixed;min-width:960px}.tbl-wrap .first{padding-left:36px}.tbl-wrap .last{padding-right:36px}.tbl td.ellipsis>*{min-width:0}.cat-tile{width:26px;height:26px;border-radius:7px;background:var(--fill);display:grid;place-items:center;font-size:13px;flex-shrink:0}.status{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:var(--ink2)}.status .dot{width:7px;height:7px;border-radius:999px;background:#b4b2b0}.status[data-state=ok] .dot{background:var(--ok)}.status[data-state=warn]{color:var(--warn-fg)}.status[data-state=warn] .dot{background:var(--warn)}.status[data-state=err]{color:var(--err-fg)}.status[data-state=err] .dot{background:var(--err)}.badge-status{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px 0 8px;border-radius:999px;font-size:12px;font-weight:500}.badge-status[data-state=ok]{background:var(--ok-bg);color:var(--ok-fg)}.badge-status[data-state=warn]{background:var(--warn-bg);color:var(--warn-fg)}.badge-status[data-state=err]{background:var(--err-bg);color:var(--err-fg)}.badge-status .dot{width:7px;height:7px;border-radius:999px;background:currentColor}.pill{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:500;white-space:nowrap;background:var(--fill);color:var(--ink2);border:0}.pill .dot{width:6px;height:6px;border-radius:999px}.pill[data-tone=welcome]{background:var(--ok-bg);color:var(--ok-fg)}.pill[data-tone=cart]{background:var(--warn-bg);color:var(--warn-fg)}.pill[data-tone=promo]{background:var(--fill);color:var(--ink2)}.pill[data-tone=winback]{background:var(--violet-bg);color:var(--violet-fg)}.pill[data-tone=reengage],.pill[data-tone=trans]{background:var(--fill);color:var(--muted)}.pill[data-tone=active] .dot{background:var(--ok)}.pill[data-tone=paused] .dot{background:var(--muted)}.pill[data-tone=error] .dot{background:var(--err)}.pill[data-tone=error]{color:var(--err-fg)}.pill[data-tone=discount]{background:var(--warn-bg);color:var(--warn-fg)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:500;background:var(--card);color:var(--ink2);border:1px solid var(--line2)}.chip:hover{background:var(--bg-hover)}.chip[data-active=true]{background:var(--accent-tint);color:var(--accent-text);border-color:#fd6161b3}.chip .ct{font-size:11px;opacity:.8}.chip .x{color:currentColor;font-size:11px;margin-left:2px;opacity:.7}.theme-tag{font-size:11px;color:var(--muted)}.theme-tag:before{content:"#";color:var(--faint)}.range{position:relative;height:8px;background:var(--fill);border-radius:999px;overflow:hidden}.range-iqr{position:absolute;top:0;bottom:0;background:var(--line2)}.range-median{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--ink2);border-radius:1px}.range-marker{position:absolute;top:-3px;width:12px;height:12px;border-radius:999px;background:var(--ink);border:2px solid var(--card);transform:translate(-50%)}.range-marker[data-tone=emerald]{background:var(--ok)}.range-marker[data-tone=amber]{background:var(--warn)}.range-axis{display:flex;justify-content:space-between;font-size:10px;color:var(--faint);margin-top:4px;font-variant-numeric:tabular-nums}.strip{position:relative;height:22px}.strip .axis{position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line)}.strip .iqr{position:absolute;top:calc(50% - 6px);height:12px;background:var(--fill);border-radius:2px}.strip .dot{position:absolute;top:calc(50% - 4px);width:8px;height:8px;border-radius:999px;background:var(--ink2);border:1.5px solid var(--card);transform:translate(-50%)}.strip .dot.median{background:var(--accent);width:10px;height:10px;top:calc(50% - 5px)}.histo{display:flex;align-items:flex-end;gap:2px;height:36px}.histo .bar{flex:1;background:var(--fill);border-radius:2px 2px 0 0;min-height:2px}.histo .bar.median{background:var(--accent)}.chart-frame{position:relative;background:var(--bg-sunken);border-radius:var(--r-compact);padding:14px 14px 24px}.flow{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:14px 20px;border-bottom:1px solid var(--line)}.flow:last-child{border-bottom:0}.flow-label{font-size:12px}.flow-label .t{font-weight:600}.flow-label .s{color:var(--muted);font-size:11px}.flow-track{display:flex;align-items:stretch;overflow-x:auto;padding-bottom:4px}.flow-node{flex-shrink:0;min-width:200px;background:var(--card);border:1px solid var(--line2);border-radius:var(--r-card);padding:8px 10px;display:flex;flex-direction:column;gap:4px}.flow-node .top{display:flex;align-items:center;gap:6px}.flow-node .subj{font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-node .meta{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.flow-edge{align-self:center;min-width:48px;height:2px;background:var(--line2);position:relative}.flow-edge .label{position:absolute;top:-16px;left:50%;transform:translate(-50%);font-size:10.5px;color:var(--muted);background:var(--card);padding:0 4px;font-variant-numeric:tabular-nums}.feed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.email-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;display:flex;flex-direction:column}.email-card:hover{box-shadow:0 6px 20px var(--shadow);border-color:var(--line2)}.email-thumb{aspect-ratio:4/5;position:relative;overflow:hidden;display:flex;flex-direction:column}.email-thumb .badge-ribbon{position:absolute;top:8px;left:8px;display:flex;gap:4px;flex-wrap:wrap;z-index:2}.email-meta{padding:10px 12px;display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line)}.email-meta .brand-row{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted)}.email-meta .subj{font-size:13px;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.email-meta .themes{display:flex;flex-wrap:wrap;gap:4px}.filter-rail{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:16px 20px;display:flex;flex-direction:column;gap:16px;position:sticky;top:16px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group .head{font-size:11px;font-weight:500;color:var(--faint);text-transform:uppercase;letter-spacing:.07em}.filter-row{display:flex;align-items:center;gap:8px;font-size:13px;padding:3px 0}.filter-row input[type=checkbox]{accent-color:var(--accent)}.filter-row .ct{margin-left:auto;font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}.bmark{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-size:10px;font-weight:700;color:#fff;letter-spacing:-.02em;flex-shrink:0}.bmark.lg{width:40px;height:40px;font-size:14px;border-radius:10px}.sidepane-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#120e0e52;z-index:50;animation:fadeIn .15s ease-out}[data-theme=dark] .sidepane-bg{background:#0000008c}.sidepane{position:fixed;top:0;right:0;bottom:0;width:min(1060px,96vw);background:var(--bg);z-index:51;box-shadow:var(--shadow-pop);display:grid;grid-template-columns:minmax(0,1fr) 340px;animation:slideIn .2s ease-out}.sidepane[data-mode=modal]{position:fixed;top:24px;right:24px;bottom:24px;left:24px;width:auto;height:auto;border-radius:var(--r-card);border:1px solid var(--line);overflow:hidden}.sp-main{display:flex;flex-direction:column;overflow:hidden}.sp-hd{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);flex-shrink:0}.sp-hd .x{margin-left:auto}.sp-body{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--bg-sunken);padding:24px 20px}.sp-side{border-left:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto;background:var(--card)}.sp-meta-block{padding:14px 16px;border-bottom:1px solid var(--line)}.sp-meta-block .lbl{font-size:11px;color:var(--faint);text-transform:uppercase;letter-spacing:.07em;font-weight:500;margin-bottom:6px}.sp-meta-block .val{font-size:13.5px}.sp-meta-block .row{display:flex;justify-content:space-between;gap:12px;padding:4px 0;font-size:13px}.sp-meta-block .row .k{color:var(--muted)}.sp-meta-block .row .v{color:var(--ink);font-variant-numeric:tabular-nums}.email-render{background:#fff;border-radius:var(--r-compact);border:1px solid var(--line);overflow:hidden;width:100%;max-width:680px;margin:0 auto;color:#1c1c1e;font-family:Helvetica Neue,sans-serif}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-in{0%{transform:translate(8px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sidepane,.sidepane-bg{animation:none}}.compare-grid{display:grid;grid-template-columns:200px repeat(var(--cols, 4),1fr);background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}.compare-grid>div{padding:12px 14px;border-bottom:1px solid var(--line-row);border-right:1px solid var(--line);font-size:13.5px}.compare-grid .hd{font-weight:500;background:var(--bg-sunken)}.compare-grid .row-lbl{font-size:12.5px;color:var(--muted)}.compare-grid .num{font-variant-numeric:tabular-nums}.group-bar{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:13px}.group-bar .lbl{color:var(--muted);font-weight:500}.group-bar .meta{margin-left:auto;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.prose{font-size:14px;line-height:1.6;color:var(--ink2)}.prose h2{font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--ink);margin:20px 0 8px}.prose p{margin:8px 0}.prose ul{margin:8px 0;padding-left:20px}.prose code{font-family:var(--mono);font-size:13px;background:var(--fill);padding:1px 5px;border-radius:3px}.md-narrative{font-size:14px;line-height:1.6;color:var(--ink2)}.kbd{font-family:var(--sans);font-size:11px;border:1px solid var(--line2);border-radius:var(--r-kbd);padding:0 5px;color:var(--muted)}.dim{color:var(--muted)}.faint{color:var(--faint)}.mono{font-variant-numeric:tabular-nums}.code{font-family:var(--mono);font-size:13px}.hr{height:1px;background:var(--line);margin:16px 0}.scrollarea::-webkit-scrollbar{width:10px;height:10px}.scrollarea::-webkit-scrollbar-thumb{background:var(--line2);border-radius:5px;border:2px solid var(--bg)}.scrollarea::-webkit-scrollbar-track{background:transparent}.empty{padding:48px 24px;text-align:center;color:var(--muted);font-size:14px}.empty .title{font-size:15px;font-weight:500;color:var(--ink);margin-bottom:4px}