.fchart{--chart-good:var(--status-success,#2f6b4f);--chart-warn:var(--status-warning,#8a5a16);--chart-bad:var(--status-error,#a13232);--chart-brand:var(--brand-primary,var(--vanar-teal,#0e3c35));--chart-track:color-mix(in srgb, var(--chart-brand) 14%, transparent);--chart-ink:var(--pwp-ink,var(--vanar-fg,#101816));--chart-muted:var(--pwp-muted,#5b5f66);--chart-card:var(--pwp-card,#fff);--chart-card-soft:var(--pwp-card-soft,#f5f8f4);--chart-rule:color-mix(in srgb, var(--chart-ink) 10%, transparent);--chart-reveal-ms:.72s;--chart-reveal-ease:cubic-bezier(.22, .7, .2, 1);color:var(--chart-ink)}@keyframes fchart-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes fchart-fade-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes fchart-grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.fchart-frame{flex-direction:column;gap:.85rem;display:flex;position:relative}.fchart-frame--carded{background:var(--chart-card);border:1px solid var(--chart-rule);border-radius:12px;padding:1.1rem 1.15rem 1.25rem;overflow:hidden}.fchart-frame--carded:before{content:"";background:linear-gradient(90deg, var(--chart-brand), color-mix(in srgb, var(--chart-brand) 28%, transparent) 70%, transparent);height:2px;position:absolute;inset:0 0 auto}.fchart-head{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.fchart-eyebrow{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--chart-muted);font-size:11px}.fchart-title{font-family:var(--font-display,var(--font-big-shoulders), system-ui);text-transform:uppercase;color:var(--chart-ink);margin:0;font-size:clamp(1.1rem,2.4vw,1.4rem);line-height:1}.fchart-empty{color:var(--chart-muted);flex-direction:column;gap:.3rem;padding:.9rem 0;display:flex}.fchart-empty__title{font-family:var(--font-display,system-ui);text-transform:uppercase;color:color-mix(in srgb, var(--chart-ink) 78%, transparent);font-size:1rem}.fchart-empty__body{max-width:46ch;font-size:.82rem;line-height:1.45}.fchart-skeleton{background:linear-gradient(90deg, var(--chart-card-soft), color-mix(in srgb, var(--chart-ink) 6%, var(--chart-card-soft)), var(--chart-card-soft));background-size:200% 100%;border-radius:6px;height:.85rem;animation:1.3s ease-in-out infinite fchart-shimmer}.fchart-skeleton+.fchart-skeleton{margin-top:.5rem}@keyframes fchart-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fchart-gauge{text-align:center;flex-direction:column;align-items:center;gap:.4rem;display:inline-flex}.fchart-gauge svg{width:100%;height:auto;display:block;overflow:visible}.fchart-gauge-track{fill:none;stroke:var(--chart-track);stroke-linecap:round}.fchart-gauge-track[data-empty=true]{stroke-dasharray:2.4 5}.fchart-gauge-fill{fill:none;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;animation:fchart-draw var(--chart-reveal-ms) var(--chart-reveal-ease) both}.fchart-gauge-fill[data-proxy=true]{opacity:.5}.fchart-gauge-num{font-family:var(--font-display,system-ui);fill:var(--chart-ink);font-variant-numeric:tabular-nums}.fchart-gauge-cap{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.06em;fill:var(--chart-muted);text-transform:uppercase;font-size:10px}.fchart-gauge-label{color:color-mix(in srgb, var(--chart-ink) 80%, transparent);font-size:.78rem;line-height:1.2}.fchart-gauge-teach{color:var(--chart-muted);max-width:20ch;font-size:.7rem;line-height:1.35}.fchart-gauge-proxy{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--chart-muted);font-size:9.5px}.fchart-cluster{flex-direction:column;gap:1rem;display:flex}.fchart-cluster__hero{align-self:center}.fchart-cluster__grid{grid-template-columns:repeat(auto-fit,minmax(74px,1fr));justify-items:center;gap:.85rem .75rem;display:grid}.fchart-funnel{width:100%}.fchart-funnel-rail{color:var(--chart-muted);padding:.9rem 0;font-size:.85rem}.fchart-funnel-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.fchart-funnel-band{animation:fchart-fade-up .5s var(--chart-reveal-ease) both;animation-delay:calc(var(--i,0) * 55ms)}.fchart-funnel-row{justify-content:space-between;align-items:baseline;gap:.6rem;margin-bottom:.28rem;display:flex}.fchart-funnel-name{font-family:var(--font-display,system-ui);letter-spacing:.02em;text-transform:uppercase;color:var(--chart-ink);font-size:.76rem;line-height:1}.fchart-funnel-amt{font-family:var(--font-mono,ui-monospace, monospace);color:var(--chart-ink);white-space:nowrap;font-size:.74rem}.fchart-funnel-amt em{color:var(--chart-muted);font-style:normal}.fchart-funnel-barwrap{justify-content:center;display:flex}.fchart-funnel-bar{border-radius:3px;min-width:4px;height:14px;display:block}.fchart-funnel-bar.is-empty{border:1px dashed color-mix(in srgb, var(--chart-ink) 26%, transparent);opacity:.7;background:0 0}.fchart-funnel-conv{text-align:center;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.04em;color:var(--chart-muted);margin-top:.22rem;font-size:.64rem;display:block}.fchart-spark{line-height:0;display:inline-block}.fchart-spark svg{display:block;overflow:visible}.fchart-spark-empty{color:var(--chart-muted);font-family:var(--font-mono,ui-monospace, monospace)}.fchart-spark-line{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;animation:fchart-draw var(--chart-reveal-ms) var(--chart-reveal-ease) both}.fchart-spark-dot{animation:.3s .4s both fchart-fade-up}.fchart-ring svg{width:100%;height:auto;display:block}.fchart-ring-track{stroke:var(--chart-track)}.fchart-ring-track[data-empty=true]{stroke-dasharray:2.4 5}.fchart-ring-fill{stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;animation:fchart-draw var(--chart-reveal-ms) var(--chart-reveal-ease) both}.fchart-ring-center{font-family:var(--font-display,system-ui);fill:var(--chart-ink);font-variant-numeric:tabular-nums}.fchart-ring-cap{font-family:var(--font-mono,ui-monospace, monospace);fill:var(--chart-muted);letter-spacing:.06em;text-transform:uppercase}.fchart-ribbon{padding:1.5rem 0 .4rem;position:relative}.fchart-ribbon-track{background:var(--chart-track);border-radius:2px;height:2px;position:absolute;top:calc(1.5rem + 6px)}.fchart-ribbon-progress{background:var(--chart-brand);transform-origin:0;height:100%;animation:fchart-grow-x .8s var(--chart-reveal-ease) both;border-radius:2px}.fchart-ribbon-nodes{margin:0;padding:0;list-style:none;display:flex}.fchart-ribbon-node{text-align:center;min-width:0;animation:fchart-fade-up .4s var(--chart-reveal-ease) both;animation-delay:calc(var(--i,0) * 70ms);flex-direction:column;flex:1 1 0;align-items:center;gap:.34rem;padding:0 3px;display:flex;position:relative}.fchart-ribbon-dot{border:2px solid var(--dot,var(--chart-brand));background:var(--chart-card);z-index:1;border-radius:50%;flex:none;width:13px;height:13px;position:relative}.fchart-ribbon-node[data-state=done] .fchart-ribbon-dot{background:var(--dot,var(--chart-brand))}.fchart-ribbon-node[data-state=active] .fchart-ribbon-dot{background:var(--dot,var(--chart-brand));box-shadow:0 0 0 4px color-mix(in srgb, var(--dot,var(--chart-brand)) 20%, transparent)}.fchart-ribbon-node[data-state=todo] .fchart-ribbon-dot{border-color:color-mix(in srgb, var(--chart-ink) 22%, transparent)}.fchart-ribbon-label{font-family:var(--font-display,system-ui);text-transform:uppercase;letter-spacing:0;color:var(--chart-ink);overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;max-width:100%;font-size:.6rem;line-height:1.12}.fchart-ribbon-node[data-state=todo] .fchart-ribbon-label{color:var(--chart-muted)}.fchart-ribbon-sub{font-family:var(--font-mono,ui-monospace, monospace);color:var(--chart-muted);font-size:.6rem}.fchart-ribbon-flag{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.04em;text-transform:uppercase;color:var(--chart-brand);background:color-mix(in srgb, var(--chart-brand) 10%, var(--chart-card));border:1px solid color-mix(in srgb, var(--chart-brand) 26%, transparent);white-space:nowrap;border-radius:999px;padding:1px 6px;font-size:.56rem;position:absolute;bottom:calc(100% + 2px)}.fchart-heat svg{width:100%;max-width:100%;height:auto;display:block}.fchart-heat-empty{color:var(--chart-muted);font-family:var(--font-mono,ui-monospace, monospace)}.fchart-heat-cell[data-empty=true]{fill:#0000;stroke:var(--chart-rule);stroke-width:1px}.fchart-heat-cell[data-anchor=true]{stroke:var(--chart-brand);stroke-width:1.4px}.fchart-scatter svg{width:100%;max-width:100%;height:auto;display:block}.fchart-scatter-axis{stroke:var(--chart-rule);stroke-width:1px}.fchart-scatter-dot{fill-opacity:.72;opacity:0;animation:fchart-fade-up .45s var(--chart-reveal-ease) both;animation-delay:calc(var(--i,0) * 40ms)}.fchart-scatter-dot:hover{fill-opacity:.95}.fchart-scatter-dot.is-clickable{cursor:pointer}.fchart-scatter-dot.is-clickable:hover{fill-opacity:1;stroke:var(--chart-ink);stroke-width:1.5px}.fchart-scatter-lab{font-family:var(--font-mono,ui-monospace, monospace);fill:var(--chart-muted);letter-spacing:.04em;text-transform:uppercase;font-size:9px}.fchart-scatter-tray{flex-wrap:wrap;align-items:center;gap:.34rem;margin-top:.55rem;display:flex}.fchart-scatter-tray__lab{font-family:var(--font-mono,ui-monospace, monospace);text-transform:uppercase;letter-spacing:.06em;color:var(--chart-muted);font-size:.6rem}.fchart-scatter-chip{border:1px solid var(--chart-rule);color:var(--chart-muted);border-radius:999px;padding:1px 7px;font-size:.66rem}@media (prefers-reduced-motion:reduce){.fchart-gauge-fill,.fchart-ring-fill,.fchart-spark-line{stroke-dashoffset:0;animation:none}.fchart-funnel-band,.fchart-ribbon-node,.fchart-spark-dot,.fchart-scatter-dot{opacity:1;animation:none;transform:none}.fchart-ribbon-progress{animation:none;transform:none}.fchart-skeleton{animation:none}}