.activity-heatmap-preview{display:grid;width:100%;height:100%;min-height:0;place-items:center;place-content:center}.activity-heatmap{display:grid;inline-size:220px;max-inline-size:100%;grid-gap:8px;gap:8px;margin:0;padding:12px;border:1px solid rgba(148,163,184,.2);border-radius:12px;background:transparent;box-shadow:none}.activity-heatmap__caption{display:grid;grid-template-columns:1fr auto;align-items:end;grid-gap:2px 12px;gap:2px 12px;color:rgba(203,213,225,.78);font-size:.56rem;line-height:1.2}.activity-heatmap__caption span{grid-column:1/-1;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.activity-heatmap__caption strong{color:var(--foreground);font-size:.82rem}.activity-heatmap__caption em{color:color-mix(in srgb,var(--activity-heatmap-accent) 72%,white);font-style:normal;font-weight:850}.activity-heatmap__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:4px;gap:4px}.activity-heatmap__cell,.activity-heatmap__legend i{display:block;position:relative;aspect-ratio:1;border-radius:4px;background:var(--activity-heatmap-level-0);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.activity-heatmap__cell[data-level="1"],.activity-heatmap__legend i[data-level="1"]{background:var(--activity-heatmap-level-1)}.activity-heatmap__cell[data-level="2"],.activity-heatmap__legend i[data-level="2"]{background:var(--activity-heatmap-level-2)}.activity-heatmap__cell[data-level="3"],.activity-heatmap__legend i[data-level="3"]{background:var(--activity-heatmap-level-3)}.activity-heatmap__cell[data-level="4"],.activity-heatmap__legend i[data-level="4"]{background:var(--activity-heatmap-level-4)}.activity-heatmap__cell--today{z-index:1}.activity-heatmap__cell--today:after,.activity-heatmap__cell--today:before{content:"";position:absolute;border-radius:inherit;pointer-events:none}.activity-heatmap--outline .activity-heatmap__cell--today:before{inset:-3px;border:2px solid var(--activity-heatmap-accent);animation:activityHeatmapOutlineRing var(--activity-heatmap-duration,2.2s) ease-in-out infinite}.activity-heatmap--outline .activity-heatmap__cell--today:after{content:none}.activity-heatmap--inner .activity-heatmap__cell--today:before{inset:2px;background:radial-gradient(circle,rgba(255,255,255,.78),var(--activity-heatmap-accent-soft) 52%,transparent 76%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--activity-heatmap-accent) 64%,white),inset 0 0 12px color-mix(in srgb,var(--activity-heatmap-accent) 48%,transparent);animation:activityHeatmapInnerGlow var(--activity-heatmap-duration,2.2s) ease-in-out infinite}.activity-heatmap--inner .activity-heatmap__cell--today:after{content:none}.activity-heatmap--halo .activity-heatmap__cell--today:before{inset:-6px;background:var(--activity-heatmap-accent-soft);animation:activityHeatmapShadowHalo var(--activity-heatmap-duration,2.2s) ease-in-out infinite}.activity-heatmap--halo .activity-heatmap__cell--today:after{inset:-2px;border:1px solid color-mix(in srgb,var(--activity-heatmap-accent) 72%,white);opacity:.82}.activity-heatmap__legend{display:flex;align-items:center;justify-content:flex-end;gap:5px;color:rgba(203,213,225,.66);font-size:.62rem;font-weight:700}.activity-heatmap__legend i{width:10px}.pattern-preview--inspector .activity-heatmap{inline-size:260px;padding:16px;gap:11px}.pattern-preview--inspector .activity-heatmap__grid{gap:5px}.pattern-preview--inspector .activity-heatmap__caption{font-size:.78rem}.pattern-preview--inspector .activity-heatmap__caption strong{font-size:1.2rem}@keyframes activityHeatmapOutlineRing{0%,to{opacity:.45;transform:scale(.94);box-shadow:none}50%{opacity:1;transform:scale(var(--activity-heatmap-ring-scale,1.28));box-shadow:0 0 var(--activity-heatmap-shadow-size,22px) var(--activity-heatmap-accent-soft)}}@keyframes activityHeatmapInnerGlow{0%,to{opacity:.26;transform:scale(.68);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--activity-heatmap-accent) 34%,white),inset 0 0 4px color-mix(in srgb,var(--activity-heatmap-accent) 24%,transparent)}50%{opacity:1;transform:scale(var(--activity-heatmap-core-scale,1.14));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--activity-heatmap-accent) 78%,white),inset 0 0 14px color-mix(in srgb,var(--activity-heatmap-accent) 62%,transparent),0 0 12px var(--activity-heatmap-accent-soft)}}@keyframes activityHeatmapShadowHalo{0%,to{opacity:.28;transform:scale(.9);box-shadow:none}50%{opacity:.82;transform:scale(var(--activity-heatmap-ring-scale,1.28));box-shadow:0 0 var(--activity-heatmap-shadow-size,22px) var(--activity-heatmap-accent-soft)}}@media (prefers-reduced-motion:reduce){.activity-heatmap__cell--today:after,.activity-heatmap__cell--today:before{animation:none;opacity:1;transform:none}}