:root{--bg:#04090a;--bg-elev:#0a1415;--bg-soft:#0f1e1e;--border:#1a302e;--text:#e9fbf6;--muted:#8db1a9;--faint:#5f817a;--accent:#22f2b2;--accent-2:#14b8f5;--accent-grad:linear-gradient(135deg, #36f8b6 0%, #12e2d6 50%, #10aaf5 100%);--on-accent:#02130e;--glow:#22f2b247;--good:#3ddc97;--bad:#ff6b81;--warn:#ffc857;--radius:16px;--radius-sm:10px;--shadow:0 20px 60px #00000073;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#f2faf7;--bg-elev:#fff;--bg-soft:#e5f4ef;--border:#d0e7e0;--text:#0a1f1a;--muted:#4b6a62;--faint:#7f9a93;--accent:#0aa877;--accent-2:#0a8ed0;--accent-grad:linear-gradient(135deg, #12c98e 0%, #0bbfb5 50%, #0a9ad8 100%);--on-accent:#fff;--glow:#0aa8772e;--good:#13a86b;--bad:#e0435c;--warn:#b7791f;--shadow:0 20px 50px #0a1f1a14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font:16px/1.55 var(--font);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 20px}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:20px;font-weight:800;display:inline-flex}.brand-logo{width:34px;height:34px;box-shadow:0 6px 22px var(--glow);border-radius:10px;flex:none}.gradient-text{background:var(--accent-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.btn{font:600 15px/1 var(--font);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;transition:transform .15s,opacity .15s,background .15s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-grad);color:var(--on-accent);box-shadow:0 8px 24px var(--glow)}.btn-ghost{background:var(--bg-soft);color:var(--text);border-color:var(--border)}.btn-lg{padding:16px 26px;font-size:16px}.btn-block{width:100%}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius)}.mono{font-family:var(--mono)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:root{--chart-volume:#16a67a;--chart-fees:#1a8fd0;--grid:color-mix(in srgb, var(--border) 70%, transparent)}@media (prefers-color-scheme:light){:root{--chart-volume:#0aa877;--chart-fees:#0a8ed0}}.muted{color:var(--muted)}.small{font-size:13px}.a-wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}.a-header{border-bottom:1px solid var(--border);background:var(--bg)}.a-header-inner{align-items:center;gap:12px;height:64px;display:flex}.brand{align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.brand-logo{border-radius:8px;width:32px;height:32px}.a-badge{background:var(--accent-grad);color:var(--on-accent);letter-spacing:.04em;text-transform:uppercase;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:800}.a-nav{align-items:center;gap:4px;margin-left:auto;display:flex}.a-nav a{color:var(--muted);border-radius:10px;padding:8px 12px;font-size:14px;font-weight:600}.a-nav a:hover{color:var(--text);background:var(--bg-soft)}.a-nav a.a-nav-primary{background:var(--accent-grad);color:var(--on-accent)}.a-swap-top{display:none}.a-main>*,.charts>*{min-width:0}.a-main{gap:20px;padding-top:28px;padding-bottom:48px;display:grid}.a-title{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.a-title h1{letter-spacing:-.02em;margin:0 0 4px;font-size:clamp(26px,4vw,34px)}.a-title p{margin:0}.a-error,.a-loading{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);text-align:center;color:var(--muted);padding:32px}.seg{background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:700}.seg button.on{background:var(--bg-elev);color:var(--text);box-shadow:0 1px 3px #00000026}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.tiles.fee-split{margin-top:-4px}.tile{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);align-content:start;gap:4px;padding:20px;display:grid}.tile-label{color:var(--muted);font-size:13px;font-weight:600}.tile-tag{color:#fbbf24;letter-spacing:.02em;vertical-align:1px;background:#f59e0b29;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:700}@media (prefers-color-scheme:light){.tile-tag{color:#b45309}}.burn-split{grid-template-columns:1fr 1fr;gap:12px;margin-top:2px;display:grid}.burn-split>div{gap:2px;display:grid}.split-k{color:var(--muted);font-size:12px;font-weight:600}.split-v{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:clamp(20px,2.6vw,26px);font-weight:800}.burn-meter{background:#f59e0b2e;border-radius:999px;height:6px;overflow:hidden}.burn-meter>span{border-radius:inherit;background:var(--accent-grad);height:100%;display:block}.tile-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(28px,4vw,38px);font-weight:800;line-height:1.15}.tile-sub{color:var(--muted);font-size:14px}.filters{align-items:center;gap:12px;display:flex}.charts{gap:16px;transition:opacity .2s;display:grid}.charts.stale{opacity:.6}.chart-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);padding:18px 18px 10px}.chart-top{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.chart-top h2{margin:0;font-size:17px}.chart-total{font-variant-numeric:tabular-nums;font-weight:700}.chart-box{width:100%;min-width:0;position:relative}.chart-box svg{max-width:100%;display:block;overflow:visible}.chart-box svg:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.grid{stroke:var(--grid);stroke-width:1px}.axis{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.bar.volume{fill:var(--chart-volume)}.bar.fees{fill:var(--chart-fees)}.hover-col{fill:var(--bg-soft)}.hit{fill:#0000}.tip{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev);min-width:180px;box-shadow:var(--shadow);pointer-events:none;white-space:nowrap;font-variant-numeric:tabular-nums;gap:2px;padding:10px 12px;font-size:13px;display:grid;position:absolute;top:0;transform:translate(12px)}.tip.left{transform:translate(calc(-100% - 12px))}.key{vertical-align:-1px;border-radius:3px;width:10px;height:10px;display:inline-block}.key.volume{background:var(--chart-volume)}.key.fees{background:var(--chart-fees)}.data-table summary{cursor:pointer;color:var(--accent);font-size:14px;font-weight:600}.data-table table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:10px;font-size:14px}.data-table th,.data-table td{border-bottom:1px solid var(--border);text-align:right;padding:8px 10px}.data-table th:first-child,.data-table td:first-child{text-align:left}.data-table th{color:var(--muted);font-weight:600}.a-note{margin:0}@media (max-width:600px){.a-header-inner{flex-wrap:wrap;row-gap:6px;height:auto;padding-top:10px;padding-bottom:8px}.a-nav{scrollbar-width:none;gap:2px;width:100%;margin-left:0;overflow-x:auto}.a-nav::-webkit-scrollbar{display:none}.a-nav a{flex:none;padding:8px 10px}.a-nav{order:3}.a-nav a.a-nav-primary{display:none}.a-swap-top{background:var(--accent-grad);color:var(--on-accent);border-radius:10px;order:2;margin-left:auto;padding:8px 16px;font-size:14px;font-weight:700;display:inline-block}}@media (max-width:760px){.tiles{grid-template-columns:minmax(0,1fr)}.chart-panel{padding:14px 12px 6px}}