.stats-panel{border:1px solid var(--line);background:var(--surface);border-radius:16px;gap:12px;padding:16px 18px;display:grid}.stats-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.stats-tiles dt{color:var(--muted);font:700 .6rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:6px;display:flex}.stats-tiles dt svg{width:13px;height:13px}.stats-tiles dd{font:700 1.5rem/1 var(--font-mono);font-variant-numeric:tabular-nums;margin:6px 0 2px}.stats-tiles small{color:var(--muted);align-items:center;gap:4px;font-size:.76rem;display:inline-flex}.stats-tiles small svg{width:11px;height:11px}.stats-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.stats-ranges{border:1px solid var(--line);background:var(--paper);border-radius:9px;gap:2px;padding:3px;display:inline-flex}.stats-ranges button{color:var(--muted);font:700 .68rem/1.2 var(--font-mono);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 9px}.stats-ranges button.on{background:var(--ink);color:var(--paper)}.stats-chart{height:170px;position:relative}.stats-chart svg{width:100%;height:100%;display:block;overflow:visible}.stats-grid{stroke:var(--line-2);stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.stats-axis{stroke:var(--line);vector-effect:non-scaling-stroke}.stats-area{fill:color-mix(in srgb, var(--blue) 14%, transparent)}.stats-line-v,.stats-line-c{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.stats-line-v{stroke:var(--blue)}.stats-line-c{stroke:var(--magenta);stroke-dasharray:0}.stats-cursor{stroke:var(--muted);stroke-dasharray:2 3;vector-effect:non-scaling-stroke}.stats-dot-v,.stats-dot-c{stroke:var(--surface);stroke-width:2px;vector-effect:non-scaling-stroke}.stats-dot-v{fill:var(--blue)}.stats-dot-c{fill:var(--magenta)}.stats-tick{fill:var(--muted);font:400 10px var(--font-mono)}.stats-tip{z-index:2;background:var(--panel);color:var(--panel-text);white-space:nowrap;pointer-events:none;box-shadow:var(--shadow);border-radius:9px;gap:3px;padding:8px 10px;font-size:.78rem;display:grid;position:absolute;top:0;transform:translate(-50%)}.stats-tip span{align-items:center;gap:6px;display:inline-flex}.stats-tip i,.stats-legend i{border-radius:3px;width:10px;height:10px}.stats-tip .v,.stats-legend .v{background:var(--blue)}.stats-tip .c,.stats-legend .c{background:var(--magenta)}.stats-legend{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin:0;font-size:.76rem;display:flex}.stats-legend span{align-items:center;gap:6px;display:inline-flex}.stats-recent{border-top:1px dashed var(--line);gap:8px;padding-top:12px;display:grid}.stats-recent-title{color:var(--muted);font:700 .6rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:6px;margin:0;display:flex}.stats-recent-title svg{width:13px;height:13px}.stats-recent ol{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.stats-recent li{background:var(--magenta-soft);color:var(--magenta);font:700 .7rem/1.2 var(--font-mono);border-radius:999px;padding:4px 9px}.stats-recent-empty{color:var(--muted);margin:0;font-size:.84rem}.stats-empty{color:var(--muted);text-align:center;pointer-events:none;place-items:center;margin:0;padding:0 16px;font-size:.84rem;display:grid;position:absolute;inset:0 0 18px}@media (max-width:560px){.stats-panel{gap:10px;padding:14px}.stats-tiles{gap:8px}.stats-tiles>div{background:var(--paper);border-radius:10px;min-width:0;padding:10px}.stats-tiles dt{letter-spacing:.08em;white-space:nowrap;gap:4px;font-size:.54rem}.stats-tiles dt svg{width:11px;height:11px}.stats-tiles dd{margin:6px 0 4px;font-size:1.2rem}.stats-tiles small{flex-wrap:wrap;gap:2px 4px;font-size:.68rem;line-height:1.3;display:flex}.stats-head{gap:8px}.stats-legend{font-size:.72rem}.stats-chart{height:130px}.stats-ticks{font-size:.62rem}.stats-recent li{font-size:.64rem}}.stats-chart svg{height:calc(100% - 18px)}.stats-ticks{color:var(--muted);font:400 .68rem/18px var(--font-mono);justify-content:space-between;display:flex}
