*{box-sizing:border-box}:root{color:#f7f9ff;background:#070910;font-family:Inter,ui-sans-serif,system-ui,sans-serif}body{background:radial-gradient(circle at 80% 0,#151b3d 0%,#070910 45%,#05060a 100%);min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.shell{max-width:1180px;margin:0 auto;padding:42px 24px 64px}.topbar{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:.18em;opacity:.62;font-size:12px}h1{letter-spacing:-.04em;margin:10px 0;font-size:clamp(36px,6vw,66px);line-height:.98}.sub{color:#9ba4bd;margin:0}.wallet-box{color:#9ba4bd;align-items:center;gap:12px;font-size:14px;display:flex}.wallet-box button,.primary,.execute{color:#0b0d15;background:#f5f7ff;border:0;border-radius:12px;padding:12px 16px;font-weight:700}.grid{grid-template-columns:1.2fr .8fr;gap:18px;display:grid}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d101cc2;border:1px solid #ffffff17;border-radius:20px;padding:22px;box-shadow:0 20px 70px #00000047}.card-title{text-transform:uppercase;letter-spacing:.15em;color:#8f98b2;margin-bottom:18px;font-size:12px}label{color:#9fa8c2;margin:14px 0 8px;font-size:13px;display:block}input{color:#eef2ff;background:#090c14;border:1px solid #ffffff1a;border-radius:11px;outline:none;width:100%;padding:12px 13px}input:focus{border-color:#a4b2ff8c}.two-col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.scenario-row{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.mode{color:#aab3cc;background:#090c14;border:1px solid #ffffff1a;border-radius:11px;padding:12px}.mode.active{color:#fff;background:#151a2a;border-color:#bec6ff8c}.primary{width:100%;margin-top:18px}.hint{color:#717b94;font-size:12px;line-height:1.5}.pipeline{color:#a7afc4;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.pipeline strong{letter-spacing:.06em;color:#fff;background:#101420;border-radius:10px;padding:9px 11px}.pipeline .approve{background:#0f2e24}.pipeline .block{background:#32141b}.pipeline .review{background:#34270f}.pipeline .idle{background:#151926}.reason-box{color:#b6bed2;background:#080b12;border-radius:12px;min-height:126px;margin:20px 0;padding:15px;font-size:13px;line-height:1.7}.execute{width:100%}.execute:disabled{cursor:not-allowed;opacity:.35}.error{color:#ff9ba7;margin-top:14px;font-size:13px}.success{color:#7ce0b5;margin-top:14px;font-size:13px}a{color:#a9b8ff;margin-top:8px;font-size:13px;display:inline-block}.audit{margin-top:18px}.audit-row{border-top:1px solid #ffffff0f;grid-template-columns:190px 1fr;align-items:center;gap:14px;padding:12px 0;display:grid}.audit-row span{color:#818ba6;font-size:13px}.audit-row strong{font-size:13px}code{overflow-wrap:anywhere;color:#c4ccdf;font-size:12px}.muted{color:#646d83}@media (width<=900px){.topbar{flex-direction:column;align-items:flex-start}.grid{grid-template-columns:1fr}}@media (width<=720px){.scenario-row{grid-template-columns:1fr}}@media (width<=560px){.two-col,.scenario-row{grid-template-columns:1fr}.audit-row{grid-template-columns:1fr;gap:4px}}.recent-title{margin-top:22px;margin-bottom:10px}.recent-events{gap:8px;display:grid}.recent-event{background:#080b12;border:1px solid #ffffff0d;border-radius:10px;grid-template-columns:170px 1fr;align-items:center;gap:10px;padding:10px 12px;font-size:12px;display:grid}.recent-event strong{letter-spacing:.04em;font-size:11px}.recent-event span{color:#8f98b2;overflow-wrap:anywhere}@media (width<=560px){.recent-event{grid-template-columns:1fr;gap:4px}}.recon{letter-spacing:.06em;font-size:12px}.recon.matched{color:#7ce0b5}.recon.mismatched{color:#ffbf7d}.recon.not_found{color:#ff9ba7}.execution-status{background:#080b12;border:1px solid #ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;margin-top:14px;padding:11px 12px;font-size:12px;display:flex}.execution-status span{color:#747e97}.execution-status strong{letter-spacing:.05em}.execution-status.idle strong,.execution-status.started strong,.execution-status.submitted strong,.execution-status.confirmed strong{color:#c8cee0}.execution-status.failed_before_submission strong,.execution-state-cell.failed_before_submission{color:#ffbf7d}.execution-status.unknown_after_submission strong,.execution-state-cell.unknown_after_submission{color:#ff9ba7}.execution-status.reconciled strong,.execution-state-cell.reconciled{color:#7ce0b5}.execution-meta{color:#747e97;overflow-wrap:anywhere;margin-top:10px;font-size:11px;line-height:1.6}.recovery-note{color:#ffbf7d;margin-top:10px;font-size:12px;line-height:1.5}.recovery-warning{color:#ffb1bb;background:#211015;border:1px solid #ff9ba724;border-radius:10px;margin-top:10px;padding:10px 12px;font-size:12px;line-height:1.5}.execution-state-cell{letter-spacing:.05em;font-size:12px}.context-panel{margin-top:18px}.context-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.context-heading h2{letter-spacing:-.02em;margin:-8px 0 0;font-size:20px}.context-status{letter-spacing:.06em;border-radius:9px;padding:7px 9px;font-size:11px}.context-status.complete{color:#7ce0b5;background:#0f2e24}.context-status.incomplete{color:#ffbf7d;background:#34270f}.context-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.context-item{background:#080b12;border:1px solid #ffffff0f;border-radius:11px;min-height:70px;padding:12px}.context-item span{color:#747e97;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px;font-size:11px;display:block}.context-item strong{color:#dce2f2;overflow-wrap:anywhere;font-size:13px}.context-evidence{margin-top:14px}.context-label{color:#747e97;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:11px}.evidence-row{background:#080b12;border:1px solid #ffffff0d;border-radius:10px;align-items:center;margin-top:7px;padding:10px 12px;display:flex}.evidence-row code{color:#c4ccdf}.context-note,.context-warning,.context-empty{margin-top:12px;font-size:12px;line-height:1.5}.context-note{color:#7f89a4}.context-warning{color:#ffbf7d}@media (width<=760px){.context-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.context-grid{grid-template-columns:1fr}.context-heading{flex-direction:column;gap:8px}}.feedback-nav{color:#c4ccdf;background:#ffffff06;border:1px solid #ffffff17;border-radius:9px;padding:7px 9px;font-size:12px;text-decoration:none}.feedback-nav:hover{border-color:#ffffff29;text-decoration:none}.feedback-cta{justify-content:space-between;align-items:center;gap:18px;margin-top:18px;display:flex}.feedback-cta h2{letter-spacing:-.02em;margin:-8px 0 0;font-size:20px}.feedback-cta-link{color:#0b0d13;white-space:nowrap;background:#eef1f8;border-radius:10px;justify-content:center;align-items:center;min-height:42px;padding:0 14px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.feedback-cta-link:hover{transform:translateY(-1px)}@media (width<=560px){.feedback-cta{flex-direction:column;align-items:flex-start}.feedback-cta-link{width:100%}}.guide-nav{color:#c4ccdf;background:#ffffff06;border:1px solid #ffffff17;border-radius:9px;padding:7px 10px;font-size:12px}.guide-nav:hover{border-color:#ffffff2e}.guide-card{margin-bottom:18px}.guide-top{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.guide-top h2{letter-spacing:-.025em;margin:-8px 0 8px;font-size:24px}.guide-lead{color:#9ba4bd;max-width:720px;margin:0;font-size:14px;line-height:1.6}.guide-close{color:#929bb3;white-space:nowrap;background:#ffffff06;border:1px solid #ffffff14;border-radius:9px;padding:8px 10px;font-size:12px}.guide-close:hover{color:#d7ddef;border-color:#ffffff29}.guide-steps{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.guide-step{background:#080b12;border:1px solid #ffffff0f;border-radius:12px;gap:12px;min-height:148px;padding:15px;display:flex}.guide-step-number{color:#cbd2e5;letter-spacing:.08em;background:#151a2a;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;font-size:11px;display:grid}.guide-step strong{color:#eef2ff;margin-top:2px;font-size:13px;display:block}.guide-step p{color:#7f89a4;margin:8px 0 0;font-size:12px;line-height:1.55}.guide-action{color:#0b0d13;background:#eef1f8;border:1px solid #ffffff1a;border-radius:9px;margin-top:10px;padding:8px 10px;font-size:11px;font-weight:700}.guide-action:hover{transform:translateY(-1px)}.guide-scenarios{border-top:1px solid #ffffff0f;margin-top:16px;padding-top:16px}.guide-section-label{color:#747e97;text-transform:uppercase;letter-spacing:.12em;margin-bottom:9px;font-size:10px}.guide-scenario-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.guide-scenario{background:#ffffff05;border:1px solid #ffffff0d;border-radius:11px;flex-direction:column;gap:8px;padding:12px;display:flex}.guide-scenario b{letter-spacing:.07em;font-size:11px}.guide-scenario span{color:#7e88a2;font-size:12px;line-height:1.45}.guide-glossary{border-top:1px solid #ffffff0f;margin-top:14px;padding-top:14px}.guide-glossary summary{cursor:pointer;color:#aeb6ca;font-size:12px}.glossary-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.glossary-grid div{background:#080b12;border:1px solid #ffffff0d;border-radius:10px;padding:11px 12px}.glossary-grid b{color:#dde3f1;margin-bottom:5px;font-size:11px;display:block}.glossary-grid span{color:#747e97;font-size:11px;line-height:1.45;display:block}@media (width<=840px){.guide-steps{grid-template-columns:1fr}.guide-scenario-grid,.glossary-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.guide-top{flex-direction:column}.guide-close{width:100%}.guide-scenario-grid,.glossary-grid{grid-template-columns:1fr}}