.sfp-reduce .elw-heading{flex-wrap:wrap}.sfp-reduce .dgm-toolbar{margin:14px 0}.sfp-reduce .dgm-seg{flex-wrap:wrap}.sfp-reduce .dgm-seg button{letter-spacing:0;padding:6px 10px;font-size:.66rem}.sfp-reduce-status{min-height:86px}.sfp-reduce-status strong{color:var(--fg-strong);font-size:.76rem;font-weight:500}.sfp-reduce .sfp-reduce-status p{color:var(--fg-muted);margin:6px 0 12px;font-size:.72rem;line-height:1.6}.sfp-reduce-scroll{padding:2px 0;overflow-x:auto}.sfp-reduce svg{max-width:400px;margin:0 auto}.sfp-reduce svg text{font-family:var(--font-mono);fill:var(--fg)}.sfp-register{fill:var(--surface-soft);stroke:var(--border-muted);stroke-width:1px}.sfp-register.active{stroke:var(--accent);stroke-width:1.5px}.sfp-reduce .sfp-reg-name{font-size:12px;font-weight:600}.sfp-reduce .sfp-reg-note{fill:var(--fg-muted);font-size:10px}.sfp-empty-cell{fill:none;stroke:var(--border-muted);stroke-opacity:.4}.sfp-reduce .sfp-unused{fill:var(--fg-muted);paint-order:stroke;stroke:var(--surface-soft);stroke-width:7px;font-size:11px}.sfp-value-cell{fill:color-mix(in srgb,var(--row-color) 20%,var(--surface-soft));stroke:var(--row-color);stroke-width:.75px}.sfp-reduce .sfp-value{font-variant-numeric:tabular-nums;text-anchor:middle;font-size:14px}.sfp-reduce-motion .sfp-moving-row,.sfp-reduce-motion .sfp-moving-cell{transition:transform .6s ease-in-out}.sfp-reduce-motion .sfp-wrap{animation:.6s ease-in-out sfp-wrap}@keyframes sfp-wrap{0%{transform:translate(392px)}30%{transform:translate(392px,-9px)}70%{transform:translateY(-9px)}to{transform:translate(0)}}.sfp-add-flow{pointer-events:none;animation:.65s ease-in-out both sfp-add}@keyframes sfp-add{0%{opacity:0;transform:translateY(0)}15%{opacity:1}80%{opacity:1}to{transform:translateY(var(--sum-distance));opacity:0}}.sfp-speed{color:var(--fg-muted);align-items:center;gap:6px;font-size:.65rem;display:flex}.sfp-speed select{font:inherit;color:var(--fg);background:var(--surface-soft);border:1px solid var(--border-muted);border-radius:4px;padding:5px}@media (width<=560px){.sfp-reduce-status{min-height:115px}.sfp-reduce .elw-controls span{width:auto;margin-left:auto}}@media (prefers-reduced-motion:reduce){.sfp-add-flow{display:none}.sfp-reduce-motion .sfp-moving-row,.sfp-reduce-motion .sfp-moving-cell{transition:none;animation:none}}.sfp-reduce-motion .sfp-moving-cell .sfp-value{transform-box:fill-box;transform-origin:50%;animation:.5s ease-out .35s backwards sfp-pop}@keyframes sfp-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.18)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.sfp-reduce-motion .sfp-moving-cell .sfp-value{animation:none}}.bf-phases{border:1px solid var(--border-muted);background:var(--surface-soft);border-radius:8px;padding:20px;font-size:12px;line-height:1.5}.bf-phases .bf-phase-example{margin:0 0 16px;font-size:12px}.bf-phase-controls{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:20px;display:flex}.bf-phase-controls button{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border-muted);cursor:pointer;border-radius:4px;padding:4px 10px}.bf-phase-controls button:disabled{opacity:.4;cursor:default}.bf-phase-controls span{margin-left:auto}.bf-phase-source{align-items:center;gap:12px;margin:8px 0;display:flex}.bf-phase-bits{gap:4px;display:flex}.bf-phase-bits>span{text-align:center;width:27px;color:var(--fg-muted);border:1px solid var(--border-muted);border-radius:3px;padding:6px 0;transition:background-color .35s,border-color .35s,color .35s;position:relative}.bf-phase-bits>.selected{background:color-mix(in srgb, var(--accent) 18%, var(--bg));border-color:var(--accent);color:var(--fg-strong);font-weight:700}.bf-phase-bits>.implicit{border-style:dashed;margin-right:5px}.bf-phase-bits i{color:var(--fg);font-style:normal;position:absolute;right:-7px}.bf-phase-bits>.boundary{margin-left:7px}.bf-phase-part{width:4ch;color:var(--accent)}.bf-phases .bf-phase-hint{color:var(--fg-muted);margin:10px 0;font-size:10px}.bf-phase-math{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;padding:12px 0 16px;line-height:1.9}.bf-phase-math strong{color:var(--accent)}.bf-phase-math div+div{margin-top:6px}.bf-phase-math.changed strong{animation:.5s ease-out bf-contribution;display:inline-block}@keyframes bf-contribution{0%{transform:translateY(-5px)}to{transform:translateY(0)}}.bf-phases table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:0;font-size:12px;display:table}.bf-phases th,.bf-phases td{border:0;border-bottom:1px solid var(--border-soft);text-align:right;background:0 0;padding:7px 5px}.bf-phases th:first-child,.bf-phases td:first-child{text-align:left}.bf-phases tr{background:0 0;border:0}.bf-phases tr.current{background:color-mix(in srgb, var(--accent) 10%, var(--bg));color:var(--fg-strong)}.bf-phases figcaption{color:var(--fg-muted);margin-top:12px;font-size:10px}@media (width<=480px){.bf-phases{padding:12px}.bf-phase-source{gap:6px;font-size:11px}.bf-phase-bits{flex:1;gap:2px}.bf-phase-bits>span{flex:1;width:auto;min-width:0}.bf-phase-bits>.boundary{margin-left:4px}.bf-phase-controls span{flex-basis:100%;margin:4px 0 0}}@media (prefers-reduced-motion:reduce){.bf-phase-bits>span{transition:none}.bf-phase-math.changed strong{animation:none}}