@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg: #0f0e0c;--panel: #161514;--panel2: #211c18;--panel3: #2a2520;--border: rgba(255, 255, 255, .08);--border2: rgba(255, 255, 255, .15);--text: #fbf9f5;--muted: #a8a29e;--faint: #78716c;--brand: #f59e0b;--brand-2: #ffcf47;--brand-dim: rgba(245, 158, 11, .13);--amber-warn: #fcd34d;--green: #9fce63;--green-txt: #b6e58a;--green-dim: rgba(151, 196, 89, .13);--red: #e24b4a;--red-txt: #fca5a5;--red-dim: rgba(226, 75, 74, .13);--blue: #93c5fd;--lav: #c4a6e0;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--display: "Instrument Serif", Georgia, serif;--mango-glow: 0 0 60px rgba(245, 158, 11, .16)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:DM Sans,system-ui,-apple-system,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}::selection{background:#f59e0b4d;color:#fbf9f5}.app{display:flex;flex-direction:column;height:100vh}.brand-bar{height:3px;flex:0 0 3px;background:linear-gradient(90deg,#ea580c,#f59e0b,#ffcf47,#f59e0b,#ea580c);background-size:200% 100%;animation:shimmer 8s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#14120f,#0f0e0c)}.brand{display:flex;gap:13px;align-items:center}.logo{font-size:24px;color:var(--brand);width:42px;height:42px;display:grid;place-items:center;background:var(--brand-dim);border:1px solid rgba(245,158,11,.28);border-radius:11px;box-shadow:var(--mango-glow)}.brand-name{font-family:var(--display);font-weight:400;font-size:22px;letter-spacing:.3px}.brand-sub{color:var(--muted);font-size:12px;margin-top:1px}.view-toggle{display:flex;gap:5px;background:var(--panel);border:1px solid var(--border);border-radius:11px;padding:4px}.view-toggle button{background:transparent;border:0;color:var(--muted);font-size:13px;font-weight:600;font-family:inherit;padding:8px 15px;border-radius:8px;cursor:pointer;transition:all .12s}.view-toggle button:hover{color:var(--text)}.view-toggle button.on{background:var(--brand-dim);color:var(--brand)}.cols{display:grid;grid-template-columns:344px 1fr;flex:1;min-height:0}.panel{min-height:0;overflow:auto}.panel-title{font-size:11px;text-transform:uppercase;letter-spacing:1.6px;color:var(--muted);padding:18px 22px 10px;font-weight:600;display:flex;align-items:center;gap:12px}.launcher{border-right:1px solid var(--border);background:#131211;padding-bottom:24px}.field{padding:10px 22px}.field>label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.9px;color:var(--faint);margin-bottom:9px}.cards{display:flex;flex-direction:column;gap:8px}.card{text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:11px;padding:12px 13px;cursor:pointer;color:var(--text);font-family:inherit;transition:border-color .15s,background .15s,transform .06s}.card:hover:not(.disabled){border-color:var(--border2);transform:translateY(-1px)}.card.on{border-color:var(--brand);background:var(--brand-dim)}.card.disabled{opacity:.5;cursor:not-allowed}.card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.card-name{font-weight:600;font-size:13px}.card-blurb{color:var(--muted);font-size:11.5px;margin-top:4px;line-height:1.45}.tag{font-size:10px;padding:2px 7px;border-radius:6px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.tag.live{background:var(--green-dim);color:var(--green-txt)}.tag.soon{background:var(--panel3);color:var(--faint)}select{width:100%;padding:11px 12px;background:var(--panel);font-family:inherit;border:1px solid var(--border);border-radius:9px;color:var(--text);font-size:13px}.goal-hint{color:var(--muted);font-size:11.5px;margin-top:9px;line-height:1.45}.modes{display:flex;flex-direction:column;gap:8px}.mode{display:flex;flex-direction:column;gap:2px;text-align:left;font-family:inherit;background:var(--panel);border:1px solid var(--border);border-radius:11px;padding:11px 13px;cursor:pointer;color:var(--text);transition:all .12s}.mode:hover{border-color:var(--border2)}.mode.on{border-color:var(--brand);background:var(--brand-dim)}.mode:disabled{opacity:.45;cursor:default}.mode-label{font-weight:600;font-size:13px}.mode-hint{color:var(--muted);font-size:11px}.run{margin:18px 22px 6px;width:calc(100% - 44px);font-family:inherit;background:var(--brand);color:#1c1917;border:0;border-radius:11px;padding:13px;font-weight:800;font-size:14.5px;cursor:pointer;transition:filter .12s;box-shadow:0 6px 20px #f59e0b29}.run:hover:not(:disabled){filter:brightness(1.06)}.run:disabled{opacity:.5;cursor:wait;box-shadow:none}.run-note{color:var(--faint);font-size:11px;padding:4px 22px 0;line-height:1.5}.observatory{background:var(--bg);display:flex;flex-direction:column}.obs-goal{color:var(--muted);font-size:11.5px;text-transform:none;letter-spacing:0;font-weight:400}.tracker{display:flex;align-items:center;gap:6px;padding:6px 22px 14px;flex-wrap:wrap}.stage{display:flex;align-items:center;gap:10px}.stage-dot{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--border);font-size:15px}.stage-label{font-weight:600;font-size:12.5px}.stage-sub{color:var(--faint);font-size:10.5px}.stage-arrow{color:var(--faint);margin:0 6px}.stage.active .stage-dot{border-color:var(--blue);color:var(--blue)}.stage.success .stage-dot{border-color:var(--green);background:var(--green-dim);color:var(--green-txt)}.stage.error .stage-dot{border-color:var(--red);background:var(--red-dim);color:var(--red-txt)}.outcome{margin:2px 22px 12px;padding:15px 20px;border-radius:13px;border:1px solid var(--border2);background:var(--panel);display:flex;align-items:center;gap:20px}.outcome.win{border-color:#97c45966;background:linear-gradient(90deg,var(--green-dim),var(--panel))}.oc-big{font-family:var(--display);font-size:30px;font-weight:400;letter-spacing:.3px}.outcome.win .oc-big{color:var(--green-txt)}.oc-arms{display:flex;gap:10px;flex-wrap:wrap}.arm{font-size:12px;padding:4px 10px;border-radius:7px;background:var(--panel3);color:var(--muted);font-family:var(--mono)}.arm.good{background:var(--green-dim);color:var(--green-txt)}.arm.bad{background:var(--red-dim);color:var(--red-txt)}.obs-grid{display:grid;grid-template-columns:1fr 304px;gap:14px;padding:0 22px 22px;flex:1;min-height:0}.sub-title{font-size:11px;text-transform:uppercase;letter-spacing:1.1px;color:var(--muted);margin-bottom:8px;display:flex;align-items:center;gap:10px}.chip{font-size:10px;padding:2px 8px;border-radius:6px;font-family:var(--mono)}.chip.ok{background:var(--green-dim);color:var(--green-txt)}.chip.bad{background:var(--red-dim);color:var(--red-txt)}.logwrap,.ledgerwrap{display:flex;flex-direction:column;min-height:0}.log{flex:1;overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:13px;padding:8px}.empty{color:var(--faint);font-size:13px;padding:24px;text-align:center;line-height:1.6}.empty.sm{padding:14px;font-size:12px}.ev{display:flex;align-items:flex-start;gap:9px;padding:7px 9px;border-radius:9px;border-left:2px solid transparent;margin-bottom:2px}.ev:hover{background:var(--panel2)}.ev-icon{width:18px;text-align:center;opacity:.85}.ev-stage{font-size:9.5px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;padding:2px 5px;border-radius:5px;margin-top:1px;min-width:62px;text-align:center;background:var(--panel3);color:var(--muted);font-family:var(--mono)}.s-identify{color:var(--blue)}.s-authorize{color:var(--brand)}.s-complete{color:var(--green-txt)}.s-record{color:var(--lav)}.ev-body{display:flex;flex-direction:column;gap:1px}.ev-title{font-size:13px}.ev-detail{font-size:11px;color:var(--muted);font-family:var(--mono)}.ev.success{border-left-color:var(--green)}.ev.success .ev-title{color:var(--green-txt)}.ev.error{border-left-color:var(--red)}.ev.error .ev-title{color:var(--red-txt)}.ev.warn{border-left-color:var(--brand)}.ledger{flex:1;overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:13px;padding:8px}.lrow{display:flex;align-items:center;gap:8px;padding:7px 8px;font-family:var(--mono);font-size:11.5px;border-bottom:1px solid var(--border)}.lrow:last-child{border-bottom:0}.lseq{color:var(--faint);min-width:26px}.lkind{color:var(--text);min-width:96px}.lhash{color:var(--lav);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replays{display:flex;flex-direction:column;gap:6px}.replay-item{display:grid;grid-template-columns:1fr auto;gap:2px 8px;text-align:left;font-family:inherit;background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:9px 11px;cursor:pointer;color:var(--text);transition:border-color .12s}.replay-item:hover:not(:disabled){border-color:var(--brand)}.replay-item:disabled{opacity:.5;cursor:wait}.rp-spec{font-size:12px;font-weight:600}.rp-sum{font-size:11px;color:var(--green-txt);font-family:var(--mono);text-align:right}.rp-date{font-size:10px;color:var(--faint);grid-column:1 / -1}.replaychip{background:var(--brand-dim);color:var(--brand)}.duel{flex:1;display:flex;flex-direction:column;min-height:0;padding:16px 22px 10px;gap:13px}.chips-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chips-label{color:var(--faint);font-size:11px;text-transform:uppercase;letter-spacing:.9px;margin-right:4px}.chip-btn,.chips-row .chip{background:var(--panel);border:1px solid var(--border2);color:var(--text);font-family:inherit;border-radius:22px;padding:10px 17px;font-size:13.5px;cursor:pointer;transition:border-color .12s,transform .06s,background .12s}.chips-row .chip:hover:not(:disabled){border-color:var(--brand);background:var(--brand-dim);transform:translateY(-1px)}.chips-row .chip:disabled{opacity:.45;cursor:wait}.chips-row .chip.read{border-style:dashed}.duel-panes{display:grid;grid-template-columns:1fr 1fr;gap:14px;flex:1;min-height:0}.pane{display:flex;flex-direction:column;min-height:0;background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden}.pane.bad{border-top:3px solid var(--red)}.pane.good{border-top:3px solid var(--green)}.pane-head{display:flex;align-items:center;gap:9px;padding:12px 15px;font-weight:700;font-size:13px;letter-spacing:.3px;border-bottom:1px solid var(--border);background:var(--panel2)}.pane-dot{width:9px;height:9px;border-radius:50%}.pane-dot.bad{background:var(--red);box-shadow:0 0 8px #e24b4a99}.pane-dot.good{background:var(--green);box-shadow:0 0 8px #97c45999}.pane-result{margin-left:auto;font-family:var(--mono);font-size:11px;padding:3px 9px;border-radius:7px}.pane-result.ok{background:var(--green-dim);color:var(--green-txt)}.pane-result.bad{background:var(--red-dim);color:var(--red-txt)}.pane-scroll{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:8px}.bub{max-width:85%;padding:10px 13px;border-radius:14px;font-size:13.5px;line-height:1.45}.bub.user{align-self:flex-end;background:linear-gradient(135deg,#b45309,#92400e);color:#fdf6e9;border-bottom-right-radius:4px;font-weight:500}.bub.agent{align-self:flex-start;background:var(--panel2);border:1px solid var(--border);border-bottom-left-radius:4px}.bub-sub{color:var(--muted);font-size:11px;margin-top:4px;font-family:var(--mono)}.bub.fail{align-self:flex-start;background:#e24b4a1a;border:1px solid rgba(226,75,74,.3);color:var(--red-txt);border-bottom-left-radius:4px}.bub.win{align-self:flex-start;background:var(--green-dim);border:1px solid rgba(151,196,89,.35);color:var(--green-txt);border-bottom-left-radius:4px}.sys{align-self:center;font-size:11px;color:var(--muted);background:var(--panel2);border:1px solid var(--border);border-radius:12px;padding:4px 12px;font-family:var(--mono);text-align:center}.sys.success{color:var(--green-txt);border-color:#97c45947}.sys.error{color:var(--red-txt);border-color:#e24b4a47}.bub.approval{align-self:flex-start;background:#f59e0b17;border:1px solid rgba(245,158,11,.35);max-width:92%}.ap-title{font-weight:700;color:var(--brand-2);font-size:13.5px}.ap-detail{color:#e0cfa4;font-size:12px;margin-top:5px;line-height:1.45}.ap-actions{display:flex;gap:8px;margin-top:11px}.ap-yes{background:var(--green);color:#14200a;border:0;border-radius:9px;padding:8px 18px;font-weight:800;font-family:inherit;cursor:pointer}.ap-no{background:transparent;color:var(--red-txt);border:1px solid rgba(226,75,74,.4);border-radius:9px;padding:8px 16px;font-weight:700;font-family:inherit;cursor:pointer}.ap-done{margin-top:8px;font-family:var(--mono);font-size:12px;color:var(--muted)}.typing{display:flex;gap:4px;padding:12px 14px}.typing span{width:6px;height:6px;border-radius:50%;background:var(--faint);animation:blink 1.2s infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.25}30%{opacity:1}}.duel-note{color:var(--faint);font-size:11.5px;text-align:center;line-height:1.5;padding-bottom:4px}.demo{flex:1;overflow-y:auto;padding:28px 32px 44px}.demo>*{max-width:1080px;margin-left:auto;margin-right:auto}.demo-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px}.hero-title{font-family:var(--display);font-weight:400;font-size:40px;line-height:1.05;margin:0 0 8px;letter-spacing:.2px}.hero-sub{color:var(--muted);font-size:15px;line-height:1.6;margin:0;max-width:620px}.hero-modes{display:flex;gap:5px;background:var(--panel);border:1px solid var(--border);border-radius:11px;padding:4px;flex:0 0 auto}.hero-modes button{background:transparent;border:0;color:var(--muted);font-family:inherit;font-size:13px;font-weight:600;padding:8px 15px;border-radius:8px;cursor:pointer;white-space:nowrap}.hero-modes button.on{background:var(--brand-dim);color:var(--brand)}.demo-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.cta{display:inline-flex;align-items:center;gap:9px;background:var(--brand);color:#1c1917;border:0;border-radius:12px;padding:14px 22px;font-family:inherit;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 8px 24px #f59e0b2e;transition:filter .12s}.cta:hover:not(:disabled){filter:brightness(1.06)}.cta:disabled{opacity:.6;cursor:wait}.cta .ti{font-size:18px}.actions-hint{color:var(--faint);font-size:12.5px}.actions-label{color:var(--faint);font-size:12px;text-transform:uppercase;letter-spacing:.8px}.chip2{background:var(--panel);border:1px solid var(--border2);color:var(--text);font-family:inherit;border-radius:22px;padding:9px 16px;font-size:13.5px;cursor:pointer;transition:all .12s}.chip2:hover:not(:disabled){border-color:var(--brand);background:var(--brand-dim);transform:translateY(-1px)}.chip2.on{border-color:var(--brand);background:var(--brand-dim);color:var(--brand-2)}.chip2.read{border-style:dashed}.chip2:disabled{opacity:.5;cursor:wait}.store-frame{border:1px solid var(--border2);border-radius:16px;overflow:hidden;background:var(--panel);box-shadow:0 12px 44px #00000061;margin-bottom:22px}.store-chrome{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--panel2);border-bottom:1px solid var(--border)}.store-chrome .dots{display:flex;gap:6px}.store-chrome .dots i{width:11px;height:11px;border-radius:50%;background:#3a342e;display:block}.store-url{flex:1;text-align:center;font-family:var(--mono);font-size:12px;color:var(--muted)}.store-open{color:var(--muted);display:grid;place-items:center;text-decoration:none}.store-open:hover{color:var(--brand)}.store-iframe{width:100%;height:460px;border:0;background:#fff;display:block}.lanes-hint{text-align:center;color:var(--faint);font-size:13.5px;padding:6px 0 22px;line-height:1.6}.lanes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.lane{background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden}.lane.bad{border-top:3px solid var(--red)}.lane.good{border-top:3px solid var(--green)}.lane-head{display:flex;align-items:center;gap:11px;padding:15px 18px;border-bottom:1px solid var(--border);background:var(--panel2)}.lane-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.lane-dot.bad{background:var(--red);box-shadow:0 0 8px #e24b4a99}.lane-dot.good{background:var(--green);box-shadow:0 0 8px #97c45999}.lane-title{font-weight:700;font-size:14px}.lane-sub{color:var(--muted);font-size:12px}.lane-badge{margin-left:auto;font-size:11px;font-weight:700;padding:4px 10px;border-radius:8px;font-family:var(--mono)}.lane-badge.good{background:var(--green-dim);color:var(--green-txt)}.lane-badge.bad{background:var(--red-dim);color:var(--red-txt)}.lane-beats{padding:6px 18px 18px}.beat{display:flex;gap:14px}.beat-rail{display:flex;flex-direction:column;align-items:center}.beat-dot{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--border);font-size:16px;color:var(--muted);flex:0 0 auto;margin-top:12px;transition:all .25s}.beat:not(:last-child) .beat-rail:after{content:"";width:2px;flex:1;background:var(--border);margin:3px 0}.beat-body{padding:13px 0 9px;flex:1}.beat-title{font-weight:600;font-size:14px}.beat-copy{color:var(--muted);font-size:12.5px;margin-top:2px;line-height:1.45}.beat.pending .beat-dot{opacity:.5}.beat.pending .beat-title,.beat.pending .beat-copy{opacity:.45}.beat.active .beat-dot{border-color:var(--brand);color:var(--brand);background:var(--brand-dim)}.beat.done .beat-dot{border-color:var(--green);color:var(--green-txt);background:var(--green-dim)}.beat.error .beat-dot{border-color:var(--red);color:var(--red-txt);background:var(--red-dim)}.beat.error .beat-title{color:var(--red-txt)}.beat.skip .beat-dot,.beat.skip .beat-title,.beat.skip .beat-copy{opacity:.4}.approve-card{margin-top:8px;background:#f59e0b14;border:1px solid rgba(245,158,11,.35);border-radius:12px;padding:12px 14px}.approve-q{font-weight:600;font-size:14px;color:var(--brand-2)}.approve-actions{display:flex;gap:8px;margin-top:11px}.approve-yes{display:inline-flex;align-items:center;gap:6px;background:var(--green);color:#14200a;border:0;border-radius:9px;padding:9px 18px;font-family:inherit;font-weight:800;font-size:13.5px;cursor:pointer}.approve-no{background:transparent;color:var(--red-txt);border:1px solid rgba(226,75,74,.4);border-radius:9px;padding:9px 16px;font-family:inherit;font-weight:700;font-size:13.5px;cursor:pointer}.approve-yes:disabled,.approve-no:disabled{opacity:.5;cursor:default}.approve-error{display:flex;align-items:center;gap:6px;margin-top:10px;color:var(--red-txt);font-size:12.5px;font-weight:600}.approve-error .ti{font-size:14px}.receipt-drawer{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px 18px;color:var(--muted);font-family:inherit;font-size:13.5px;cursor:pointer;transition:border-color .12s,color .12s}.receipt-drawer:hover{border-color:var(--brand);color:var(--text)}.receipt-drawer .ti{font-size:16px}.drawer-hint{color:var(--muted);opacity:.7;font-size:12px}@media (max-width: 1080px){.obs-grid{grid-template-columns:1fr}.cols{grid-template-columns:300px 1fr}.lanes{grid-template-columns:1fr}.demo-hero{flex-direction:column}.hero-title{font-size:32px}}