:root{color-scheme:dark;--bg: #0f1115;--panel: #171a21;--panel-border: #2a2e38;--text: #e6e8ec;--text-dim: #9aa1ad;--accent: #6ea8fe;--accent-dim: #2c4874;--success: #4ade80;--error: #f87171;--warn: #fbbf24;--radius: 10px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text)}#root{display:flex;justify-content:center}.app{width:100%;max-width:760px;padding:24px 16px 64px;display:flex;flex-direction:column;gap:16px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--panel-border)}.app-header h1{font-size:1.15rem;margin:0;font-weight:600}.app-header .subtitle{display:block;font-size:.75rem;color:var(--text-dim);font-weight:400;margin-top:2px}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:12px}.card h2{font-size:.95rem;margin:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.card h2 .refresh-btn{font-size:.75rem;font-weight:400}.muted{color:var(--text-dim);font-size:.85rem}.error-text{color:var(--error);font-size:.82rem}.balances-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.balance-tile{background:#ffffff08;border:1px solid var(--panel-border);border-radius:8px;padding:10px 12px}.balance-tile .symbol{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.balance-tile .value{font-size:1.05rem;font-weight:600;margin-top:2px}label{font-size:.78rem;color:var(--text-dim);display:flex;flex-direction:column;gap:4px}input,select{background:#0d0f14;border:1px solid var(--panel-border);color:var(--text);border-radius:6px;padding:8px 10px;font-size:.9rem;font-family:inherit}input:focus,select:focus,button:focus-visible{outline:2px solid var(--accent-dim);outline-offset:1px}button{background:var(--accent);color:#0b1220;border:none;border-radius:6px;padding:9px 14px;font-size:.85rem;font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:transparent;color:var(--text);border:1px solid var(--panel-border)}button.danger{background:transparent;color:var(--error);border:1px solid var(--error)}button.small{padding:4px 10px;font-size:.75rem}.row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.row>*{flex:1;min-width:120px}.toggle-group{display:flex;gap:6px}.toggle-group button{flex:1;background:transparent;color:var(--text-dim);border:1px solid var(--panel-border)}.toggle-group button.active{background:var(--accent-dim);color:var(--text);border-color:var(--accent)}.book{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:.82rem}.book-side h3{margin:0 0 6px;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim)}.book-side.bids h3{color:var(--success)}.book-side.asks h3{color:var(--error)}.book-level{display:flex;justify-content:space-between;padding:2px 0;font-variant-numeric:tabular-nums}.mid-price{text-align:center;font-size:.85rem;color:var(--text-dim);padding:4px 0;border-top:1px dashed var(--panel-border);border-bottom:1px dashed var(--panel-border)}.pool-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;color:var(--text-dim);word-break:break-all}a{color:var(--accent)}.tx-link{font-size:.82rem}.list{display:flex;flex-direction:column;gap:8px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#ffffff08;border:1px solid var(--panel-border);border-radius:8px;padding:8px 10px;flex-wrap:wrap}.list-item .meta{font-size:.78rem;color:var(--text-dim);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.list-item .actions{display:flex;gap:6px}.toast-stack{position:fixed;bottom:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:1000;max-width:320px}.toast{border-radius:8px;padding:10px 14px;font-size:.85rem;cursor:pointer;box-shadow:0 4px 16px #0006;border:1px solid var(--panel-border)}.toast-success{background:#12351f;color:var(--success);border-color:#1f5c33}.toast-error{background:#3a1616;color:var(--error);border-color:#6b2323}.toast-info{background:#16233a;color:var(--accent);border-color:#223a6b}.tabs{display:flex;gap:8px}.tab{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;background:var(--panel);color:var(--text-dim);border:1px solid var(--panel-border);border-radius:var(--radius);padding:10px 14px;font-weight:500}.tab.active{border-color:var(--accent);background:var(--accent-dim);color:var(--text)}.tab-index{font-size:.68rem;opacity:.6;letter-spacing:.08em}.tab-label{font-size:.95rem;font-weight:600}.tab-blurb{font-size:.75rem;font-weight:400;opacity:.8}.showcase-intro{border-left:3px solid var(--accent);padding:4px 0 4px 16px}.showcase-intro h2{margin:0 0 8px;font-size:1.05rem}.showcase-intro p{margin:0 0 8px;font-size:.9rem;line-height:1.6;color:var(--text-dim)}.step{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:12px}.step-title{display:flex;align-items:center;gap:10px;margin:0;font-size:1rem}.step-num{flex:0 0 auto;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--accent-dim);color:var(--accent);font-size:.78rem;font-weight:700}.step-explain{font-size:.9rem;line-height:1.65}.step-explain p{margin:0 0 8px}.step-explain p:last-child{margin-bottom:0}.step-explain ul{margin:0 0 8px;padding-left:20px}.step-explain li{margin-bottom:4px}.step-calls{margin:0;font-size:.78rem;color:var(--text-dim)}.step-calls code,.step-explain code,.callout code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;background:#7f7f7f24;border-radius:4px;padding:1px 5px}.step-do{display:flex;flex-direction:column;gap:10px;padding-top:4px;border-top:1px solid var(--panel-border)}.btn-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.code-toggle{align-self:flex-start}.code-block{position:relative;margin-top:8px}.code-block pre{margin:0;background:#0d0f14;border:1px solid var(--panel-border);border-radius:8px;padding:12px 14px;overflow-x:auto;font-size:.8rem;line-height:1.55}.code-block code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#d7dce5}.code-copy{position:absolute;top:8px;right:8px;z-index:1}.kv{display:grid;grid-template-columns:minmax(140px,auto) 1fr;gap:4px 14px;margin:0;font-size:.82rem}.kv dt{color:var(--text-dim)}.kv dd{margin:0;font-variant-numeric:tabular-nums}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.wrap{word-break:break-all}.small{font-size:.78rem}.badge{display:inline-block;font-size:.7rem;font-weight:600;border-radius:999px;padding:2px 9px;border:1px solid currentColor}.badge-ok{color:var(--success)}.badge-pending{color:var(--warn)}.badge-err{color:var(--error)}.badge-info{color:var(--accent)}.badge-warn{color:var(--warn)}.callout{border-radius:8px;padding:10px 12px;font-size:.84rem;line-height:1.55;border:1px solid var(--panel-border);background:#7f7f7f14}.callout-err{border-color:var(--error)}.callout-warn{border-color:var(--warn)}.addr-box{background:#0d0f14;border:1px solid var(--panel-border);border-radius:8px;padding:10px 12px;font-size:.8rem;word-break:break-all}.subpanel{border:1px dashed var(--panel-border);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:10px}ul.plain{list-style:none;margin:0;padding:0;font-size:.8rem;display:flex;flex-direction:column;gap:4px}.stages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:.84rem}.stage{display:flex;gap:10px;align-items:flex-start}.stage-icon{flex:0 0 auto;width:16px;text-align:center;line-height:1.5}.stage-done{color:var(--success)}.stage-failed{color:var(--error)}.stage-active{color:var(--accent)}.stage-pending{color:var(--text-dim)}.lifecycle{margin:0;font-size:.78rem;line-height:1.7}.handoff{border:1px solid var(--accent);background:var(--accent-dim);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.handoff p{margin:0;font-size:.88rem}.tip{position:relative;display:inline-flex}.tip-body{position:absolute;bottom:calc(100% + 8px);left:0;z-index:50;width:max-content;max-width:320px;background:#0b0d12;color:var(--text);border:1px solid var(--panel-border);border-radius:8px;padding:8px 10px;font-size:.75rem;font-weight:400;line-height:1.5;white-space:pre-wrap;box-shadow:0 6px 20px #00000073;opacity:0;visibility:hidden;transition:opacity .1s}.tip:hover .tip-body{opacity:1;visibility:visible}.sdk-footer{margin-top:16px;padding-top:20px;border-top:1px solid var(--panel-border)}.sdk-footer h2{margin:0 0 8px;font-size:1.05rem}.sdk-footer p{margin:0 0 8px;font-size:.9rem;line-height:1.6;color:var(--text-dim)}@media (max-width: 620px){.tabs{flex-direction:column}}@media (prefers-color-scheme: light){:root{color-scheme:light;--bg: #f5f6f8;--panel: #ffffff;--panel-border: #dfe2e8;--text: #1a1d24;--text-dim: #6b7280;--accent: #2563eb;--accent-dim: #dbe7ff}button{color:#fff}input,select,.addr-box{background:#fff}.tip-body{background:#1a1d24;color:#f5f6f8}}