.chart-card.svelte-c9g6v9{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden}.chart-header.svelte-c9g6v9{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px}.chart-label.svelte-c9g6v9{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.period-row.svelte-c9g6v9{display:flex;gap:2px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0}.period-row.svelte-c9g6v9::-webkit-scrollbar{display:none}.period-btn.svelte-c9g6v9{padding:0 7px;height:26px;font-size:11px;font-weight:500;border-radius:6px;border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:color .15s ease,background .15s ease;font-family:inherit;flex-shrink:0}@media (min-width: 480px){.period-btn.svelte-c9g6v9{padding:0 10px;height:28px;font-size:12px}}.period-btn.svelte-c9g6v9:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.period-btn.active.svelte-c9g6v9{background:var(--color-accent-surface);color:var(--color-accent-bright)}.chart-area.svelte-c9g6v9{position:relative;height:220px}@media (min-width: 640px){.chart-area.svelte-c9g6v9{height:260px}}@media (min-width: 1024px){.chart-area.svelte-c9g6v9{height:320px}}.chart-canvas.svelte-c9g6v9{width:100%;height:100%}.chart-shimmer.svelte-c9g6v9{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--color-surface-2, #111113) 25%,var(--color-surface-3, #1a1a1e) 50%,var(--color-surface-2, #111113) 75%);background-size:400px 100%;animation:svelte-c9g6v9-shimmer 1.4s ease-in-out infinite;z-index:1;pointer-events:none}@keyframes svelte-c9g6v9-shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.chart-tooltip.svelte-c9g6v9{position:absolute;top:8px;left:8px;z-index:10;display:flex;flex-direction:column;gap:2px;background:#111113d1;-webkit-backdrop-filter:blur(8px) saturate(160%);backdrop-filter:blur(8px) saturate(160%);border:1px solid var(--color-border-subtle);border-radius:8px;padding:6px 8px;pointer-events:none;min-width:100px}.tooltip-time.svelte-c9g6v9{font-size:10px;font-weight:600;color:#ebebf566;margin-bottom:2px;letter-spacing:.02em}.tooltip-row.svelte-c9g6v9{display:flex;align-items:center;gap:4px;font-size:11px;font-variant-numeric:tabular-nums;color:#ebebf5d9;font-family:JetBrains Mono,Fira Mono,monospace}.tooltip-lbl.svelte-c9g6v9{width:12px;font-size:10px;color:#ebebf559;font-family:inherit}.chart-history-loader.svelte-c9g6v9{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:8;display:inline-flex;align-items:center;gap:6px;background:#111113d1;-webkit-backdrop-filter:blur(8px) saturate(160%);backdrop-filter:blur(8px) saturate(160%);border:1px solid var(--color-border-subtle);border-radius:999px;padding:4px 10px;font-size:11px;color:#ebebf5b3;pointer-events:none}.chart-history-spinner.svelte-c9g6v9{width:10px;height:10px;border:1.5px solid rgba(94,92,230,.25);border-top-color:var(--color-accent, #5e5ce6);border-radius:50%;animation:svelte-c9g6v9-spin .8s linear infinite}.chart-overlay.svelte-c9g6v9{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;background:color-mix(in srgb,var(--color-bg-elevated) 65%,transparent);z-index:5}.chart-overlay--column.svelte-c9g6v9{flex-direction:column;gap:8px;pointer-events:auto;padding:0 16px}.chart-spinner.svelte-c9g6v9{width:20px;height:20px;border:2px solid var(--color-accent-surface);border-top-color:var(--color-accent);border-radius:50%;animation:svelte-c9g6v9-spin .8s linear infinite}.chart-empty.svelte-c9g6v9{font-size:13px;color:var(--color-text-tertiary);text-align:center}.chart-actions.svelte-c9g6v9{display:flex;align-items:center;gap:8px}.chart-action-btn.svelte-c9g6v9{display:inline-flex;align-items:center;height:32px;border-radius:8px;border:1px solid var(--color-border);background:transparent;padding:0 10px;font-size:12px;color:var(--color-text-secondary);cursor:pointer;text-decoration:none;font-family:inherit;transition:color .15s ease,border-color .15s ease}.chart-action-btn.svelte-c9g6v9:hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}@keyframes svelte-c9g6v9-spin{to{transform:rotate(360deg)}}