:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0a10;--bg-elevated:#121019;--panel:#16131f;--panel-border:#2c2540;--panel-border-soft:#221d30;--text:#ece9f5;--text-dim:#a79fc2;--text-faint:#6b6284;--ink:#8b6bff;--ink-strong:#ab8fff;--spark:#3de8ff;--spark-strong:#7ff3ff;--seal:#d9483d;--seal-strong:#ff6152;--ledger:#3f9c88;--ledger-strong:#57d1b6;--sepia:#a58a5c;--good:#4fae63;--good-strong:#6fd684;--warn:#d99a3c;--warn-strong:#f2b658;--bad:var(--seal);--bad-strong:var(--seal-strong);--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;font-family:var(--font-body)}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;position:relative}body:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(var(--panel-border-soft) 1px, transparent 1px), linear-gradient(90deg, var(--panel-border-soft) 1px, transparent 1px);opacity:.35;background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 0,#000 0%,#0000 75%);mask-image:radial-gradient(90% 70% at 50% 0,#000 0%,#0000 75%)}#root{z-index:1;position:relative}::selection{background:#8b6bff52}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{max-width:1200px;margin:0 auto;padding:40px 24px 80px}.app-header{border-bottom:1px solid var(--panel-border-soft);justify-content:space-between;align-items:flex-end;margin-bottom:22px;padding-bottom:18px;animation:.4s both fadeSlideUp;display:flex}.app-header h1{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink-strong);text-shadow:0 0 28px #8b6bff59;margin:0;font-size:34px;font-weight:600}.tagline{color:var(--text-dim);font-size:13px;font-style:italic;font-family:var(--font-body);margin:6px 0 0}.wallet-badge{border:1px solid var(--panel-border);font-size:12.5px;font-family:var(--font-mono);background:0 0;border-radius:6px;align-items:center;gap:9px;padding:8px 13px;display:flex}.dot{border-radius:50%;width:7px;height:7px}.dot-connected{background:var(--good-strong)}.chain-name{color:var(--text-dim)}.pipeline-strip{border:1px solid var(--panel-border-soft);border-radius:8px;align-items:center;gap:0;margin-bottom:26px;padding:12px 18px;animation:.4s 50ms both fadeSlideUp;display:flex;overflow-x:auto}.pipeline-step{font-size:11.5px;font-family:var(--font-mono);color:var(--text-faint);white-space:nowrap;align-items:center;gap:8px;display:flex}.pipeline-dot{background:var(--ink);border-radius:50%;flex-shrink:0;width:5px;height:5px;transition:box-shadow .3s}.pipeline-connector{background:var(--panel-border);width:26px;height:1px;margin:0 10px;position:relative;overflow:visible}.pipeline-travel{background:var(--spark-strong);width:7px;height:7px;box-shadow:0 0 8px 2px var(--spark), 0 0 16px 4px #3de8ff80;opacity:0;border-radius:50%;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.pipeline-pulsing .pipeline-travel{animation:travelAcross .55s ease-out calc(var(--i) * .13s) both}.pipeline-pulsing .pipeline-step .pipeline-dot{animation:dotFlash .5s ease calc(var(--i) * .13s) both}@keyframes travelAcross{0%{opacity:0;left:0%}15%{opacity:1}85%{opacity:1}to{opacity:0;left:100%}}@keyframes dotFlash{0%,to{box-shadow:none}40%{box-shadow:0 0 10px 3px var(--spark), 0 0 20px 6px #3de8ff8c}}.agent-selector{align-items:center;gap:10px;margin-bottom:24px;animation:.4s 80ms both fadeSlideUp;display:flex}.agent-selector label{color:var(--text-dim);font-size:12.5px}.agent-selector input{flex:1;max-width:420px}.live-row{flex-wrap:wrap;align-items:center;gap:12px;margin:-12px 0 22px;display:flex}.live-row button{align-items:center;gap:8px;padding:6px 12px;font-size:12.5px;display:inline-flex}.live-dot{border:1px solid var(--text-faint);border-radius:50%;width:8px;height:8px}.live-dot-on{background:var(--good-strong);border-color:var(--good-strong);--glow:#6fd6848c;animation:2s ease-in-out infinite pulseGlow}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.card{background:var(--panel);border:1px solid var(--panel-border-soft);border-radius:8px;padding:22px 24px;transition:border-color .25s,box-shadow .25s,transform .25s;animation:.4s both fadeSlideUp;position:relative}.card:hover{border-color:var(--panel-border);transform:translateY(-2px);box-shadow:0 0 0 1px #8b6bff1f,0 12px 32px -12px #8b6bff47}.card:before{content:"";opacity:.8;border-radius:8px 8px 0 0;height:3px;transition:opacity .25s,box-shadow .25s;position:absolute;top:0;left:0;right:0}.card:hover:before{opacity:1}.card-accent-gold:before{box-shadow:0 0 14px 0 var(--ink)}.card-accent-gold:hover:before{box-shadow:0 0 20px 2px var(--ink)}.card-accent-ledger:before{box-shadow:0 0 14px 0 var(--ledger)}.card-accent-ledger:hover:before{box-shadow:0 0 20px 2px var(--ledger)}.card-accent-sepia:before{box-shadow:0 0 14px 0 var(--sepia)}.card-accent-sepia:hover:before{box-shadow:0 0 20px 2px var(--sepia)}.card-accent-neutral:before{box-shadow:0 0 10px 0 var(--panel-border)}.card-accent-gold:before{background:var(--ink)}.card-accent-ledger:before{background:var(--ledger)}.card-accent-sepia:before{background:var(--sepia)}.card-accent-neutral:before{background:var(--panel-border)}.card-head{margin-bottom:16px}.card-eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:5px;font-size:10px;display:block}.card h2{font-family:var(--font-display);color:var(--text);margin:0;font-size:18px;font-weight:600}.skeleton-block{background:var(--bg-elevated);border:1px dashed var(--panel-border);border-radius:6px;height:80px}input,button{font-family:inherit;font-size:14px}input{background:var(--bg);border:1px solid var(--panel-border);color:var(--text);font-family:var(--font-mono);border-radius:5px;width:100%;padding:9px 12px;font-size:13px;transition:border-color .15s}input:focus{border-color:var(--ink);outline:none}button{cursor:pointer;border:1px solid #0000;border-radius:5px;padding:9px 16px;font-weight:500;transition:opacity .15s,background .15s,border-color .15s,box-shadow .2s,transform .15s;position:relative;overflow:hidden}button:disabled{opacity:.4;cursor:not-allowed}button:not(:disabled):after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff38 50%,#0000 60%);position:absolute;inset:0;transform:translate(-120%)}button:not(:disabled):hover:after{animation:.7s sheenSweep}@keyframes sheenSweep{to{transform:translate(120%)}}.btn-primary{background:var(--ink);color:#100a1f;font-weight:600}.btn-primary:not(:disabled):hover{background:var(--ink-strong);box-shadow:0 0 0 1px var(--ink), 0 0 24px 2px #8b6bff8c;transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);border-color:var(--panel-border);color:var(--text);margin-bottom:10px}.btn-ghost{border-color:var(--panel-border);color:var(--text-dim);background:0 0}.btn-ghost:not(:disabled):hover{border-color:var(--spark);color:var(--text);box-shadow:0 0 16px -2px #3de8ff73}.btn-danger{border-color:var(--seal);color:var(--seal-strong);background:0 0;font-weight:600}.btn-danger:not(:disabled):hover{background:var(--seal);color:#221310;box-shadow:0 0 22px 2px #d9483d80}.button-row{flex-wrap:wrap;gap:10px;display:flex}.status-row{gap:8px;margin-bottom:18px;display:flex}.pill{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;background:0 0;border:1px solid;border-radius:3px;padding:4px 9px;font-size:10.5px;font-weight:600}.pill-good{color:var(--good-strong)}.pill-bad{color:var(--bad-strong)}.limit-bar{margin-bottom:14px}.limit-bar-label{color:var(--text-dim);justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.limit-bar-track{background:var(--bg);border:1px solid var(--panel-border-soft);border-radius:3px;height:5px;overflow:hidden}.limit-bar-fill{background:var(--ink);height:100%;transition:width .5s}.limit-bar-fill[data-danger=true]{background:var(--seal)}.kv{grid-template-columns:max-content minmax(0,1fr);gap:7px 16px;margin:0;font-size:13px;display:grid}.kv dt{color:var(--text-dim)}.kv dd{overflow-wrap:anywhere;font-family:var(--font-mono);margin:0}.mono{font-family:var(--font-mono);font-size:12px}.autonomy-badge{font-family:var(--font-display);background:var(--bg);border:1px solid;border-radius:6px;align-items:center;gap:10px;margin-bottom:14px;padding:11px 18px;font-size:19px;font-weight:600;display:inline-flex}.autonomy-good{color:var(--good-strong);--glow:#6fd68466;animation:2.8s ease-in-out infinite pulseGlow}.autonomy-warn{color:var(--warn-strong);--glow:#f2b65880;animation:1.6s ease-in-out infinite pulseGlow}.autonomy-bad{color:var(--bad-strong);--glow:#ff615299;animation:.9s ease-in-out infinite pulseGlow}@keyframes pulseGlow{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 20px 1px var(--glow)}}.autonomy-emoji{font-size:18px}.hint{color:var(--text-dim);font-size:13px;line-height:1.55}.demo-fill-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.demo-fill-row button{padding:6px 12px;font-size:12.5px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.form-grid label{color:var(--text-dim);font-size:12px;font-family:var(--font-body);flex-direction:column;gap:6px;display:flex}.explainability{border-top:1px solid var(--panel-border-soft);margin:18px 0;padding-top:16px;animation:.3s both fadeSlideUp}.explainability h3{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin:0 0 12px;font-size:11px}.checklist{flex-direction:column;gap:7px;margin:0 0 16px;padding:0;list-style:none;display:flex}.checklist li{grid-template-columns:18px 190px 1fr;align-items:center;gap:10px;font-size:13px;display:grid}.check-icon{align-items:center;display:flex}.check-pass .check-icon{color:var(--good-strong)}.check-fail .check-icon,.check-fail .check-label{color:var(--bad-strong)}.check-detail{color:var(--text-dim)}.fx-summary{background:var(--bg);border:1px solid var(--ledger);border-radius:6px;margin-bottom:14px;padding:14px 16px;font-size:13px}.fx-summary strong{color:var(--ledger-strong);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.fx-summary p{margin:6px 0 0}.decision-banner{border:1px solid;border-radius:6px;padding:11px 16px;font-size:13.5px;font-weight:600;animation:.25s both popIn}.decision-approved{color:var(--good-strong)}.decision-denied{color:var(--bad-strong)}.agent-note{background:var(--bg);border:1px solid var(--panel-border);border-left:3px solid var(--ink);color:var(--text-dim);border-radius:6px;padding:12px 14px;font-size:13px;line-height:1.55}.agent-note strong{color:var(--text)}.audit-list{flex-direction:column;gap:7px;max-height:240px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.audit-list li{background:var(--bg);border:1px solid var(--panel-border-soft);border-radius:5px;align-items:baseline;gap:10px;padding:9px 11px;font-size:13px;display:flex}.audit-kind{min-width:56px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.audit-body{flex-direction:column;gap:4px;min-width:0;display:flex}.audit-fx{color:var(--ledger-strong);font-size:12px}.audit-reasons{flex-direction:column;gap:2px;max-height:none;margin:4px 0 0;padding:0;list-style:none;display:flex;overflow:visible}.audit-list .audit-reasons li{color:var(--bad-strong);background:0 0;border:0;padding:0;font-size:12.5px;display:block}.audit-meta{color:var(--text-faint);flex-wrap:wrap;gap:12px;font-size:11.5px;display:flex}.audit-link{color:var(--ink);text-decoration:none}.audit-link:hover{color:var(--ink-strong);text-decoration:underline}.audit-updated{color:var(--text-faint);margin:10px 0 0;font-size:11.5px}.audit-settled .audit-kind{color:var(--good-strong)}.audit-denied .audit-kind{color:var(--bad-strong)}@media (width<=860px){.dashboard-grid,.form-grid{grid-template-columns:1fr}.checklist li{grid-template-columns:18px 1fr}.check-detail{grid-column:2}}.boot-overlay{z-index:100;background:var(--bg);opacity:1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.boot-overlay-playing{animation:.35s .85s both bootFadeOut}@keyframes bootFadeOut{to{opacity:0;visibility:hidden}}.boot-spark{background:linear-gradient(180deg, transparent, var(--spark-strong), var(--ink), transparent);width:2px;box-shadow:0 0 24px 4px var(--spark), 0 0 60px 12px #8b6bff80;animation:.6s cubic-bezier(.3,0,.2,1) both sparkSweep;position:absolute;top:0;bottom:0;left:-10%}@keyframes sparkSweep{0%{opacity:0;left:-10%}8%{opacity:1}85%{opacity:1}to{opacity:0;left:110%}}.boot-word{font-family:var(--font-display);letter-spacing:.06em;color:var(--panel-border);margin:0;font-size:clamp(32px,7vw,64px);font-weight:600;display:flex}.boot-letter{animation:letterIgnite .45s ease calc(var(--i) * 45ms + .32s) both;display:inline-block}@keyframes letterIgnite{0%{color:var(--panel-border);text-shadow:none;transform:translateY(0)}40%{color:var(--spark-strong);text-shadow:0 0 18px var(--spark), 0 0 36px #3de8ff99;transform:translateY(-3px)}to{color:var(--ink-strong);text-shadow:0 0 22px #8b6bff73;transform:translateY(0)}}.demo-controls{flex-direction:column;gap:14px;display:flex}.demo-nav{align-items:center;gap:12px;display:flex}.demo-step-title{flex:1;margin:0;font-size:1.05rem}.demo-say{border-left:2px solid var(--ink);background:var(--bg-elevated);color:var(--text-dim);border-radius:0 8px 8px 0;margin:0;padding:12px 14px;font-style:italic}.demo-run{align-self:flex-start}.demo-live-status{color:var(--text-dim);margin:0;font-family:IBM Plex Mono,monospace;font-size:.85rem}.demo-live-status strong{color:var(--spark-strong)}.demo-error{color:var(--bad-strong);margin:0;font-family:IBM Plex Mono,monospace;font-size:.85rem}.demo-outcome{border-radius:8px;margin:0;padding:12px 14px;font-size:.92rem;line-height:1.5}.demo-outcome a{color:var(--spark-strong)}.demo-outcome ul{margin:8px 0 0;padding-left:18px}.demo-outcome-good{background:color-mix(in srgb, var(--good) 14%, transparent);color:var(--good-strong)}.demo-outcome-warn{background:color-mix(in srgb, var(--warn) 14%, transparent);color:var(--warn-strong)}.demo-outcome-bad{background:color-mix(in srgb, var(--bad) 14%, transparent);color:var(--bad-strong)}.demo-status.kv{margin-top:0}