.ff-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.ff-label{color:var(--text);flex-direction:column;gap:.35rem;font-size:.875rem;font-weight:600;display:flex}.ff-label-header{justify-content:space-between;align-items:center;display:flex}.ff-metric-val{font-family:var(--font-mono,monospace);color:var(--accent);font-weight:700}.ff-controls{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.ff-btn{border:1px solid var(--border);background:var(--bg-surface);color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:.35rem;padding:.45rem .9rem;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}.ff-btn:hover{background:var(--bg-hover);border-color:var(--accent)}.ff-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.ff-layout{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem;display:grid}@media (width<=768px){.ff-layout{grid-template-columns:1fr}}.ff-canvas-card{border:1px solid var(--border);background:var(--bg-card);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.ff-card-header{background:var(--bg-surface);border-bottom:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;padding:.6rem .85rem;font-size:.85rem;font-weight:700;display:flex}.ff-legend{color:var(--text-dim);gap:.75rem;font-size:.75rem;font-weight:500;display:flex}.ff-legend-item{align-items:center;gap:.25rem;display:flex}.ff-legend-dot{border-radius:50%;width:8px;height:8px}.ff-readout-card{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.ff-metric-box{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.25rem;padding:.85rem;display:flex}.ff-metric-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.ff-metric-number{font-size:1.35rem;font-weight:800;font-family:var(--font-mono,monospace);color:var(--text)}.ff-status-badge{border-radius:9999px;align-items:center;width:fit-content;padding:.2rem .55rem;font-size:.8rem;font-weight:700;display:inline-flex}.ff-status-badge.percolated{color:#dc2626;background:#dc262626}.ff-status-badge.safe{color:#16a34a;background:#16a34a26}.ff-formula-box{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:8px;margin-bottom:1.25rem;padding:.85rem 1rem;font-size:.9rem;line-height:1.5}.ff-grid-shell .chart-shell-canvas{aspect-ratio:1}:-webkit-any(.ff-grid-shell:fullscreen .chart-shell-row,.ff-grid-shell:-webkit-full-screen .chart-shell-row){flex:1;min-height:0}:is(.ff-grid-shell:fullscreen .chart-shell-row,.ff-grid-shell:fullscreen .chart-shell-row){flex:1;min-height:0}:-webkit-any(.ff-grid-shell:fullscreen .chart-shell-panel,.ff-grid-shell:-webkit-full-screen .chart-shell-panel){height:100%;min-height:0}:is(.ff-grid-shell:fullscreen .chart-shell-panel,.ff-grid-shell:fullscreen .chart-shell-panel){height:100%;min-height:0}:-webkit-any(.ff-grid-shell:fullscreen .chart-shell-canvas,.ff-grid-shell:-webkit-full-screen .chart-shell-canvas){width:auto;max-width:100%;height:100%;margin:0 auto}:is(.ff-grid-shell:fullscreen .chart-shell-canvas,.ff-grid-shell:fullscreen .chart-shell-canvas){width:auto;max-width:100%;height:100%;margin:0 auto}.ff-layout{align-items:start}