:root{color-scheme:dark;--bg: #070b0d;--panel: #0b1115;--panel-2: #0e161b;--line: #223038;--line-soft: #172228;--text: #f3f7f5;--muted: #89979d;--cyan: #36d7ff;--cyan-soft: rgba(54, 215, 255, .12);--lime: #a5f43b;--lime-soft: rgba(165, 244, 59, .12);--amber: #ffc43d;--amber-soft: rgba(255, 196, 61, .12);--coral: #ff6e62;--radius: 16px;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:1120px;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 50% -20%,rgba(54,215,255,.06),transparent 38%),var(--bg)}button,select,input{font:inherit}button{color:inherit}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.app-shell{min-height:100vh;padding-bottom:86px}.topbar{height:78px;display:grid;grid-template-columns:minmax(280px,1fr) auto minmax(280px,1fr);align-items:center;gap:24px;padding:0 28px;border-bottom:1px solid var(--line);background:#070b0df5;position:sticky;top:0;z-index:30}.brand-block{display:flex;align-items:center;gap:12px}.brand-block>strong{font-size:20px;letter-spacing:-.04em}.brand-mark{width:30px;height:30px;position:relative}.brand-mark span{position:absolute;width:19px;height:19px;border:3px solid var(--lime);transform:rotate(45deg);border-radius:4px}.brand-mark span:first-child{left:2px;top:2px}.brand-mark span:last-child{right:1px;bottom:1px;border-color:var(--cyan)}.title-divider{width:1px;height:32px;background:var(--line);margin:0 2px}.brand-block h1{font-size:14px;margin:0;line-height:1.15;letter-spacing:-.01em}.brand-block p{color:var(--muted);font-size:11px;margin:3px 0 0}.scenario-switcher{display:flex;gap:8px}.scenario-button{appearance:none;border:1px solid var(--line);background:#0b1114;border-radius:12px;min-width:214px;padding:9px 14px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;transition:.2s ease}.scenario-button:hover{border-color:#3b4d56;transform:translateY(-1px)}.scenario-button.active{border-color:var(--lime);box-shadow:inset 0 0 0 1px #a5f43b26,0 0 24px #a5f43b0f}.scenario-number{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#202a2f;color:#b8c2c6;font-weight:700;font-size:12px;flex:0 0 auto}.scenario-button.active .scenario-number{color:#0a1006;background:var(--lime)}.scenario-button b{display:block;font-size:12px}.scenario-button small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.top-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.playback-mode{flex:0 0 auto}.live-trace-input{display:none;align-items:center;gap:6px}.app-shell.live-mode .live-trace-input{display:flex}.live-trace-input input{width:136px;height:40px;border:1px solid var(--line);border-radius:10px;padding:0 10px;color:var(--text);background:#0b1114;font:10px DM Mono,monospace}.trace-key-menu{position:relative}.trace-key-menu summary{display:grid;place-items:center;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:#0b1114;font:10px DM Mono,monospace;cursor:pointer;list-style:none}.trace-key-menu summary::-webkit-details-marker{display:none}.trace-key-menu[open] summary{color:var(--cyan);border-color:#36d7ff73}.trace-key-fields{position:absolute;z-index:20;top:48px;right:0;display:grid;gap:7px;width:210px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#0b1114;box-shadow:0 14px 40px #00000073}.live-trace-input .trace-key-fields input{width:100%}.trace-key-fields small{color:var(--muted);font-size:9px;line-height:1.4}.app-shell.live-mode .scenario-switcher{opacity:.45;pointer-events:none}.ghost-button,.select-wrap select,.play-button{height:40px;border-radius:10px;border:1px solid var(--line);background:#0b1114;padding:0 14px;font-size:12px;font-weight:600}.ghost-button{cursor:pointer}.ghost-button .icon{font-size:18px;margin-right:5px;vertical-align:-1px}.select-wrap{position:relative}.select-wrap select{appearance:none;min-width:72px;padding-right:30px;cursor:pointer}.select-wrap:after{content:"⌄";position:absolute;right:11px;top:8px;color:var(--muted);pointer-events:none}.play-button{min-width:104px;cursor:pointer;border-color:var(--lime);color:#071006;background:var(--lime);box-shadow:0 0 24px #a5f43b1a}.play-button.running{border-color:#38464c;color:var(--text);background:#172127}.play-icon{display:inline-block;width:16px}.journey-bar{height:74px;display:grid;grid-template-columns:290px 1fr 170px;align-items:center;gap:24px;padding:0 30px;border-bottom:1px solid var(--line-soft);background:#0a0f12}.scenario-context{display:flex;flex-direction:column;gap:6px}.scenario-context strong{font-size:12px}.live-indicator{color:var(--lime);text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:700}.live-indicator i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:6px;box-shadow:0 0 10px var(--lime)}.phase-track{display:flex;align-items:center}.phase{flex:1;display:flex;align-items:center;position:relative;min-width:0}.phase:not(:last-child):after{content:"";height:1px;background:#35434a;flex:1;margin:0 10px}.phase-marker{width:28px;height:28px;border-radius:50%;border:1px solid #536168;color:#88959b;display:grid;place-items:center;font-size:11px;font-weight:700;flex:0 0 auto}.phase-copy{margin-left:8px;min-width:0}.phase-copy b{font-size:11px;display:block;white-space:nowrap}.phase-copy span{color:var(--muted);font-size:9px;display:block;margin-top:2px}.phase.complete .phase-marker{border-color:var(--lime);color:var(--lime);background:var(--lime-soft)}.phase.complete .phase-copy span{color:var(--lime)}.phase.active .phase-marker{border-color:var(--amber);color:#0b0d08;background:var(--amber);box-shadow:0 0 16px #ffc43d40}.phase.active .phase-copy span{color:var(--amber)}.flow-clock{display:flex;justify-content:flex-end;align-items:baseline;gap:10px;font-size:11px;color:var(--muted)}.flow-clock b{font-family:DM Mono,monospace;font-size:16px;color:var(--lime)}.flow-board{display:none;margin:14px 22px 0;border:1px solid var(--line);border-radius:14px;background:#0a1013;overflow:hidden}.app-shell.live-mode .flow-board{display:block}.flow-board-head{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 16px;border-bottom:1px solid var(--line-soft)}.flow-board-head h2{margin:3px 0 0;font-size:15px}.kiosk-toggle{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;cursor:pointer}.kiosk-toggle input{accent-color:var(--lime)}.flow-cards{display:flex;gap:8px;padding:10px;overflow-x:auto}.flow-cards>p{margin:3px 7px;color:var(--muted);font-size:10px}.flow-card{flex:0 0 240px;min-height:72px;display:grid;gap:5px;padding:10px 12px;text-align:left;border:1px solid var(--line);border-radius:10px;color:var(--text);background:#0d1519;cursor:pointer}.flow-card:hover{border-color:#43565f}.flow-card.selected{border-color:var(--cyan);background:var(--cyan-soft)}.flow-card.failed{border-color:#ff6e6299}.flow-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.flow-card-top b{font-size:10px}.flow-card-top code{color:var(--muted);font:8px DM Mono,monospace}.flow-card-meta{display:flex;flex-wrap:wrap;gap:4px}.flow-card-meta span{padding:2px 5px;border-radius:99px;color:#b7c4c8;background:#172229;font-size:8px}.flow-card small{color:var(--muted);font-size:8px}.stage-panel,.trace-panel{margin:18px 22px 0;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#0e161bf7,#080d10fa);overflow:hidden}.stage-head,.trace-toolbar{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line-soft)}.eyebrow{text-transform:uppercase;color:var(--muted);letter-spacing:.14em;font-size:8px;font-weight:700}.stage-head h2,.trace-toolbar h2{margin:4px 0 0;font-size:17px;letter-spacing:-.02em}.stage-legend{display:flex;align-items:center;gap:20px;color:var(--muted);font-size:10px}.stage-legend span{display:flex;align-items:center;gap:7px}.legend-line{width:26px;display:block;height:1px;background:#849399}.legend-line.dashed{background:repeating-linear-gradient(90deg,#849399 0 5px,transparent 5px 9px)}.legend-line.directory{height:2px;background:var(--lime);opacity:.6}.system-stage{height:390px;position:relative;overflow:hidden;isolation:isolate;background:var(--bg)}.stage-grid{position:absolute;inset:0;opacity:.24;background-image:radial-gradient(#26343a .8px,transparent .8px);background-size:16px 16px;-webkit-mask-image:linear-gradient(to bottom,black 30%,transparent 100%);mask-image:linear-gradient(to bottom,black 30%,transparent 100%)}.network-map{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible}.network-path{fill:none;vector-effect:non-scaling-stroke}.network-path.proprietary{stroke:#66767d;stroke-width:1.6;stroke-dasharray:6 7}.network-path.standard{stroke:#73858d;stroke-width:1.8}.network-path.directory{stroke:#a5f43b94;stroke-width:1.5}.network-path.presentment{stroke:#ffc43d59;stroke-width:1.1;stroke-dasharray:2 8}.packet-halo{opacity:.25}.route-label{position:absolute;z-index:3;padding:3px 8px;border-radius:99px;color:#7f8d93;background:#070b0de6;font-family:DM Mono,monospace;font-size:8px}.label-standard{left:50%;bottom:20px;transform:translate(-50%)}.label-directory{left:57%;top:81px;color:#a5f43bb3}.label-settlement{right:28px;bottom:20px}.actors{position:absolute;inset:0 22px;display:grid;grid-template-columns:repeat(5,1fr);z-index:4;pointer-events:none}.actor{display:flex;align-items:center;flex-direction:column;position:relative;padding-top:18px;min-width:0}.actor>*{pointer-events:auto}.status-bubble{width:min(92%,198px);height:46px;padding:0 12px;display:flex;align-items:center;justify-content:flex-start;gap:8px;border:1px solid #2d3c43;background:#0b1114f0;border-radius:9px;text-align:left;font-size:10px;cursor:pointer;transition:.2s ease;z-index:7}.status-bubble i{width:7px;height:7px;border-radius:50%;background:var(--muted);flex:0 0 auto}.actor.active-request .status-bubble{border-color:var(--cyan);box-shadow:0 0 20px #36d7ff14}.actor.active-request .status-bubble i{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.actor.active-success .status-bubble{border-color:var(--lime)}.actor.active-success .status-bubble i{background:var(--lime);box-shadow:0 0 10px var(--lime)}.actor.active-human .status-bubble{border-color:var(--amber);box-shadow:0 0 20px #ffc43d14}.actor.active-human .status-bubble i{background:var(--amber);box-shadow:0 0 10px var(--amber)}.actor.active-error .status-bubble{border-color:var(--coral);box-shadow:0 0 20px #ff6e6214}.actor.active-error .status-bubble i{background:var(--coral);box-shadow:0 0 10px var(--coral)}.actor-name{text-align:center;margin-top:9px;position:relative;z-index:6}.actor-name b{display:block;font-size:11px}.actor-name span{display:block;font-size:8px;color:var(--muted);margin-top:2px}.actor-art{width:124px;height:248px;margin-top:-26px;background-image:url(/assets/service-sprite-BnY5QV-o.png);background-size:660% 110%;background-repeat:no-repeat;position:relative;z-index:5;filter:saturate(.9) brightness(.9);mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse 64% 48% at 50% 55%,#000 62%,transparent 96%);mask-image:radial-gradient(ellipse 64% 48% at 50% 55%,#000 62%,transparent 96%);transition:filter .25s ease,transform .25s ease}.actor.active-request .actor-art{filter:saturate(1.05) brightness(1.03) drop-shadow(0 0 13px rgba(54,215,255,.25))}.actor.active-success .actor-art{filter:saturate(1.04) brightness(1.03) drop-shadow(0 0 13px rgba(165,244,59,.22))}.actor.active-human .actor-art{filter:saturate(1.04) brightness(1.03) drop-shadow(0 0 15px rgba(255,196,61,.25))}.actor.active-error .actor-art{filter:saturate(1.04) brightness(1.03) drop-shadow(0 0 14px rgba(255,110,98,.25))}.art-pos{background-position:0% 50%}.art-practice{background-position:20% 50%;width:145px}.art-payee{background-position:40% 50%;-webkit-mask-image:radial-gradient(ellipse 48% 46% at 53% 54%,#000 65%,transparent 98%);mask-image:radial-gradient(ellipse 48% 46% at 53% 54%,#000 65%,transparent 98%)}.art-registry{background-position:60% 50%}.art-payer{background-position:80% 50%}.art-bank{background-position:100% 50%}.registry-actor .actor-art,.registry-actor .actor-health{transform:translateY(-17px)}.rail-actor{display:none}.app-shell.pep6-mode .rail-actor{display:flex;position:absolute;left:42%;top:235px;width:16%;height:145px;padding-top:0}.rail-actor .status-bubble{height:34px}.rail-actor .actor-name{margin-top:5px}.rail-art{height:42px;color:var(--amber);font:54px/38px DM Mono,monospace;text-shadow:0 0 16px rgba(255,196,61,.3)}.rail-actor .actor-health{margin-top:0}.actor-health{margin-top:-28px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:8px;position:relative;z-index:6}.actor-health i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px #a5f43b80}.trace-panel{min-height:262px;margin-bottom:18px}.trace-toolbar{height:70px}.trace-actions{display:flex;gap:10px;align-items:center}.view-toggle{border:1px solid var(--line);border-radius:9px;padding:3px;display:flex;background:#090f12}.view-toggle button{border:0;background:transparent;color:var(--muted);font-size:9px;font-weight:600;padding:7px 11px;border-radius:6px;cursor:pointer}.view-toggle button.active{background:#1d2a30;color:var(--text)}.filter-select select{height:34px;min-width:145px;font-size:10px}.filter-select:after{top:5px}.trace-table-wrap{position:relative;min-height:187px;max-height:252px;overflow:auto}.trace-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:10px}.trace-table th{position:sticky;top:0;z-index:2;height:34px;background:#0b1216;color:var(--muted);font-weight:500;text-align:left;border-bottom:1px solid var(--line-soft)}.trace-table th:first-child,.trace-table td:first-child{padding-left:22px;width:118px}.trace-table th:nth-child(2){width:210px}.trace-table th:nth-child(3){width:230px}.trace-table th:nth-child(4){width:108px}.trace-table td{height:38px;border-bottom:1px solid #162126;color:#dbe2df;padding-right:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trace-table tbody tr{cursor:pointer;transition:.15s ease}.trace-table tbody tr:hover{background:#ffffff06}.trace-table tbody tr.current{background:var(--cyan-soft);box-shadow:inset 2px 0 var(--cyan)}.trace-table tbody tr.in-flight{background:#36d7ff12}.trace-table code{font-family:DM Mono,monospace;color:#aebbc0;font-size:9px}.trace-time{display:flex;align-items:center;gap:8px}.event-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 7px currentColor}.event-dot.success{color:var(--lime);background:var(--lime)}.event-dot.human{color:var(--amber);background:var(--amber)}.event-dot.error{color:var(--coral);background:var(--coral)}.status-pill{display:inline-flex;min-width:56px;height:22px;align-items:center;justify-content:center;border:1px solid var(--cyan);border-radius:6px;color:var(--cyan);font-family:DM Mono,monospace;font-size:8px}.status-pill.success{border-color:#6cad26;color:var(--lime)}.status-pill.human{border-color:#8d6e25;color:var(--amber)}.status-pill.error{border-color:#aa493f;color:var(--coral)}.status-pill.inflight{border-color:var(--cyan);color:var(--cyan);animation:inFlightPulse 1s ease-in-out infinite}.packet-arrived{animation:packetArrival .62s ease-out both}@keyframes inFlightPulse{50%{opacity:.48}}@keyframes packetArrival{0%{opacity:1}to{opacity:.7}}.trace-empty{position:absolute;inset:50px 0 0;display:grid;place-items:center;color:var(--muted);font-size:11px}.playback-bar{position:fixed;z-index:25;left:0;right:0;bottom:0;height:72px;border-top:1px solid #2a3940;background:#0a1013f7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:grid;grid-template-columns:240px 1fr 320px;gap:20px;align-items:center;padding:0 22px;box-shadow:0 -12px 28px #00000040}.help-button{justify-self:start;height:38px;padding:0 13px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;background:#0c1418;color:#bac4c7;font-size:10px;cursor:pointer}.help-button span{width:20px;height:20px;border:1px solid #728188;border-radius:50%;display:grid;place-items:center}.transport-controls{display:flex;align-items:center;gap:10px;min-width:0}.transport-button{width:34px;height:34px;border:1px solid var(--line);background:#10191d;border-radius:8px;font-size:22px;cursor:pointer}#scrubber{appearance:none;flex:1;height:3px;background:linear-gradient(90deg,var(--lime) var(--progress, 0%),#35434a var(--progress, 0%));border-radius:99px}#scrubber::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:var(--cyan);border:3px solid #c7f4ff;box-shadow:0 0 12px #36d7ff8c;cursor:pointer}.step-counter{width:60px;display:flex;gap:5px;align-items:baseline;justify-content:flex-end;color:var(--muted);font-family:DM Mono,monospace;font-size:10px}.step-counter b{color:var(--text);font-size:16px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metrics>div{height:46px;border:1px solid var(--line);border-radius:9px;background:#0d1519;display:flex;align-items:baseline;justify-content:center;gap:5px;padding-top:8px}.metrics b{font-family:DM Mono,monospace;font-size:15px}.metrics span,.metrics small{color:var(--muted);font-size:8px}.metrics>div:last-child b{color:var(--lime)}.inspector{position:fixed;inset:0;z-index:80;visibility:hidden;pointer-events:none}.inspector.open{visibility:visible;pointer-events:auto}.inspector-backdrop{position:absolute;inset:0;background:#00000094;opacity:0;transition:.25s ease}.inspector.open .inspector-backdrop{opacity:1}.inspector-panel{position:absolute;top:0;right:0;bottom:0;width:min(470px,92vw);padding:34px 28px;background:#0d1519;border-left:1px solid #33454d;transform:translate(100%);transition:.28s ease;box-shadow:-20px 0 60px #00000059;overflow-y:auto}.inspector.open .inspector-panel{transform:translate(0)}.inspector-close,.dialog-close{position:absolute;top:20px;right:20px;width:34px;height:34px;border-radius:8px;border:1px solid var(--line);background:#111b20;color:var(--muted);font-size:20px;cursor:pointer}.inspector-panel h2{font-size:22px;margin:8px 45px 8px 0}.inspector-panel>p{color:#b1bdc1;line-height:1.6;font-size:12px}.inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.inspector-grid div{min-width:0}.inspector-grid dt{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.inspector-grid dd{margin:5px 0 0;font-size:11px;overflow-wrap:anywhere}.payload-block{margin-top:20px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#071013}.payload-block>div{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--line);color:var(--muted);font-size:9px}.payload-block button{border:0;background:transparent;color:var(--cyan);cursor:pointer;font-size:9px}.payload-block pre{margin:0;padding:15px;color:#c6d2d5;font:9px/1.65 DM Mono,monospace;white-space:pre-wrap}.help-dialog{width:min(720px,90vw);border:1px solid #34464e;border-radius:16px;padding:30px;color:var(--text);background:#0c1418;box-shadow:0 24px 90px #0000008c}.help-dialog::backdrop{background:#000000a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.help-dialog h2{margin:6px 0 24px;font-size:23px}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.help-grid>div{padding:16px;border:1px solid var(--line);border-radius:10px;background:#0a1114}.help-grid b{display:block;font-size:11px;margin-top:10px}.help-grid p,.help-note{color:var(--muted);font-size:10px;line-height:1.55}.help-swatch{display:block;width:28px;height:4px;border-radius:99px}.help-swatch.cyan{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.help-swatch.amber{background:var(--amber);box-shadow:0 0 10px var(--amber)}.help-swatch.lime{background:var(--lime);box-shadow:0 0 10px var(--lime)}.help-note{margin:18px 0 0;padding:14px;border-left:2px solid var(--lime);background:var(--lime-soft)}.help-note strong{color:var(--text)}@media(max-width:1280px){.topbar{grid-template-columns:250px auto 250px;gap:12px;padding:0 18px}.scenario-button{min-width:190px}.brand-block p,.title-divider{display:none}.journey-bar{grid-template-columns:230px 1fr 135px;padding:0 20px}.stage-panel,.trace-panel{margin-left:14px;margin-right:14px}.actor-art{width:112px;height:224px}.art-practice{width:132px}.live-trace-input input{width:112px}}