@font-face{font-family:Inter;src:url('/assets/inter-regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('/assets/inter-bold.woff2') format('woff2');font-weight:600 900;font-display:swap}
:root{--bg:#0f1a1f;--panel:#112126;--inset:#0c171c;--border:#293a3f;--muted:#8fa4a8;--text:#f0faf7;--mint:#97fce4;--red:#ed7088;--soft:#1b3539;color-scheme:dark;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font-size:13px;line-height:1.5}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}button{border:0;background:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button,a,summary{touch-action:manipulation}button,a{transition:background .18s,color .18s,border-color .18s,transform .18s}a:hover{color:var(--mint)}.wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}.header{height:86px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--border);gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:-.9px;width:max-content}.brand img{display:block}.brand-dot{height:5px;width:5px;border-radius:50%;background:var(--mint);margin-top:6px}.header nav{display:flex;gap:30px;color:var(--muted);font-size:13px}.header nav .active{color:var(--text)}.header-source{justify-self:end;color:var(--muted);font-size:12px;display:flex;gap:18px}.header-source span{color:var(--mint)}.hero{min-height:362px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding-block:44px 55px}.eyebrow,.small-label,.section-number{font-size:9px;letter-spacing:1.8px;font-weight:700}.eyebrow{color:var(--mint);margin:0 0 20px;display:flex;align-items:center;gap:10px}.signal-dot{display:inline-block;vertical-align:middle;width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px #97fce44d;margin-right:5px}.hero h1{font-weight:700;font-size:clamp(43px,4.5vw,68px);letter-spacing:-3.8px;line-height:1.015;margin:0 0 21px}.hero em,.method-title em{color:var(--mint);font-style:normal}.hero-sub{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.hero-trail{height:220px;position:relative;margin-top:15px;isolation:isolate}.trail-grid{position:absolute;inset:-10px 0 20px;background-image:linear-gradient(#97fce40a 1px,transparent 1px),linear-gradient(90deg,#97fce40a 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,#000 0%,transparent 70%)}.hero-trail svg{width:100%;height:180px;overflow:visible;margin-top:10px}.hero-trail path{fill:none;stroke-width:2}.trail-ghost{stroke:#97fce419;stroke-width:10!important}.trail-path{stroke:url(#trailFade);stroke-dasharray:700;animation:traceIn 2s ease-out both}.hero-trail circle{fill:var(--mint);stroke:var(--bg);stroke-width:3}.hero-trail .trail-light{stroke:none;filter:drop-shadow(0 0 8px #97fce4)}.trail-label{font-size:8px;color:#7a9c9e;letter-spacing:1px;position:absolute}.tl-one{left:12%;top:177px}.tl-two{left:38%;top:98px}.tl-three{left:66%;top:28px}.hero-trail p{position:absolute;right:0;bottom:-5px;font-size:8px;letter-spacing:1.4px;color:#688389}@keyframes traceIn{from{stroke-dashoffset:700}to{stroke-dashoffset:0}}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading>div{display:flex;align-items:center;gap:14px}.section-number{color:var(--mint);border:1px solid var(--border);border-radius:5px;padding:5px 7px;letter-spacing:0}.section-heading h2{font-size:22px;font-weight:700;letter-spacing:-.6px;margin:0}.small-label{color:var(--muted);font-size:8px;letter-spacing:1.2px}.wallet-bar{display:flex;gap:20px;align-items:center;margin-bottom:20px}.wallet-bar form{display:flex;align-items:center;flex:1;background:var(--inset);border:1px solid #385258;border-radius:9px;padding:6px;gap:8px;min-width:0}.wallet-bar form:focus-within{border-color:var(--mint);box-shadow:0 0 0 2px #97fce40c}.input-icon{font-size:24px;color:var(--muted);width:36px;text-align:center;line-height:1}.wallet-bar input{min-width:0;flex:1;outline:none;border:0;background:transparent;padding:10px 0;color:var(--text);font-size:13px;letter-spacing:.1px}.wallet-bar input::placeholder{color:#6c8b92}.primary{border:1px solid var(--mint);background:var(--mint);color:#0e2425;font-weight:700;border-radius:5px;padding:12px 20px;display:flex;gap:25px;white-space:nowrap}.primary:hover{background:#c0ffef;border-color:#c0ffef}.primary:active{transform:translateY(1px)}.text-button{color:var(--muted);font-size:11px;white-space:nowrap;display:inline-flex;gap:16px;align-items:center}.text-button:hover{color:var(--mint)}.text-button span{font-size:15px}.recent-wrap{display:flex;align-items:center;gap:15px;color:#6e8d92;font-size:8px;letter-spacing:1px;margin:-4px 0 16px}.recent-wrap[hidden]{display:none}.recent-wrap>div{display:flex;gap:8px;flex-wrap:wrap}.recent-wallet{font-size:10px;letter-spacing:0;color:#9eb4b5;border:1px solid var(--border);border-radius:4px;padding:4px 9px}.recent-wallet:hover{border-color:var(--mint)}.message{font-size:11px;color:var(--muted);margin:0 0 13px;min-height:17px}.message.error{color:#ffb1b1}.message:empty{display:none}.workspace{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:linear-gradient(120deg,#14242a99,transparent 60%)}.wallet-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 24px}.wallet-identity{display:flex;align-items:center;gap:12px;min-width:0}.wallet-identicon{display:grid;grid-template-columns:repeat(3,6px);grid-template-rows:repeat(3,6px);gap:2px;background:#97fce410;padding:10px;border-radius:7px;border:1px solid #97fce42b}.wallet-identicon i{background:var(--mint);opacity:.5}.wallet-identicon i:nth-child(2n){opacity:.1}.wallet-identicon i:nth-child(3n){opacity:.9}.wallet-line{display:flex;align-items:center;gap:8px}.wallet-line h3{margin:0;font-size:14px;letter-spacing:-.2px}.wallet-identity p{margin:3px 0 0;font-size:10px;color:var(--muted)}.icon-button{height:30px;width:30px;display:inline-grid;place-items:center;border:1px solid transparent;border-radius:5px;color:var(--muted);font-size:16px}.icon-button:hover{border-color:var(--border);background:var(--soft);color:var(--mint)}.external{color:var(--muted);font-size:13px}.wallet-controls{display:flex;align-items:center;gap:10px}.segmented{border:1px solid var(--border);border-radius:5px;display:flex;padding:3px;gap:3px}.segmented button{font-size:10px;border-radius:3px;padding:5px 12px;color:var(--muted)}.segmented button.selected{background:#284044;color:var(--mint)}#sync-state{font-size:9px;color:var(--muted);min-width:95px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:0 24px 23px;border-top:1px solid var(--border);padding-top:20px}.metrics>div{padding-left:24px;border-left:1px solid var(--border)}.metrics>div:first-child{padding-left:0;border:0}.metrics span{display:block;font-size:8px;letter-spacing:1.15px;color:var(--muted);margin-bottom:7px}.metrics strong{display:block;font-weight:700;font-size:27px;letter-spacing:-1px;line-height:1.2;font-variant-numeric:tabular-nums}.metrics small{display:block;font-size:9px;color:#6b8a90;margin-top:6px}.positive{color:var(--mint)!important}.negative{color:var(--red)!important}.coin-strip{display:flex;align-items:center;justify-content:space-between;border-block:1px solid var(--border);gap:20px;min-height:52px;padding:8px 24px;background:#0b181c66}.coin-strip>div{display:flex;gap:6px;overflow:auto;scrollbar-width:thin}.coin-tab{padding:6px 10px;border:1px solid transparent;border-radius:5px;display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);white-space:nowrap}.coin-tab small{font-size:8px;opacity:.6}.coin-tab.selected{background:#97fce40e;border-color:#97fce43b;color:var(--mint)}.coin-tab:hover{background:var(--soft)}.coin-tab img{height:18px;width:18px;border-radius:50%;object-fit:contain}.coverage-chip{font-size:8px;letter-spacing:1px;color:#6f8d92;white-space:nowrap}.coverage-chip.partial{color:#e9ce94}.trace-grid{display:grid;grid-template-columns:minmax(0,1fr) 292px}.chart-panel{min-width:0;position:relative}.chart-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 24px 8px}.chart-heading h3{font-size:20px;margin:4px 0 0;line-height:1.3;display:flex;gap:14px;align-items:baseline}.chart-heading h3 small{font-size:9px;font-weight:400;color:#6b8a90;letter-spacing:0}.replay-button{border:1px solid #385258;border-radius:5px;font-size:10px;padding:7px 11px;display:flex;align-items:center;gap:8px;color:var(--mint);white-space:nowrap}.replay-button:hover{background:#97fce410;border-color:var(--mint)}.replay-button span{font-size:16px;line-height:1}.trace-chart{height:330px;position:relative;isolation:isolate;margin:0 5px}.trace-chart canvas{display:block}.chart-loading{position:absolute;inset:30px 20px;display:flex;align-items:center;justify-content:center;gap:12px;color:#719197;font-size:11px;border-bottom:1px solid var(--border);background:linear-gradient(transparent 49%,#97fce408 50%,transparent 51%);background-size:100% 45px}.scan-line{height:20px;width:2px;background:var(--mint);box-shadow:0 0 25px #97fce433;animation:scan 1.3s infinite ease-in-out}@keyframes scan{50%{opacity:.15;transform:scaleY(.4)}}.chart-footer{display:flex;justify-content:space-between;gap:12px;padding:0 24px 20px;color:#78999e;font-size:8px}.chart-footer>div{display:flex;align-items:center;gap:6px}.legend-dot{display:inline-block;height:4px;width:4px;border-radius:50%;margin-left:10px}.legend-dot:first-child{margin-left:0}.legend-dot.mint{background:var(--mint)}.legend-dot.red{background:var(--red)}.legend-dot.white{background:#94aaaf}.execution-panel{border-left:1px solid var(--border);background:#0c181ca3;display:flex;flex-direction:column;padding:24px 21px 0;min-width:0}.execution-header{display:flex;justify-content:space-between;gap:6px;font-size:9px;color:var(--muted)}#event-detail{flex:1}.event-kind{display:flex;align-items:center;gap:8px;color:var(--mint);margin:22px 0 4px;font-size:20px;letter-spacing:-.6px;font-weight:700}.event-kind b{font-size:9px;letter-spacing:0;font-weight:400;border:1px solid #97fce438;padding:3px 7px;border-radius:4px}.event-time{font-size:9px;color:var(--muted);margin:0 0 19px}.event-data{display:grid;grid-template-columns:1fr 1fr;gap:13px 12px;margin-bottom:19px}.event-data span,.position-shift>span{display:block;font-size:8px;color:#78969b;margin-bottom:3px}.event-data strong{font-size:12px;font-weight:400;font-variant-numeric:tabular-nums}.position-shift{border-top:1px solid var(--border);padding-top:12px}.position-shift>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;margin:7px 0}.position-shift small{font-size:9px;color:var(--muted)}.event-source{margin:12px 0 16px;color:var(--mint);font-size:9px;display:block}.boundary-note{font-size:9px;line-height:1.6;color:#bca782;margin-top:10px}.event-nav{display:flex;justify-content:space-between;border-top:1px solid var(--border);margin:0 -21px;padding:10px 15px}.event-nav button{font-size:9px;padding:5px;color:var(--muted)}.event-nav button:hover{color:var(--mint)}.history-note{font-size:10px;color:#77959b;border-top:1px solid var(--border);margin:0;padding:12px 24px;line-height:1.7}.history-note.partial{color:#ceb98c}.ledger-heading{padding:22px 24px 12px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border)}.ledger-heading>div{display:flex;align-items:center;gap:12px}.ledger-heading h3{font-size:13px;letter-spacing:-.2px;margin:0}.ledger-heading>div>span{font-size:9px;color:var(--muted)}.ledger-scroll,.position-table-scroll{overflow:auto;scrollbar-width:thin}.ledger,.position-table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}.ledger th,.position-table th{font-size:8px;letter-spacing:.8px;color:#719298;font-weight:400;text-align:right;padding:10px 14px;background:#0d1a1f}.ledger th:first-child,.ledger td:first-child{text-align:left;padding-left:24px}.ledger th:nth-child(2),.ledger td:nth-child(2){text-align:left}.ledger td{padding:12px 14px;text-align:right;border-top:1px solid #293a3f77;color:#b7caca;font-variant-numeric:tabular-nums}.ledger tbody tr[data-event]{cursor:pointer}.ledger tr:hover td{background:#97fce408}.ledger tr.selected td{background:#97fce40e;color:var(--text)}.ledger tr.selected td:first-child{box-shadow:inset 2px 0 var(--mint)}.event-badge{font-size:9px;border:1px solid #97fce42b;color:var(--mint);padding:4px 7px;border-radius:4px;background:#97fce407}.event-badge.reduce,.event-badge.close{color:var(--red);border-color:#ed708837;background:#ed708805}.event-badge.reverse{color:#d3c5f7;border-color:#d3c5f740}.ledger td small{font-size:9px;color:#6b8a90;margin-left:5px}.more-button{display:block;width:100%;font-size:10px;color:var(--mint);border-top:1px solid var(--border);padding:13px}.more-button[hidden]{display:none}.more-button:hover{background:#97fce407}.empty{text-align:center!important;color:#718d93!important;font-size:11px!important;padding:45px 20px!important}.positions{margin-top:54px}.position-table-scroll{border:1px solid var(--border);border-radius:10px}.position-table td{text-align:right;border-top:1px solid #293a3f77;padding:17px 20px;font-variant-numeric:tabular-nums}.position-table td:first-child,.position-table th:first-child{text-align:left;padding-left:24px}.position-table th{padding:12px 20px}.position-coin{display:flex;align-items:center;gap:10px;font-weight:700;text-align:left}.position-coin img{height:22px;width:22px;border-radius:50%}.data-caption{font-size:9px;color:#6f8d93;margin-top:10px}.method{border-top:1px solid var(--border);margin-top:65px;padding-top:50px;padding-bottom:55px;display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.method-title h2{font-size:44px;line-height:1.06;letter-spacing:-2px;margin:0 0 18px}.method-title>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:27px}.text-link{font-size:10px;color:var(--mint)}.method-notes details{border-bottom:1px solid var(--border)}.method-notes details:first-child{border-top:1px solid var(--border)}.method-notes summary{list-style:none;display:grid;grid-template-columns:82px 1fr auto;align-items:center;gap:20px;padding:19px 0;font-size:13px;cursor:pointer;letter-spacing:-.1px}.method-notes summary::-webkit-details-marker{display:none}.method-notes summary>span{font-size:8px;color:#7a969c;letter-spacing:.5px}.method-notes summary b{font-size:17px;color:var(--mint);font-weight:400}.method-notes details[open] summary b{transform:rotate(45deg)}.method-notes details p{color:var(--muted);font-size:11px;line-height:1.8;padding:0 30px 18px 102px;margin:0}.footer{border-top:1px solid var(--border);padding-block:25px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer .brand{font-size:16px;letter-spacing:-.5px}.footer p,.footer>a:last-child{font-size:10px;color:#789499}.footer>a:last-child:hover{color:var(--mint)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--mint);color:#0c171c;padding:10px}.skip:focus{top:10px}#workspace[aria-busy=true] .refresh-button{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.hero{min-height:400px}.trace-chart{height:360px}}@media(max-width:1050px){.wrap{width:calc(100% - 44px)}.hero h1{font-size:57px;letter-spacing:-2.7px}.trace-grid{grid-template-columns:minmax(0,1fr) 250px}.execution-panel{padding-inline:16px}.event-nav{margin-inline:-16px}.metrics strong{font-size:23px}.metrics>div{padding-left:18px}.metrics small{font-size:8px}.wallet-heading{padding-inline:20px}.wallet-bar{gap:15px}.chart-heading{padding-inline:20px}.chart-heading h3{display:block}.chart-heading h3 small{display:block;margin-top:4px}.method{gap:45px}.hero-trail{transform:scale(.9);transform-origin:right center}.header nav{gap:21px}}
@media(max-width:760px){.header{height:72px;grid-template-columns:1fr auto;gap:15px}.header nav{gap:17px;font-size:11px}.header-source{display:none}.hero{min-height:0;padding-block:42px 32px;grid-template-columns:1fr 1fr;gap:10px}.hero h1{font-size:45px;letter-spacing:-2.6px}.hero .eyebrow{font-size:7px;letter-spacing:1.2px}.hero-sub{font-size:10px}.hero-trail{height:150px;transform:none;align-self:end;margin-bottom:21px}.hero-trail svg{height:130px}.hero-trail .trail-label{display:none}.hero-trail p{font-size:6px;letter-spacing:.7px;bottom:-12px}.section-heading .small-label{font-size:6px;letter-spacing:.7px}.section-heading h2{font-size:19px}.wallet-bar{display:block}.wallet-bar form{gap:2px}.wallet-bar .text-button{margin-top:11px}.wallet-bar .primary{font-size:10px;padding:11px 12px;gap:12px}.wallet-bar input{font-size:11px}.input-icon{width:24px}.wallet-heading{flex-wrap:wrap;gap:18px;padding:17px 18px}.wallet-controls{width:100%;justify-content:flex-end}.wallet-controls #sync-state{margin-left:auto;order:-1}.metrics{margin:0 18px 18px;grid-template-columns:repeat(2,1fr);gap:20px 0}.metrics>div:nth-child(3){border:0;padding-left:0}.metrics>div{padding-left:18px}.metrics strong{font-size:25px}.metrics small{font-size:8px}.trace-grid{grid-template-columns:1fr}.execution-panel{border-left:0;border-top:1px solid var(--border);padding:17px 18px 0}.execution-header{font-size:9px}.event-kind{font-size:21px;margin:12px 0 3px}.event-time{margin-bottom:13px}.event-data{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.event-data strong{font-size:11px}.position-shift>div{justify-content:flex-start;gap:20px}.position-shift{max-width:300px}.event-source{margin-block:10px}.boundary-note{margin:5px 0}.event-nav{margin-inline:-18px;padding:8px 15px}.trace-chart{height:300px}.chart-heading{padding:18px 18px 8px}.chart-heading h3{display:flex;gap:12px;align-items:baseline}.chart-footer{padding-inline:18px;font-size:7px}.chart-heading h3 small{font-size:8px}.coin-strip{padding-inline:12px;gap:6px}.coverage-chip{display:none}.coin-tab{padding-inline:8px;font-size:10px}.history-note{padding-inline:18px;font-size:9px}.ledger-heading{padding-inline:18px}.ledger th:first-child,.ledger td:first-child{padding-left:18px}.positions{margin-top:35px}.position-table{font-size:10px}.method{margin-top:40px;padding-block:32px;grid-template-columns:1fr;gap:25px}.method-title{display:grid;grid-template-columns:1fr 1fr;column-gap:10px}.method-title .eyebrow{grid-column:1/-1;margin-bottom:15px;font-size:8px}.method-title h2{font-size:36px;grid-row:2/4}.method-title>p:not(.eyebrow){margin:0 0 15px;font-size:10px}.method-title .text-link{font-size:8px;max-width:150px}.method-notes summary{grid-template-columns:72px 1fr auto;gap:10px;font-size:12px}.method-notes details p{padding-left:82px;font-size:10px}.footer{gap:12px;flex-wrap:wrap}.footer p{display:none}.footer .brand{font-size:14px}.footer>a:last-child{font-size:9px}}
@media(max-width:430px){.wrap{width:calc(100% - 28px)}.brand{font-size:17px;gap:7px}.brand img{width:25px;height:25px}.brand-dot{display:none}.header nav{gap:11px;font-size:10px}.hero{grid-template-columns:1fr}.hero h1{font-size:51px;letter-spacing:-3px}.hero-trail{position:absolute;width:145px;right:14px;top:219px;pointer-events:none;opacity:.65;height:80px}.hero-trail svg{height:90px}.hero-trail p{display:none}.hero-copy{position:relative;z-index:1}.hero-sub{font-size:11px}.hero .eyebrow{font-size:7px}.section-heading>.small-label{max-width:140px;text-align:right}.wallet-line h3{font-size:12px}.wallet-identity p{font-size:8px}.wallet-identicon{padding:8px}.event-data{grid-template-columns:1fr 1fr;gap:10px 20px}.chart-heading h3 small{max-width:130px;line-height:1.4}.chart-heading h3{gap:8px}.replay-button{font-size:9px;padding:7px 9px}.chart-footer #chart-range{display:none}.ledger-heading .text-button{font-size:9px}.section-heading{margin-bottom:15px}.positions .section-heading .small-label{font-size:6px}.metrics span{font-size:7px}.metrics strong{font-size:23px}.trace-chart{height:270px}.method-notes summary{gap:8px;grid-template-columns:64px 1fr auto}.method-notes details p{padding-left:72px}}
.chart-mode-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 24px;border-top:1px solid var(--border);background:#0b181c66}.chart-mode-row .segmented button{font-size:9px;padding:6px 12px}.chart-mode-row>span{font-size:9px;color:#739399}.trace-chart{height:370px}.trace-grid{grid-template-columns:minmax(0,1fr) 306px}.position-shift>div{font-size:10px;flex-wrap:wrap}.anatomy{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border)}.anatomy>section{padding:22px 24px}.anatomy>section+section{border-left:1px solid var(--border)}.panel-label{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-label>span:last-child:not(.small-label){font-size:8px;color:#6f8d93}.flow-values{display:flex;justify-content:space-between;gap:20px;margin:19px 0 15px}.flow-values>div:last-child{text-align:right}.flow-values span,.position-endpoints span{display:block;font-size:7px;letter-spacing:1px;color:#7c989c;margin-bottom:4px}.flow-values strong{font-size:24px;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.flow-bar{height:5px;display:flex;gap:4px}.flow-bar i{display:block;border-radius:1px;transition:flex .5s ease}.flow-bar i:first-child{background:linear-gradient(90deg,#61afa1,var(--mint))}.flow-bar i:last-child{background:linear-gradient(90deg,#ed7088,#aa586a)}.flow-price{display:flex;justify-content:space-between;margin-top:17px;gap:15px}.flow-price>div:last-child{text-align:right}.flow-price span{display:block;font-size:9px;color:var(--muted);margin-bottom:3px}.flow-price strong{font-size:12px;font-weight:400}.anatomy p{font-size:8px;color:#66868c;line-height:1.7;margin:13px 0 0}.position-endpoints{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;margin:21px 0 19px}.position-endpoints>div:last-child{text-align:right}.position-endpoints strong{font-size:18px;letter-spacing:-.4px;line-height:1.3}.position-endpoints>b{color:#4b6e73;font-size:18px;font-weight:400}.event-composition{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.event-composition>div{border-bottom:2px solid #97fce440;padding-bottom:8px}.event-composition>div.composition-reduce,.event-composition>div.composition-close{border-color:#ed708840}.event-composition>div.composition-reverse{border-color:#d3c5f740}.event-composition strong{display:block;font-size:16px;letter-spacing:-.6px}.event-composition span{font-size:7px;color:#76969b}.history-timestamps{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#6f8d93;margin-top:12px}.ledger-tools{display:flex;align-items:center;justify-content:space-between;padding:0 24px 17px;gap:15px}.event-filters{display:flex;align-items:center;gap:5px;overflow:auto;scrollbar-width:thin}.event-filters button{font-size:9px;color:#7c9ca1;white-space:nowrap;padding:5px 9px;border:1px solid transparent;border-radius:4px}.event-filters button.selected{color:var(--mint);background:#97fce40c;border-color:#97fce433}.event-filters button:hover{color:var(--text)}.ledger-tools>.text-button{font-size:9px}.exposure-overview{display:grid;grid-template-columns:1fr 1.4fr 1fr;border:1px solid var(--border);border-radius:10px 10px 0 0;background:linear-gradient(110deg,#97fce405,transparent);padding:22px 24px;margin-bottom:-1px;gap:25px}.exposure-overview+.position-table-scroll{border-top-left-radius:0;border-top-right-radius:0}.exposure-summary strong,.exposure-pnl strong{display:block;font-size:29px;letter-spacing:-1px;line-height:1.3;margin-top:10px;font-variant-numeric:tabular-nums}.exposure-overview p{font-size:8px;color:#6f8d93;margin:5px 0 0}.exposure-allocation{border-inline:1px solid var(--border);padding-inline:25px}.allocation-bar{display:flex;gap:3px;height:6px;margin:17px 0 12px;background:#1d3439;border-radius:2px;overflow:hidden}.allocation-bar i{min-width:1px}.allocation-legend{display:flex;align-items:center;gap:9px 14px;flex-wrap:wrap;font-size:8px}.allocation-legend button{display:flex;align-items:center;gap:5px;font-size:8px;padding:0}.allocation-legend button:hover{color:var(--mint)}.allocation-legend i{height:4px;width:4px;display:block}.allocation-legend span{color:#698b91}.exposure-pnl{padding-left:0}.exposure-pnl strong{font-size:25px;margin-top:12px}.position-table tbody tr:hover td{background:#97fce406}.chart-heading .small-label,.execution-header .small-label{color:#a2b7b9}.ledger th,.position-table th{color:#8aa4aa}.metrics span{color:#97b1b5}.metrics{padding-top:23px}.history-note{font-size:9px}.workspace{box-shadow:0 20px 70px #050c1026}.trace-chart__event:focus-visible{outline:1px solid var(--mint);background:#97fce41a!important}.position-history-panel,.flow-panel{min-width:0}
@media(max-width:1050px){.trace-grid{grid-template-columns:minmax(0,1fr) 260px}.anatomy>section{padding-inline:20px}.exposure-overview{gap:20px;padding-inline:20px}.exposure-allocation{padding-inline:20px}.position-endpoints strong{font-size:15px}.history-timestamps{font-size:7px}.exposure-summary strong{font-size:26px}.exposure-pnl strong{font-size:22px}.exposure-overview .small-label{font-size:7px}.flow-values strong{font-size:22px}}
@media(max-width:760px){.trace-grid{grid-template-columns:1fr}.trace-chart{height:320px}.chart-mode-row{padding:11px 18px}.chart-mode-row>span{display:none}.anatomy{grid-template-columns:1fr}.anatomy>section{padding:20px 18px}.anatomy>section+section{border-left:0;border-top:1px solid var(--border)}.flow-values strong{font-size:26px}.position-endpoints strong{font-size:18px}.event-composition span{font-size:8px}.history-timestamps{font-size:8px}.ledger-tools{align-items:flex-start;flex-direction:column;padding:0 18px 14px;gap:10px}.event-filters{width:100%;gap:3px}.event-filters button{font-size:8px;padding:5px 8px}.exposure-overview{grid-template-columns:1fr 1fr;padding:18px;gap:20px}.exposure-allocation{grid-column:1/-1;grid-row:2;border:0;border-top:1px solid var(--border);padding:17px 0 0}.exposure-pnl{border-left:1px solid var(--border);padding-left:18px}.exposure-summary strong{font-size:27px}.exposure-pnl strong{font-size:23px}.exposure-overview p{font-size:7px}.allocation-legend{font-size:9px;gap:10px 16px}.allocation-legend button{font-size:9px}.exposure-overview .small-label{font-size:7px}.allocation-bar{margin-top:14px}.execution-panel #event-detail{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.execution-panel .event-kind{grid-column:1}.execution-panel .event-time{grid-column:1}.execution-panel .event-data{grid-column:2;grid-row:1/5;align-content:center;margin:10px 0}.execution-panel .position-shift{grid-column:1}.execution-panel .event-source,.execution-panel .boundary-note{grid-column:1/-1}.event-nav{margin-top:4px}}
@media(max-width:430px){.trace-chart{height:290px}.execution-panel #event-detail{display:block}.event-data{grid-template-columns:repeat(2,1fr)}.exposure-summary strong{font-size:24px}.exposure-pnl strong{font-size:21px}.exposure-overview{gap:15px}.exposure-overview .small-label{font-size:6px;letter-spacing:.7px}.position-endpoints strong{font-size:16px}.panel-label .small-label{font-size:7px}.panel-label>span:last-child:not(.small-label){font-size:7px}.event-filters button{padding-inline:6px;font-size:8px}}
.hero{min-height:280px;padding-block:29px 32px}.hero h1{font-size:clamp(43px,4.2vw,61px)}.hero-trail{height:180px;margin-top:8px}.hero-trail svg{height:160px}.tl-one{top:156px}.tl-two{top:87px}.tl-three{top:23px}.hero-trail p{bottom:-6px}#metric-fees{font-size:23px;white-space:nowrap;letter-spacing:-.8px}.metrics strong{font-size:26px}.header{height:78px}.ledger-scroll{max-height:540px}.ledger thead{position:sticky;top:0;z-index:2}.ledger tr.selected .event-badge{background:#97fce41a}.position-table small{font-size:8px;color:var(--muted)}
@media(max-width:1050px){#metric-fees{font-size:20px}.metrics strong{font-size:23px}.hero h1{font-size:53px}}
@media(max-width:760px){.header{height:70px}.hero{padding-block:31px 27px;min-height:0}.hero h1{font-size:43px}.hero-trail{height:150px}.hero-trail svg{height:130px}.metrics strong{font-size:25px}#metric-fees{font-size:21px}.ledger-scroll{max-height:460px}}
@media(max-width:430px){.hero h1{font-size:49px}.hero-trail{height:80px;top:191px}.hero-trail svg{height:90px}.metrics strong{font-size:23px}#metric-fees{font-size:19px}}
.header{position:sticky;top:0;z-index:50;background:#0f1a1ff2;backdrop-filter:blur(12px)}html{scroll-padding-top:96px}.position-coin img{background:#0c171c}.ledger-scroll:focus-visible{outline:1px solid var(--mint);outline-offset:-2px}.metrics #metric-pnl{white-space:nowrap}.event-data strong{overflow-wrap:anywhere}.wallet-bar input[aria-invalid=true]{color:#ffb1b1}
.social-x{display:inline-flex;align-items:center;padding:3px}.footer .footer-intro,.footer>a:not(.brand){font-size:10px;color:#789499}.footer .footer-intro:hover,.footer>a:not(.brand):hover{color:var(--mint)}.footer-intro{padding:0}.auto-trace-status{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:var(--mint);font-size:10px;border:1px solid #97fce42b;background:#97fce407;border-radius:5px;padding:8px 10px}.auto-trace-status i{height:5px;width:5px;background:var(--mint);border-radius:50%;opacity:.35}.auto-trace-status.running i{animation:autoTracePulse 1.5s ease-in-out infinite;box-shadow:0 0 9px #97fce450}.auto-trace-status small{font-size:6px;letter-spacing:1px;color:#719b98;border-left:1px solid #97fce426;padding-left:8px}@keyframes autoTracePulse{50%{opacity:1;box-shadow:0 0 14px #97fce4aa}}
@media(max-width:430px){.auto-trace-status{font-size:9px;padding:7px 9px;gap:6px}.auto-trace-status small{font-size:5px;letter-spacing:.6px;padding-left:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.trail-light{display:none}}