#defi-app{--df-line:#293842;--df-muted:#a1b4bd;--df-accent:#aaf166;--df-panel:#111b23;color:#eaf2f4;margin:2rem 0;font:14px/1.55 Inter,system-ui,sans-serif}#defi-app *{box-sizing:border-box}#defi-app .df-shell{background:#0b131b;border:1px solid var(--df-line);border-radius:18px;padding:24px}#defi-app .df-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}#defi-app .df-eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--df-accent)}#defi-app h2{font-size:27px;line-height:1.16;margin:9px 0}#defi-app h3{font-size:17px;margin:0 0 12px}#defi-app p{color:var(--df-muted);margin:10px 0}#defi-app .df-state{white-space:nowrap;border:1px solid #506738;border-radius:30px;padding:6px 11px;color:var(--df-accent);font-size:11px}#defi-app .df-state[data-state=error]{color:#ff9090;border-color:#633838}#defi-app .df-state[data-state=paused],#defi-app .df-state[data-state=stale]{color:#e0b866;border-color:#675738}#defi-app .df-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:24px 0 14px;padding:18px;background:var(--df-panel);border:1px solid var(--df-line);border-radius:10px}#defi-app label{display:block;color:#c3d3db;font-size:12px}#defi-app input:not([type=checkbox]),#defi-app select{display:block;width:100%;padding:11px 10px;border:1px solid #394b58;border-radius:6px;margin-top:7px;background:#0b131b;color:#eef4f5;font:inherit;min-width:0}#defi-app input:focus,#defi-app select:focus,#defi-app button:focus-visible{outline:2px solid var(--df-accent);outline-offset:3px}#defi-app .df-actions{grid-column:1/-1;display:flex;gap:9px;flex-wrap:wrap;margin-top:4px}#defi-app button{font:700 12px/1.3 Inter,system-ui,sans-serif;padding:11px 15px;border-radius:6px;border:1px solid #3b4c58;background:#1a2934;color:#edf4f7;cursor:pointer}#defi-app button.df-primary{background:var(--df-accent);color:#132008;border-color:var(--df-accent)}#defi-app button:disabled{opacity:.45;cursor:default}#defi-app .df-connection{padding:12px 0;font-size:13px}#defi-app .df-age{font-family:ui-monospace,monospace;font-size:11px;overflow-wrap:anywhere}#defi-app .df-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:22px 0}#defi-app .df-metrics article{padding:16px;border:1px solid var(--df-line);border-radius:8px;background:var(--df-panel)}#defi-app .df-metrics span{display:block;color:var(--df-muted);font-size:11px}#defi-app .df-metrics strong{display:block;font-size:24px;letter-spacing:-.04em;margin-top:5px;overflow-wrap:anywhere}#defi-app .df-metrics small{font-size:11px;margin-left:6px;color:var(--df-muted);letter-spacing:0}#defi-app .df-chart{margin:20px 0;border:1px solid var(--df-line);border-radius:10px;padding:18px;background:linear-gradient(150deg,#13232c,#0c141b);overflow:auto}#defi-app figcaption{font-size:13px;font-weight:700;margin-bottom:15px}#defi-app svg{display:block;width:100%;min-width:520px;height:auto;max-height:660px}#defi-app svg text{fill:#adc1cb;font:10px ui-monospace,monospace}#defi-app .df-axis{stroke:#344b57;stroke-width:1}#defi-app .df-bar{fill:#aaf166}#defi-app .df-negative{fill:#fc8981}#defi-app .df-line{stroke:#8ed7f8;stroke-width:2.3;vector-effect:non-scaling-stroke}#defi-app .df-point{fill:#8ed7f8;opacity:.6}#defi-app .df-point:hover{fill:#fff;opacity:1;r:5}#defi-app .df-chart p{font-size:11px}#defi-app .df-table-scroll{max-height:660px;overflow:auto;border:1px solid var(--df-line);border-radius:8px;margin:20px 0}#defi-app table{width:100%;border-collapse:collapse;font:12px/1.45 ui-monospace,monospace;text-align:left}#defi-app th{position:sticky;top:0;background:#1b2a34;color:#c1d4df;z-index:1;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}#defi-app td,#defi-app th{padding:12px;min-width:100px;border-bottom:1px solid #263843;vertical-align:top}#defi-app td{max-width:320px;overflow-wrap:anywhere}#defi-app td:first-child,#defi-app th:first-child{min-width:50px}#defi-app tr:nth-child(even){background:#101c25}#defi-app input[type=checkbox]{accent-color:var(--df-accent)}#defi-app .df-method{background:var(--df-panel);padding:22px;border:1px solid var(--df-line);border-radius:10px;margin-top:20px;font-size:12px}#defi-app a{color:#b3e3f9;text-decoration:underline;text-underline-offset:3px}#defi-app .df-method li{margin:7px 0;overflow-wrap:anywhere}#defi-app .df-empty{padding:30px;text-align:center;border:1px dashed #344b57;border-radius:10px;margin:22px 0}#defi-app .df-privacy{font-size:11px;margin-top:20px}#defi-app .df-compare{padding:18px;border:1px solid var(--df-line);border-radius:8px}#defi-app .df-compare p{font-size:12px}#defi-app .df-compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}#defi-app .df-compare article{background:var(--df-panel);padding:14px;border-radius:6px;min-width:0}#defi-app h4{margin:0 0 10px;font-size:14px}#defi-app dl{margin:0;font-size:11px}#defi-app dl div{padding:6px 0;border-top:1px solid var(--df-line)}#defi-app dt{color:var(--df-muted)}#defi-app dd{margin:3px 0;color:#eff6f8;overflow-wrap:anywhere}@media(max-width:600px){#defi-app .df-shell{padding:14px}#defi-app .df-heading{display:block}#defi-app .df-state{display:inline-block;margin-top:9px}#defi-app h2{font-size:23px}#defi-app .df-controls{padding:12px;grid-template-columns:1fr}#defi-app .df-actions{gap:8px}#defi-app button{flex-grow:1}#defi-app .df-chart{padding:12px}#defi-app .df-metrics{grid-template-columns:1fr 1fr}#defi-app .df-metrics strong{font-size:21px}}
