:root{--fpn-bg:#0a0e14;--fpn-bg-raised:#0f1420;--fpn-border:#1c2433;--fpn-text:#e8edf4;--fpn-text-muted:#64748b;--fpn-signal:#5eead4;--fpn-signal-dim:#163b36;--fpn-weight:#fb923c;--fpn-weight-soft:#fdba74;--fpn-idle-node:#232c3d;--fpn-idle-edge:#1a2030}.fpn-root{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid var(--fpn-border);background:linear-gradient(180deg, var(--fpn-bg-raised), var(--fpn-bg));border-radius:12px;position:relative;overflow:hidden;box-shadow:0 40px 100px -40px #5eead41a,0 0 0 1px #ffffff05}.fpn-root:focus-visible{outline:2px solid var(--fpn-signal);outline-offset:-2px}.fpn-edge{stroke:var(--fpn-idle-edge);stroke-linecap:round}.fpn-edge-lit{stroke:var(--fpn-weight);stroke-linecap:round;opacity:0;transition:opacity .9s}.fpn-edge-lit.fpn-lit-active{opacity:.4}.fpn-edge-pulse{stroke:var(--fpn-weight);stroke-linecap:round;filter:drop-shadow(0 0 4px #fb923cd9)drop-shadow(0 0 10px #fb923c59)}.fpn-input-node{cursor:pointer}.fpn-input-node .fpn-node-core{transition:stroke .25s,fill .25s}.fpn-input-node.fpn-input-active .fpn-node-core{stroke:var(--fpn-signal);fill:var(--fpn-signal-dim)}.fpn-input-node:not(.fpn-input-active) .fpn-node-core{stroke:var(--fpn-idle-node);fill:var(--fpn-bg-raised);opacity:.55}.fpn-input-node:hover .fpn-node-core{stroke:var(--fpn-signal-soft,var(--fpn-signal));opacity:1}.fpn-input-hit{fill:#0000;cursor:pointer}.fpn-node-core{fill:var(--fpn-bg-raised);stroke:var(--fpn-idle-node);stroke-width:1.6px}.fpn-node-ring{fill:none;stroke:var(--fpn-signal);stroke-width:1.4px;opacity:0}.fpn-node-glow{fill:var(--fpn-signal);opacity:0}.fpn-node.fpn-fired .fpn-node-core{animation:.45s ease-out forwards fpn-core-pop;animation-delay:var(--fpn-fire-delay,0s)}.fpn-node.fpn-fired .fpn-node-glow{animation:.6s ease-out forwards fpn-glow-pop;animation-delay:var(--fpn-fire-delay,0s)}.fpn-node.fpn-fired .fpn-node-ring{animation:.65s ease-out forwards fpn-ring-pop;animation-delay:var(--fpn-fire-delay,0s)}@keyframes fpn-core-pop{0%{stroke:var(--fpn-idle-node);fill:var(--fpn-bg-raised)}35%{stroke:var(--fpn-signal);fill:var(--fpn-signal-dim)}to{stroke:var(--fpn-signal);fill:var(--fpn-signal-dim)}}@keyframes fpn-glow-pop{0%{opacity:0;r:2}30%{opacity:calc(.85 * var(--fpn-fire-intensity,1));r:9}to{opacity:0;r:16}}@keyframes fpn-ring-pop{0%{opacity:0;r:7.5}18%{opacity:calc(.85 * var(--fpn-fire-intensity,1));r:9}to{opacity:0;r:19}}.fpn-layer-label{font-family:var(--font-mono);letter-spacing:.12em;fill:var(--fpn-text-muted);text-transform:uppercase;font-size:10.5px}.fpn-layer-sub{font-family:var(--font-mono);fill:var(--fpn-text-muted);opacity:.55;font-size:9px}.fpn-body{flex-direction:row;align-items:stretch;gap:0;padding:20px;display:flex}.fpn-diagram{flex:auto;min-width:0}.fpn-readout{flex-direction:column;flex:0 0 200px;justify-content:space-around;gap:14px;padding-left:20px;display:flex}.fpn-readout-row{opacity:0;transition:opacity .45s}.fpn-readout-row--visible{opacity:1}.fpn-readout-empty{font-family:var(--font-mono);color:var(--fpn-text-muted);opacity:0;font-size:12px;line-height:1.5;transition:opacity .3s}.fpn-readout-empty--visible{opacity:1}.fpn-readout-text{font-family:var(--font-mono);justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:5px;font-size:12px;display:flex}.fpn-readout-label{color:var(--fpn-text);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.fpn-readout-pct{color:var(--fpn-signal);flex-shrink:0;font-weight:700}.fpn-readout-track{background:var(--fpn-border);border-radius:3px;height:6px;overflow:hidden}.fpn-readout-fill{background:var(--fpn-text-muted);transform-origin:0;border-radius:3px;height:100%;transition:transform .6s cubic-bezier(.22,.9,.32,1.15),background .3s}.fpn-readout-row--winner .fpn-readout-fill{background:var(--fpn-weight)}.fpn-readout-row--winner .fpn-readout-label,.fpn-readout-row--winner .fpn-readout-pct{color:var(--fpn-weight-soft)}.fpn-footer{border-top:1px solid var(--fpn-border);font-family:var(--font-mono);color:var(--fpn-text-muted);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;font-size:11px;display:flex}.fpn-footer-seg{white-space:nowrap;align-items:baseline;gap:6px;display:flex}.fpn-footer-seg b{color:var(--fpn-text);font-weight:500}.fpn-footer-result{color:var(--fpn-text);text-align:right;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.fpn-amber{color:var(--fpn-weight);font-weight:700}.fpn-amber-soft{color:var(--fpn-weight-soft)}@media (max-width:640px){.fpn-body{flex-direction:column;gap:18px;padding:16px}.fpn-readout{flex-flow:wrap;flex:auto;gap:12px 20px;padding-left:0}.fpn-readout-row{flex:calc(50% - 10px);min-width:140px}.fpn-footer{padding:10px 14px;font-size:9.5px}.fpn-footer-seg--hide-sm{display:none}}@media (prefers-reduced-motion:reduce){.fpn-node.fpn-fired .fpn-node-core,.fpn-node.fpn-fired .fpn-node-glow,.fpn-node.fpn-fired .fpn-node-ring{animation:none!important}.fpn-node.fpn-fired .fpn-node-core{stroke:var(--fpn-signal);fill:var(--fpn-signal-dim)}.fpn-edge-lit.fpn-lit-active{opacity:.3;transition:none}.fpn-readout-fill{transition:none}}
:root{--dtn-bg:#0a0e14;--dtn-bg-raised:#0f1420;--dtn-border:#1c2433;--dtn-border-soft:#161d2a;--dtn-text:#e2e8f0;--dtn-text-soft:#cbd5e1;--dtn-text-muted:#64748b;--dtn-text-faint:#3f4c63;--dtn-true:#2dd4bf;--dtn-true-dim:#0d2e28;--dtn-neutral-branch:#475569;--dtn-path:#fbbf24;--dtn-path-soft:#fde68a;--dtn-idle-node:#232c3d;--dtn-idle-edge:#1f2937;--dtn-box-fill:#0f1420}.dtn-root{border:1px solid var(--dtn-border);background:radial-gradient(circle at 1px 1px, #94a3b80d 1px, transparent 1px), linear-gradient(180deg, var(--dtn-bg-raised), var(--dtn-bg));background-size:22px 22px,100% 100%;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 40px 100px -48px #fbbf2414,0 0 0 1px #ffffff05}.dtn-error{font-family:var(--font-mono);color:#f0a5a5;padding:24px;font-size:12px}.dtn-error ul{color:var(--dtn-text-muted);margin-top:10px;padding-left:18px}.dtn-error li{margin-bottom:4px}.dtn-head{border-bottom:1px solid var(--dtn-border);justify-content:space-between;align-items:center;padding:13px 20px;display:flex}.dtn-head-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dtn-text-muted);font-size:10.5px}.dtn-head-status{font-family:var(--font-mono);color:var(--dtn-text-muted);align-items:center;gap:6px;font-size:10.5px;display:flex}.dtn-status-dot{background:var(--dtn-idle-node);border-radius:50%;width:6px;height:6px;transition:background .3s,box-shadow .3s}.dtn-status-dot.dtn-live{background:var(--dtn-path);box-shadow:0 0 0 3px #fbbf2426}.dtn-body{align-items:flex-start;gap:0;padding:18px 20px;display:flex}.dtn-feature-panel{flex-direction:column;flex:0 0 196px;gap:8px;display:flex}.dtn-feature-panel-head{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.dtn-feature-panel-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dtn-text-faint);font-size:10px}.dtn-reset-btn{font-family:var(--font-mono);letter-spacing:.04em;color:var(--dtn-text-muted);border:1px solid var(--dtn-border);cursor:pointer;background:0 0;border-radius:5px;padding:2px 7px;font-size:9.5px;transition:border-color .15s,color .15s,opacity .15s}.dtn-reset-btn:hover:not(:disabled){color:var(--dtn-true);border-color:#2dd4bf59}.dtn-reset-btn:disabled{opacity:.35;cursor:default}.dtn-toggle{border:1px solid var(--dtn-border);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:#ffffff04;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;transition:border-color .15s;display:flex}.dtn-toggle:hover{border-color:#2dd4bf52}.dtn-toggle:focus-visible{outline:2px solid var(--dtn-path);outline-offset:1px}.dtn-toggle-label{font-family:var(--font-mono);color:var(--dtn-text-soft);font-size:10.5px;line-height:1.35}.dtn-toggle-switch{background:var(--dtn-idle-node);border-radius:8px;flex-shrink:0;width:26px;height:15px;transition:background .2s;position:relative}.dtn-toggle-switch:after{content:"";background:var(--dtn-text-muted);border-radius:50%;width:11px;height:11px;transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s;position:absolute;top:2px;left:2px}.dtn-toggle[aria-pressed=true] .dtn-toggle-switch{background:var(--dtn-true-dim)}.dtn-toggle[aria-pressed=true] .dtn-toggle-switch:after{background:var(--dtn-true);transform:translate(11px)}.dtn-numeric{border:1px solid var(--dtn-border);background:#ffffff04;border-radius:7px;padding:8px 10px}.dtn-numeric-row{font-family:var(--font-mono);color:var(--dtn-text-soft);justify-content:space-between;margin-bottom:6px;font-size:10.5px;display:flex}.dtn-numeric-value{color:var(--dtn-path-soft);font-weight:600}.dtn-numeric input[type=range]{width:100%;accent-color:var(--dtn-true)}.dtn-diagram-wrap{-webkit-overflow-scrolling:touch;flex:auto;min-width:0;padding:0 8px;position:relative;overflow-x:auto}.dtn-diagram-wrap:before,.dtn-diagram-wrap:after{content:"";pointer-events:none;z-index:2;width:18px;position:absolute;top:0;bottom:0}.dtn-diagram-wrap:before{background:linear-gradient(90deg, var(--dtn-bg-raised), transparent);left:0}.dtn-diagram-wrap:after{background:linear-gradient(270deg, var(--dtn-bg-raised), transparent);right:0}.dtn-diagram-svg{width:100%;max-width:100%;height:auto;min-height:280px;display:block}.dtn-edge-base{stroke:var(--dtn-idle-edge);fill:none;stroke-linecap:round}.dtn-edge-lit{stroke:var(--dtn-path);fill:none;stroke-linecap:round;opacity:0;transition:opacity .85s}.dtn-edge-lit.dtn-lit-on{opacity:.85}.dtn-edge-pulse{stroke:var(--dtn-path-soft);fill:none;stroke-linecap:round;filter:drop-shadow(0 0 4px #fbbf24a6)}.dtn-tag text{font-family:var(--font-mono);fill:var(--dtn-text-faint);font-size:8.5px;transition:fill .4s}.dtn-tag.dtn-tag-active text{fill:#d4a843}.dtn-node{cursor:pointer}.dtn-node:focus-visible .dtn-box{outline:2px solid var(--dtn-path);outline-offset:2px}.dtn-box{fill:var(--dtn-box-fill);stroke:var(--dtn-idle-node);stroke-width:1px;transition:stroke .22s,filter .22s}.dtn-node:hover .dtn-box{stroke:#3f4a5e}.dtn-node.dtn-fired .dtn-box{stroke:var(--dtn-path);filter:drop-shadow(0 0 5px #fbbf244d)}.dtn-node.dtn-inspected .dtn-box{stroke:var(--dtn-true);filter:drop-shadow(0 0 5px #2dd4bf52)}.dtn-cond{font-family:var(--font-mono);fill:var(--dtn-text-soft);pointer-events:none;font-size:10px}.dtn-meta{font-family:var(--font-mono);fill:var(--dtn-text-faint);pointer-events:none;font-size:8.5px}.dtn-leaf-eyebrow{font-family:var(--font-mono);letter-spacing:.06em;fill:var(--dtn-text-faint);pointer-events:none;font-size:7.5px}.dtn-leaf-label{font-family:var(--font-sans,ui-sans-serif, system-ui);fill:var(--dtn-text);pointer-events:none;font-size:11px;font-weight:600;transition:fill .22s}.dtn-node.dtn-fired .dtn-leaf-label{fill:var(--dtn-path-soft)}.dtn-leafbar-track{fill:var(--dtn-border)}.dtn-leafbar-fill{fill:var(--dtn-neutral-branch);transition:width .5s cubic-bezier(.22,.9,.32,1.05)}.dtn-node.dtn-fired .dtn-leafbar-fill{fill:var(--dtn-path)}.dtn-side-panel{flex-direction:column;flex:0 0 224px;padding-left:16px;display:flex}.dtn-panel-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dtn-panel-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dtn-text-faint);font-size:10px}.dtn-panel-close{font-family:var(--font-mono);color:var(--dtn-text-muted);border:1px solid var(--dtn-border);cursor:pointer;background:0 0;border-radius:5px;padding:2px 7px;font-size:10.5px;transition:border-color .15s,color .15s}.dtn-panel-close:hover{color:var(--dtn-true);border-color:#2dd4bf59}.dtn-breadcrumb{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.dtn-breadcrumb-row{font-family:var(--font-mono);color:var(--dtn-text-muted);align-items:baseline;gap:6px;padding:1px 0;font-size:10px;display:flex}.dtn-breadcrumb-chevron{color:var(--dtn-text-faint);flex-shrink:0}.dtn-breadcrumb-label{color:var(--dtn-text-soft)}.dtn-breadcrumb-value{font-weight:600}.dtn-breadcrumb-row--true .dtn-breadcrumb-value{color:var(--dtn-true)}.dtn-breadcrumb-row--false .dtn-breadcrumb-value{color:var(--dtn-text-muted)}.dtn-result-card{border:1px solid var(--dtn-border);opacity:0;background:#fbbf2406;border-radius:9px;padding:11px;transition:opacity .35s,transform .35s;transform:translateY(3px)}.dtn-result-card--visible{opacity:1;transform:translateY(0)}.dtn-result-return{font-family:var(--font-mono);letter-spacing:.06em;color:var(--dtn-text-faint);font-size:8.5px}.dtn-result-label{font-family:var(--font-sans,ui-sans-serif, system-ui);color:var(--dtn-path-soft);margin:3px 0 9px;font-size:13px;font-weight:600}.dtn-result-desc{color:var(--dtn-text-muted);margin-bottom:9px;font-size:11px;line-height:1.5}.dtn-confidence-track{background:var(--dtn-border);border-radius:2px;height:4px;overflow:hidden}.dtn-confidence-fill{background:var(--dtn-path);transform-origin:0;border-radius:2px;height:100%;transition:transform .55s cubic-bezier(.22,.9,.32,1.05)}.dtn-confidence-label{font-family:var(--font-mono);color:var(--dtn-text-faint);margin-top:5px;font-size:9px}.dtn-inspect-card{background:#2dd4bf06;border:1px solid #2dd4bf38;border-radius:9px;padding:11px}.dtn-inspect-kind{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--dtn-true);border:1px solid #2dd4bf47;border-radius:4px;margin-bottom:8px;padding:1px 6px;font-size:8.5px;display:inline-block}.dtn-inspect-question{font-family:var(--font-sans,ui-sans-serif, system-ui);color:var(--dtn-text-soft);margin-bottom:8px;font-size:11.5px;line-height:1.5}.dtn-inspect-rule{font-family:var(--font-mono);color:var(--dtn-path-soft);word-break:break-word;margin-bottom:8px;font-size:10.5px}.dtn-inspect-meta{font-family:var(--font-mono);color:var(--dtn-text-muted);flex-direction:column;gap:3px;font-size:9px;display:flex}.dtn-inspect-branch-true{color:var(--dtn-true);font-weight:600}.dtn-inspect-branch-false{color:var(--dtn-text-soft);font-weight:600}.dtn-footer{border-top:1px solid var(--dtn-border);font-family:var(--font-mono);color:var(--dtn-text-muted);justify-content:space-between;align-items:center;gap:12px;padding:11px 20px;font-size:10.5px;display:flex}.dtn-footer-seg{white-space:nowrap;align-items:baseline;gap:6px;display:flex}.dtn-footer-seg b{color:var(--dtn-text-soft);font-weight:500}.dtn-footer-result{text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dtn-amber{color:var(--dtn-path);font-weight:600}.dtn-amber-soft{color:var(--dtn-path-soft)}@media (max-width:880px){.dtn-body{flex-direction:column;gap:16px}.dtn-feature-panel{flex-flow:wrap;flex:auto;gap:8px}.dtn-feature-panel-head{flex:1 0 100%}.dtn-toggle,.dtn-numeric{flex:calc(50% - 8px);min-width:150px}.dtn-side-panel{flex:auto;padding-left:0}}@media (max-width:640px){.dtn-body{padding:16px}.dtn-head{flex-wrap:wrap;gap:8px;padding:11px 16px}.dtn-feature-panel{flex-direction:column}.dtn-toggle,.dtn-numeric{flex:100%;min-width:0}.dtn-diagram-wrap{margin:0 -4px;padding:0 4px;overflow-x:auto}.dtn-diagram-svg{min-height:220px}.dtn-footer{flex-wrap:wrap;gap:6px;padding:10px 14px;font-size:9.5px}.dtn-footer-seg--hide-sm{display:none}}@media (prefers-reduced-motion:reduce){.dtn-edge-lit,.dtn-result-card,.dtn-confidence-fill,.dtn-tag text,.dtn-leafbar-fill{transition:none}}