:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{color:#111827;background:#fff;margin:0;font-family:system-ui,-apple-system,sans-serif}.app{max-width:1000px;margin:0 auto;padding:24px 16px 48px}.app-header h1{margin:0 0 4px;font-size:1.6rem}.subtitle{color:#6b7280;margin:0 0 20px;font-size:.9rem}.tabs{gap:8px;margin-bottom:16px;display:flex}.tabs button{cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:8px;padding:8px 16px;font-size:.95rem}.tabs button.active{color:#fff;background:#111827;border-color:#111827}.chart{height:520px}.empty{color:#6b7280;line-height:1.6}.empty code{background:#f3f4f6;border-radius:4px;padding:2px 6px}.legend{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.legend button{cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.85rem;display:inline-flex}.legend .swatch{border-radius:50%;width:12px;height:12px;display:inline-block}.chart-tooltip{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:4px;padding:6px 10px;font-size:.85rem;display:flex;box-shadow:0 2px 10px #0000001f}.chart-tooltip-row{white-space:nowrap;align-items:center;gap:6px;display:flex}.chart-swatch{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}@media (width<=640px){.app{padding:16px 12px 28px}.app-header h1{font-size:1.35rem}.subtitle{margin-bottom:16px;font-size:.8rem}.tabs{gap:6px}.tabs button{flex:1;padding:10px 8px}.chart{height:460px}.legend{gap:6px}.legend button{padding:7px 11px;font-size:.8rem}}