:root{--font: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--bg: #F4F5F7;--surface: #FFFFFF;--surface-2: #EDEFF2;--ink: #1B1F26;--muted: #5F6771;--line: #DDE1E7;--accent: #1D6FC9;--accent-soft: rgba(29,111,201,.1);--bid: #089981;--bid-soft: rgba(8,153,129,.18);--ask: #E5484D;--ask-soft: rgba(229,72,77,.16);--warn: #B7791F;--warn-soft: rgba(183,121,31,.14);--err: #C62828;--ok: #089981;--cta-ink: #fff}@media(prefers-color-scheme:dark){:root{--bg: #0E1013;--surface: #15181D;--surface-2: #1C2128;--ink: #E4E7EB;--muted: #7E8794;--line: #262C35;--accent: #5B9DD9;--accent-soft: rgba(91,157,217,.14);--bid: #2EBD85;--bid-soft: rgba(46,189,133,.16);--ask: #F6465D;--ask-soft: rgba(246,70,93,.14);--warn: #F0B90B;--warn-soft: rgba(240,185,11,.15);--err: #F6465D;--ok: #2EBD85;--cta-ink: #0B0E11}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:12px;line-height:1.4}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.shell{display:flex;align-items:stretch;min-height:100vh}.shell>.wallet{order:-1}.page{flex:1 1 auto;min-width:0;max-width:1600px;margin:0 auto;padding:16px 20px 48px}.wallet{flex:0 0 320px;width:320px;border-right:1px solid var(--line);padding:16px 14px 24px;color:var(--muted);font-size:12px;background:var(--surface)}.wallet-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;min-width:0}.wallet-bal-line{display:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-variant-numeric:tabular-nums}.wallet-instrument,[data-sec=sheet-brand]{display:none}.own-chip{display:block;width:100%;margin:0;padding:8px 10px;min-height:40px;text-align:left;font:inherit;font-size:12px;font-variant-numeric:tabular-nums;color:var(--accent);background:var(--accent-soft);border:1px solid var(--line);border-radius:0;cursor:pointer}.own-chip.above{border-bottom:0}.own-chip.below{border-top:0}.wallet-toggle{font:inherit;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:2px;padding:4px 10px;cursor:pointer;text-transform:lowercase}.wallet-copy{margin:0 0 10px}.wallet-actions{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.wallet button{font:inherit;font-size:13px;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:2px;padding:4px 10px;cursor:pointer;text-transform:lowercase}.wallet button:disabled{opacity:.5;cursor:default}.wallet-input{font-family:var(--font);font-size:13px;width:100%;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:2px;padding:4px 8px}.wallet-import{display:flex;flex-direction:column;gap:6px;margin:8px 0}.wallet-id,.wallet-pub{display:flex;align-items:center;gap:6px;margin-bottom:6px}.wallet-id select{font:inherit;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:2px;padding:4px 6px;flex:1}.wallet-xlm{margin:6px 0 8px;color:var(--ink)}.wallet-assets{list-style:none;margin:0 0 10px;padding:0}.wallet-assets li{display:flex;justify-content:space-between;gap:8px;padding:3px 0}.wallet-muted{color:var(--muted)}.wallet-secret{display:flex;flex-direction:column;gap:6px;width:100%}.wallet-secret code{word-break:break-all}.wallet-confirm{margin:8px 0}.wallet-confirm p{margin:0 0 6px}.wallet-status{color:var(--err);margin:8px 0 0}.wallet-log{list-style:none;margin:10px 0 0;padding:0;font-size:11px}.wallet-log li{padding:2px 0}.wallet-log a{text-decoration:none;color:var(--accent)}.wallet-log a:hover{text-decoration:underline}.wallet-body{min-width:0}.wallet-keys{margin-top:16px;padding-top:10px;border-top:1px solid var(--line)}.wallet-keys summary{cursor:pointer;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.ticket,.orders{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}.ticket h3,.orders h3{margin:0 0 8px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.ticket label{display:block;margin:0}.ticket-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0;align-items:end}.ticket-fields label{display:flex;flex-direction:column;gap:4px;min-width:0}.ticket-step{display:flex;align-items:stretch;gap:0;min-width:0}.ticket-step .wallet-input{flex:1;min-width:0;border-radius:0}.ticket-step button{flex:0 0 28px;width:28px;min-width:28px;padding:0;border-radius:2px 0 0 2px}.ticket-step button+.wallet-input{border-left:0}.ticket-step .wallet-input+button{border-left:0;border-radius:0 2px 2px 0}.ticket-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-fields .wallet-input{font-size:15px}.ticket-side{display:flex;gap:0;margin-bottom:8px}.ticket-side button{flex:1;border-radius:2px;border-bottom-width:2px;border-bottom-color:transparent}.ticket-side button.on.bid{background:var(--bid-soft);color:var(--bid);border-bottom-color:var(--bid)}.ticket-side button.on.ask{background:var(--ask-soft);color:var(--ask);border-bottom-color:var(--ask)}.ticket-flags{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0}.ticket-flag{display:flex;align-items:center;gap:6px;font-size:12px}.ticket-preview{list-style:none;margin:8px 0;padding:0;font-size:12px}.ticket-preview li{padding:1px 0}.ticket-strip{margin:8px 0 0;font-size:12px}[data-role=cta]{display:contents}.ticket-cta{display:block;width:100%;padding:8px 0;font-weight:600;border-radius:3px;border:0;text-transform:none;cursor:pointer}.wallet .ticket-cta,.wallet .ticket-side button{font-size:13px;text-transform:none}.wallet .ticket-cta{padding:8px 0}.ticket-cta.bid{background:var(--bid);color:var(--cta-ink)}.ticket-cta.ask{background:var(--ask);color:var(--cta-ink)}.ticket-cta:disabled{opacity:.5;cursor:default}.ticket-cta.ticket-status{text-align:center;cursor:default;font-weight:600}.ticket-cta.ticket-status.failed{background:var(--err);color:var(--cta-ink)}.ticket-cta.ticket-status.confirmed{background:var(--ok);color:var(--cta-ink)}.ticket-cta.ticket-status a{color:inherit;text-decoration:underline}.orders-list{list-style:none;margin:0;padding:0;font-size:12px}.orders-list li{padding:2px 0}.order-row{display:flex;gap:8px;align-items:flex-start;padding:6px 0;border-top:1px solid var(--line)}.order-check{margin-top:2px}.order-main{flex:1;min-width:0}.order-batch{margin-top:8px}.row[data-tick]{cursor:pointer}.row[data-tick]:hover{background:var(--accent-soft)}.row.own{background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent)}.tape li.own{background:var(--accent-soft)}.own-dot{display:inline-block;width:.5em;height:.5em;border-radius:50%;margin-left:4px;vertical-align:middle;background:var(--accent)}.own-dot.bid{background:var(--bid)}.own-dot.ask{background:var(--ask)}header.top{display:flex;flex-direction:column;gap:2px;padding-bottom:12px;border-bottom:1px solid var(--line)}.utility-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0}.brand{font-size:11px;letter-spacing:.08em;color:var(--muted);font-weight:600;text-decoration:none;white-space:nowrap}.brand:hover,.brand:active{color:var(--accent)}.brand-sub{color:var(--muted);font-weight:400;letter-spacing:.04em}.pair-title{position:relative;margin:2px 0 0;font-size:20px;font-weight:600;letter-spacing:-.01em;display:inline-flex;align-items:baseline;gap:6px;cursor:pointer;min-height:28px}.pair-caret{color:var(--muted);font-size:11px}.notice{margin:6px 0 0;font-size:11px;line-height:1.5;color:var(--muted)}.notice a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.notice a:hover,.notice a:active{color:var(--ink)}.pair-title:hover .pair-caret{color:var(--accent)}.pair-select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font:inherit}.fresh{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);min-width:0}.fresh .pill{width:.55em;height:.55em;border-radius:50%;flex:0 0 auto;background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 25%,transparent)}.fresh.stale .pill{background:var(--warn);box-shadow:0 0 0 3px var(--warn-soft)}.fresh.err .pill{background:var(--err);box-shadow:0 0 0 3px var(--ask-soft)}.fresh .err-text{color:var(--err);max-width:min(24rem,72vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:16px 0}.kpi{background:var(--surface);padding:8px 12px}.kpi .l{display:block;color:var(--muted);font-size:10px;letter-spacing:.04em;text-transform:uppercase}.kpi .v{display:block;margin-top:2px;font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}.kpi .sub{display:block;margin-top:2px;font-size:10px;color:var(--muted);white-space:nowrap}.kpi.bid .v{color:var(--bid)}.kpi.ask .v{color:var(--ask)}.badge{display:inline-block;margin-left:6px;padding:0 5px;font-size:10px;background:var(--warn-soft);color:var(--warn);vertical-align:middle}section{margin:16px 0}section h2{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.ladder{display:block}.book-wide{display:grid;grid-template-columns:1fr 1fr;gap:16px}.book-narrow{display:none}.side{background:var(--surface);border:1px solid var(--line);min-height:10rem}.side h3{margin:0;padding:6px 10px;font-size:11px;font-weight:600;border-bottom:1px solid var(--line)}.side.bids h3{color:var(--bid)}.side.asks h3{color:var(--ask)}.cols,.row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:center}.cols{padding:4px 10px;color:var(--muted);font-size:11px;letter-spacing:.03em;text-transform:uppercase}.cols span{white-space:nowrap;overflow:hidden;min-width:0}.cols .unit{font-style:normal}.side{container-type:inline-size}@container (max-width: 430px){.cols .unit{display:none}}.row{padding:2px 8px;font-size:12px;font-variant-numeric:tabular-nums}.row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .q{font-style:normal;color:var(--muted)}.row{position:relative}.row>span{position:relative;z-index:1}.row .rowbar{position:absolute;inset:0 auto 0 0;min-width:2px;z-index:0;background:var(--ask-soft)}.book-wide .side.bids .row .rowbar{inset:0 0 0 auto;background:var(--bid-soft)}.book-wide .side.bids .cols,.book-wide .side.bids .row{text-align:right}.book-wide .side.bids .cols span:last-child,.book-wide .side.bids .row span.price{text-align:right}.book-narrow .side.bids .row .rowbar{background:var(--bid-soft)}.feeds{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{background:var(--surface);border:1px solid var(--line);min-height:8rem;max-height:22rem;overflow:auto}.tape{margin:0;padding:6px 0;list-style:none;font-size:12px}.tape li{display:grid;grid-template-columns:4.2rem 2.4rem minmax(0,1fr) auto;gap:8px;padding:2px 8px;font-variant-numeric:tabular-nums;white-space:nowrap}.tape li .detail{overflow:hidden;text-overflow:ellipsis;min-width:0}.tape.activity li{grid-template-columns:4.6rem 7.4rem minmax(0,1fr)}.tape a,.facts a{text-decoration:none;color:var(--accent)}.tape a:hover,.facts a:hover{text-decoration:underline}.buy{color:var(--bid)}.sell{color:var(--ask)}.ev-rested.bid{color:var(--bid)}.ev-rested.ask{color:var(--ask)}.ev-settled{color:var(--muted)}.ev-swept{color:var(--warn)}.ev-top_changed{color:var(--accent)}.facts{background:var(--surface);border:1px solid var(--line);padding:8px 12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(16rem,100%),1fr));gap:2px 24px}.facts div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.facts div.wide{grid-column:span 2}.facts dt{color:var(--muted)}.facts dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.empty{color:var(--muted);padding:10px;font-size:12px}.tape li.empty{display:block;white-space:normal}.note{color:var(--muted);font-size:11px;margin:4px 0 0}.side .note{padding:6px 10px 8px;margin:0}@media(max-width:960px){.shell{flex-direction:column;min-height:100dvh}.page{flex:1 1 auto;min-height:0;order:0}.shell>.wallet{order:1;position:sticky;bottom:0;z-index:10;flex:none;width:auto;border-right:0;border-bottom:0;border-top:1px solid var(--line);padding-bottom:calc(8px + env(safe-area-inset-bottom))}.wallet:not(.open){display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:6px}.wallet:not(.open) [data-sec=brand]{display:none}.wallet:not(.open) [data-sec=head]{flex:1 1 auto;min-width:0}.wallet:not(.open) .wallet-head{display:flex;align-items:center;gap:8px;margin:0;width:100%;min-width:0}.wallet:not(.open) .wallet-instrument{display:block;flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:0 8px 0 0;border:0;background:transparent;font:inherit;font-variant-numeric:tabular-nums;color:var(--ink);text-align:left;cursor:pointer}.wallet:not(.open) .wallet-instrument .bid{color:var(--bid)}.wallet:not(.open) .wallet-instrument .ask{color:var(--ask)}.wallet:not(.open) .wallet-instrument .fill-dot{color:var(--accent);font-style:normal}.wallet:not(.open) .wallet-toggle{flex:0 0 auto}.wallet:not(.open) .wallet-bal-line{display:none}.wallet.open [data-sec=brand]{display:none}.wallet.open [data-sec=sheet-brand]{display:block}.wallet.open [data-sec=sheet-brand]{order:0}.wallet:not(.open) .wallet-body{display:none}.wallet.open .wallet-body{display:flex;flex-direction:column;max-height:min(70vh,560px);overflow-y:auto;overflow-x:clip;scrollbar-width:thin;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.wallet-body [data-sec=ticket]{order:1}.wallet-body [data-sec=orders]{order:2}.wallet-body>.id-fold,.wallet-body [data-sec=identity]{order:3}.wallet-body [data-sec=balances]{order:4}.wallet-body [data-sec=keys]{order:5}.wallet-body [data-sec=status]{order:6}.wallet-body [data-sec=log]{order:7}.wallet-body [data-sec=ticket] .ticket{margin-top:0;padding-top:0;border-top:0}.id-fold{order:3;margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}.id-fold summary{cursor:pointer;font-size:12px;color:var(--ink);font-variant-numeric:tabular-nums}.wallet-bal-line{display:block}.wallet-toggle:after{content:" ▴"}.wallet.open .wallet-toggle:after{content:" ▾"}.wallet button,.wallet-toggle,.wallet-id select{min-height:44px}.pair-title{min-height:44px;align-items:center}.ticket-step button{flex-basis:44px;width:44px;min-width:44px;min-height:44px}.ticket-cta,.wallet .ticket-cta{padding:12px 0}.wallet-input,.ticket-fields .wallet-input{font-size:16px}.book-wide{gap:8px}.feeds{grid-template-columns:1fr}.facts div.wide{grid-column:span 1}.panel{max-height:16rem}}@media(max-width:520px){.brand-sub{display:none}html,body,.shell{max-width:100%;overflow-x:clip}.page{max-width:100%;min-width:0;overflow-x:hidden}.book-wide{display:none}.book-narrow{display:block}.book-narrow .cols .unit{display:none}.book-narrow .side{border-left:0;border-right:0;min-height:0}.book-narrow .side.asks{border-bottom:0}.book-narrow .side.bids{border-top:0}.book-narrow .cols{border:1px solid var(--line);border-bottom:0;background:var(--surface)}.spread-row{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 10px;text-align:center;font-variant-numeric:tabular-nums;color:var(--muted);background:var(--surface-2);border:1px solid var(--line)}.book-narrow .row{min-height:40px;padding:8px 10px}.book-narrow .row .price{font-weight:600;font-size:13px}.book-narrow .row .price:after{content:" ›";color:var(--muted);font-weight:400}.row[data-tick]:hover{background:transparent}.book-narrow .row[data-tick]:active,.book-narrow .row.own[data-tick]:hover{background:var(--accent-soft)}.kpis{display:flex;margin:10px 0 8px}.kpi{flex:1;min-width:0;padding:6px 8px;overflow:hidden}.kpi .v{font-size:13px}.kpi-bid .v,.kpi-ask .v{white-space:normal;overflow:visible}.kpi-last .v{white-space:normal;overflow-wrap:anywhere}.page{overflow-x:hidden}.kpi-spread,.kpi-mid{display:none}details.fold>summary{display:block;list-style:none;margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);cursor:pointer}details.fold>summary::-webkit-details-marker{display:none}details.fold>summary:before{content:"▸ "}details.fold[open]>summary:before{content:"▾ "}.tape:not(.activity) .sec{display:none}.tape:not(.activity) li{grid-template-columns:2.8rem 1.7rem minmax(0,1fr);gap:6px;padding:2px 6px}.tape:not(.activity) li>.tx{display:none}.tape:not(.activity) li .detail{overflow:hidden;text-overflow:ellipsis}.tape:not(.activity) li:nth-child(n+13){display:none}.tape:not(.activity) li.empty{display:block}}@media(max-width:480px){.kpis{display:flex}}
