:root {
  --cip-line: var(--blue);
  --cip-token-line: oklch(0.82 0.14 55);
  --cip-asset-0: oklch(0.78 0.15 210);
  --cip-asset-1: oklch(0.78 0.17 65);
  --cip-asset-2: oklch(0.72 0.17 265);
  --cip-asset-3: oklch(0.79 0.18 345);
  --cip-asset-4: oklch(0.8 0.16 155);
  --cip-asset-5: oklch(0.75 0.18 25);
  --cip-asset-6: oklch(0.73 0.16 300);
  --cip-asset-7: oklch(0.85 0.13 95);
  --cip-asset-8: oklch(0.75 0.12 185);
  --cip-asset-9: oklch(0.84 0.1 240);
  --cip-asset-10: oklch(0.85 0.16 125);
  --cip-asset-11: oklch(0.68 0.17 325);
  --cip-asset-12: oklch(0.65 0.12 225);
  --cip-asset-13: oklch(0.87 0.09 45);
  --cip-asset-14: oklch(0.66 0.14 145);
  --cip-asset-15: oklch(0.78 0.11 285);
  --cip-asset-16: oklch(0.7 0.13 80);
  --cip-asset-17: oklch(0.86 0.1 175);
  --cip-asset-18: oklch(0.67 0.2 15);
  --cip-asset-19: oklch(0.86 0.11 315);
  --cip-asset-20: oklch(0.64 0.15 255);
  --cip-asset-21: oklch(0.9 0.08 200);
}
html[data-theme="light"] { --cip-line: oklch(0.57 0.15 120); }
.ix-chart-tools { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin:16px 0; }
.ix-picker { position:relative; }
.ix-picker summary { list-style:none; cursor:pointer; border:1px solid var(--line2); border-radius:6px; background:var(--panel); padding:8px 12px; font-size:12px; }
.ix-picker summary::-webkit-details-marker { display:none; }
.ix-picker[open] summary { border-color:var(--blue); }
.ix-picker-menu { position:absolute; top:calc(100% + 6px); left:0; width:min(330px, calc(100vw - 50px)); padding:12px; background:var(--panel); border:1px solid var(--line2); border-radius:8px; z-index:12; }
.ix-picker-menu input[type="search"] { width:100%; background:var(--bg); color:var(--ink); border:1px solid var(--line2); border-radius:4px; padding:8px; margin-bottom:10px; }
.ix-picker-list { max-height:280px; overflow:auto; }
.ix-picker-list label { display:flex; gap:8px; align-items:center; padding:9px 4px; font-size:12px; cursor:pointer; }
.ix-picker-list label[hidden] { display:none; }
.ix-picker-list label:has(input:disabled) { opacity:.55; cursor:default; }
.ix-picker-list input { accent-color:var(--blue); }
.ix-picker-list small { margin-left:auto; color:var(--ink3); font-size:10px; }
.ix-swatch { width:8px; height:8px; display:inline-block; background:var(--asset-color, var(--cip-line)); border-radius:50%; flex:none; }
.ix-chart .ix-legend { margin:14px 0; gap:6px; }
.ix-chart .ix-legend button { display:flex; align-items:center; gap:6px; background:var(--panel); color:var(--ink2); border:1px solid var(--line2); border-radius:4px; padding:6px 9px; font:11px var(--mono); cursor:pointer; }
.ix-chart .ix-legend button[aria-pressed="false"] { opacity:.45; }
.ix-chart .ix-legend button:hover { border-color:var(--asset-color); }
.ix-plot { position:relative; min-height:280px; }
.ix-plot svg { touch-action:pan-y; cursor:crosshair; outline-offset:3px; }
.ix-plot svg:focus-visible { outline:2px solid var(--blue); }
.ix-chart .ix-plot svg { min-height:0; }
.ix-tooltip { position:absolute; top:20px; right:15px; max-width:240px; pointer-events:none; background:var(--panel); color:var(--ink); border:1px solid var(--line2); border-radius:6px; padding:12px; font:11px var(--mono); z-index:3; }
.ix-tooltip b { display:block; margin-bottom:8px; }
.ix-tooltip-row { display:flex; gap:8px; justify-content:space-between; align-items:center; margin:6px 0; }
.ix-tooltip-row small { color:var(--ink3); }
.ix-asset h4 { display:flex; gap:8px; align-items:center; }
.ix-asset .ix-meter i { background:var(--asset-color, var(--blue)); }
.ix-asset .ix-links { flex-wrap:wrap; }
.ix-asset .ix-links button { background:none; border:0; color:var(--asset-color, var(--blue)); font-size:11px; padding:0; cursor:pointer; }
.ix-asset .ix-links button:disabled { color:var(--ink3); cursor:default; }
.ix-filter { display:flex; gap:8px; align-items:center; font:11px var(--mono); color:var(--ink3); }
.ix-filter select { background:var(--panel); color:var(--ink); border:1px solid var(--line2); border-radius:6px; padding:8px; }
@media(max-width:650px) { .ix-plot { min-height:190px; } .ix-tooltip { top:0; right:0; font-size:10px; padding:8px; max-width:170px; } }
#ixBody .ix-summary { gap:0; border-block:1px solid var(--line); padding:18px 0; }
#ixBody .ix-stat { background:none; border:0; border-radius:0; padding:0 20px; border-right:1px solid var(--line); }
#ixBody .ix-stat:first-child { padding-left:0; }
#ixBody .ix-stat:last-child { border-right:0; }
#ixBody .ix-stat b { font-size:22px; font-variant-numeric:tabular-nums; }
#ixBody .ix-stat b small { font-size:10px; margin:8px 0 0; line-height:1.5; text-transform:none; font-weight:400; }
#ixBody .ix-chart-title { font-size:18px; margin:6px 0; font-weight:600; }
#ixBody .ix-chart { border-top:0; padding-top:8px; }
#ixBody .ix-chart-tools { margin:10px 0; }
#ixBody .ix-picker-menu .ix-filter { margin:12px 0; }
#ixBody .ix-legend button { background:none; border:0; padding:4px 10px 4px 0; }
#ixBody .ix-analytics { border-top:1px solid var(--line); margin-top:18px; }
#ixBody .ix-notice { border-left:0; padding:8px 0; color:var(--ink3); font-size:11px; }
#ixBody .ix-stat small { letter-spacing:0; }
@media(max-width:650px) { #ixBody .ix-summary { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 0; } #ixBody .ix-stat { padding:0 10px; } #ixBody .ix-stat:nth-child(odd) { padding-left:0; } #ixBody .ix-stat b { font-size:19px; } #ixBody .ix-stat:last-child { grid-column:1/-1; border-right:0; } }