.kpi-card.svelte-1ck3pze{border:1px solid var(--streamer-stats-border-color);background:var(--streamer-stats-card-bg-color);border-radius:.5rem;padding:1.5rem;transition:box-shadow .16s}.kpi-card.svelte-1ck3pze:hover{box-shadow:0 4px 12px color-mix(in srgb, var(--streamer-stats-black) 5%, transparent)}.kpi-topline.svelte-1ck3pze,.kpi-topline.svelte-1ck3pze>div:where(.svelte-1ck3pze),.change-pill.svelte-1ck3pze,.badge-pill.svelte-1ck3pze{align-items:center;display:flex}.kpi-topline.svelte-1ck3pze{justify-content:space-between;gap:.75rem}.kpi-topline.svelte-1ck3pze>div:where(.svelte-1ck3pze){color:var(--streamer-stats-muted-fg-color);gap:.5rem;margin-bottom:.5rem}.kpi-topline.svelte-1ck3pze h4:where(.svelte-1ck3pze){letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.6875rem;font-weight:700;line-height:.875rem}.kpi-topline.svelte-1ck3pze .material-symbols-outlined{font-size:1rem;transition:color .16s}.kpi-card.svelte-1ck3pze:hover .kpi-topline:where(.svelte-1ck3pze)>div:where(.svelte-1ck3pze) .material-symbols-outlined{color:var(--streamer-stats-accent-color)}.change-pill.svelte-1ck3pze,.badge-pill.svelte-1ck3pze{border-radius:.25rem;gap:.125rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;line-height:.875rem}.change-pill.svelte-1ck3pze{background:color-mix(in srgb, var(--streamer-stats-tertiary-bg-color) 10%, transparent);color:var(--streamer-stats-tertiary-bg-color)}.badge-pill.svelte-1ck3pze{background:color-mix(in srgb, var(--streamer-stats-accent-color) 10%, transparent);color:var(--streamer-stats-accent-color);font-weight:700}.badge-pill.locked.svelte-1ck3pze{background:color-mix(in srgb, var(--streamer-stats-border-strong-color) 12%, transparent);color:var(--streamer-stats-border-strong-color)}.badge-pill.demo.svelte-1ck3pze{background:color-mix(in srgb, var(--streamer-stats-accent-color) 14%, transparent);color:var(--streamer-stats-accent-color)}.change-pill.down.svelte-1ck3pze{background:color-mix(in srgb, var(--streamer-stats-error-bg-color) 10%, transparent);color:var(--streamer-stats-error-bg-color)}.change-pill.neutral.svelte-1ck3pze{background:color-mix(in srgb, var(--streamer-stats-accent-color) 10%, transparent);color:var(--streamer-stats-accent-color)}.change-pill.svelte-1ck3pze .material-symbols-outlined,.badge-pill.svelte-1ck3pze .material-symbols-outlined{font-size:.875rem}.masked-value.svelte-1ck3pze{align-items:center;gap:.375rem;width:min(100%,8.5rem);height:2.5rem;display:flex}.masked-value.svelte-1ck3pze span:where(.svelte-1ck3pze){background:linear-gradient(90deg, var(--streamer-stats-view-high-bg-color), color-mix(in srgb, var(--streamer-stats-accent-color) 14%, var(--streamer-stats-view-high-bg-color)), var(--streamer-stats-view-high-bg-color));background-size:220% 100%;border-radius:.375rem;height:1.5rem;animation:2.2s ease-in-out infinite svelte-1ck3pze-shimmer;display:block}.masked-value.svelte-1ck3pze span:where(.svelte-1ck3pze):first-child{width:2rem}.masked-value.svelte-1ck3pze span:where(.svelte-1ck3pze):nth-child(2){width:2.5rem;animation-delay:.12s}.masked-value.svelte-1ck3pze span:where(.svelte-1ck3pze):nth-child(3){width:1.5rem;animation-delay:.24s}.kpi-value.svelte-1ck3pze{color:var(--streamer-stats-foreground);letter-spacing:-.01em;font-size:2rem;font-weight:700;line-height:2.5rem;display:block}.kpi-value.fit.svelte-1ck3pze{font-size:clamp(1.35rem,2.2vw,1.75rem);line-height:1.15}.kpi-card.svelte-1ck3pze p:where(.svelte-1ck3pze){color:var(--streamer-stats-muted-fg-color);margin:.55rem 0 0;font-size:.875rem;line-height:1.25rem}.sparkline.svelte-1ck3pze,.mini-bars.svelte-1ck3pze{background:var(--streamer-stats-view-bg-color);border-radius:.25rem;height:2rem;margin-top:1rem;overflow:hidden}.sparkline.muted.svelte-1ck3pze,.mini-bars.muted.svelte-1ck3pze{filter:blur(1.5px);opacity:.7}.sparkline.svelte-1ck3pze{position:relative}.sparkline.svelte-1ck3pze:before{background:color-mix(in srgb, var(--streamer-stats-accent-color) 30%, transparent);content:"";height:2px;position:absolute;bottom:0;left:0;right:0}.sparkline.svelte-1ck3pze svg:where(.svelte-1ck3pze){width:100%;height:100%;color:var(--streamer-stats-accent-color);position:absolute;inset:0}.sparkline.svelte-1ck3pze .area:where(.svelte-1ck3pze){fill:currentColor;opacity:.1}.sparkline.svelte-1ck3pze .line:where(.svelte-1ck3pze){fill:none;stroke:currentColor;stroke-width:2px}.sparkline.muted-chart.svelte-1ck3pze svg:where(.svelte-1ck3pze){color:var(--streamer-stats-border-strong-color)}.mini-bars.svelte-1ck3pze{background:0 0;align-items:end;gap:.25rem;display:flex}.mini-bars.svelte-1ck3pze span:where(.svelte-1ck3pze){background:var(--streamer-stats-accent-color);opacity:.25;border-radius:.25rem .25rem 0 0;width:100%}.mini-bars.svelte-1ck3pze span:where(.svelte-1ck3pze):nth-child(2),.mini-bars.svelte-1ck3pze span:where(.svelte-1ck3pze):nth-child(6){opacity:.55}.mini-bars.svelte-1ck3pze span:where(.svelte-1ck3pze):nth-child(4),.mini-bars.svelte-1ck3pze span:where(.svelte-1ck3pze):nth-child(5){opacity:1}@keyframes svelte-1ck3pze-shimmer{0%,to{background-position:100%}50%{background-position:0}}