:root{--fen-font-sans:"Sora", system-ui, sans-serif;--fen-font-display:"Instrument Serif", Georgia, serif;--fen-font-mono:"JetBrains Mono", ui-monospace, monospace;--fen-bg:#faf6ee;--fen-bg-elev:#fff;--fen-bg-sunken:#f2eddf;--fen-bg-tile:#f5f0e1;--fen-ink:#1a1f1b;--fen-ink-soft:#4a524d;--fen-ink-muted:#8a9089;--fen-ink-faint:#b5b6ae;--fen-line:#e5dfd0;--fen-line-soft:#ede7d8;--fen-accent:#3d8a5a;--fen-accent-ink:#2a5038;--fen-accent-soft:#e3f0e8;--fen-positive:#389a5e;--fen-negative:#c44020;--fen-warning:#9d8000;--fen-r-sm:8px;--fen-r-md:14px;--fen-r-lg:22px;--fen-r-xl:28px;--fen-r-pill:999px;--fen-t-fast:.12s cubic-bezier(.2, .7, .3, 1);--fen-t-base:.2s cubic-bezier(.2, .7, .3, 1);--font-sans:var(--fen-font-sans);--font-display:var(--fen-font-display);--font-mono:var(--fen-font-mono);--bg:var(--fen-bg);--bg-elev:var(--fen-bg-elev);--bg-sunken:var(--fen-bg-sunken);--bg-tile:var(--fen-bg-tile);--ink:var(--fen-ink);--ink-soft:var(--fen-ink-soft);--ink-muted:var(--fen-ink-muted);--ink-faint:var(--fen-ink-faint);--line:var(--fen-line);--line-soft:var(--fen-line-soft);--accent:var(--fen-accent);--accent-ink:var(--fen-accent-ink);--accent-soft:var(--fen-accent-soft);--positive:var(--fen-positive);--negative:var(--fen-negative);--warning:var(--fen-warning);--r-sm:var(--fen-r-sm);--r-md:var(--fen-r-md);--r-lg:var(--fen-r-lg);--r-xl:var(--fen-r-xl);--r-pill:var(--fen-r-pill);--t-fast:var(--fen-t-fast);--t-base:var(--fen-t-base);--d-card-pad:24px}body{font-family:var(--fen-font-sans);background:var(--fen-bg);color:var(--fen-ink);-webkit-font-smoothing:antialiased}.fen-display{font-family:var(--fen-font-display);letter-spacing:-.02em;font-weight:400}.fen-mono{font-family:var(--fen-font-mono);font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--fen-line);border-radius:8px}::-webkit-scrollbar-track{background:0 0}:focus-visible{outline:2px solid var(--fen-accent);outline-offset:2px;border-radius:var(--fen-r-sm)}@keyframes fennel-tick{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.f-tick{animation:.28s cubic-bezier(.2,.7,.3,1) fennel-tick}@keyframes fennel-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.f-fade{animation:.24s cubic-bezier(.2,.7,.3,1) fennel-fade}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono)}.serif{font-family:var(--font-display);letter-spacing:-.01em;font-weight:400}.muted{color:var(--ink-muted)}.soft{color:var(--ink-soft)}.pos{color:var(--positive)}.neg{color:var(--negative)}.warn{color:var(--warning)}.f-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--d-card-pad)}.f-pill{border-radius:var(--r-pill);background:var(--bg-sunken);height:26px;color:var(--ink-soft);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.f-pill:hover{background:var(--line-soft)}.f-pill.active{background:var(--ink);color:var(--bg)}.cat-swatch{background:oklch(.78 .1 var(--cat-h,80));border:1px solid color-mix(in srgb, oklch(.78 .1 var(--cat-h,80)), black 14%);border-radius:999px;flex:none;width:10px;height:10px}.f-bar-track{background:var(--bg-sunken);border-radius:999px;height:8px;overflow:hidden}.f-bar-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.f-row{transition:background var(--t-fast)}.f-row:hover{background:var(--bg-sunken)}