.profile-activity{--activity-empty:#d4d4d8;--activity-active:#8b5cf6;position:relative;margin:0 0 16px;padding:15px 18px;border:1px solid var(--line,#d4d4d8);border-radius:12px;background:var(--surface,rgba(255,255,255,.04));min-width:0}
html[data-theme="dark"] .profile-activity{--activity-empty:#3f3f46;--activity-active:#a78bfa}
.profile-activity-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px 14px;margin-bottom:12px}
.profile-activity h2{font-size:15px;line-height:1.7;margin:0;color:var(--text)}
.profile-activity-summary,.profile-activity-status,.profile-activity-legend{font-size:12px;line-height:1.7;color:var(--muted)}
.profile-activity-grid{display:grid;grid-template-columns:repeat(53,minmax(0,1fr));grid-template-rows:repeat(7,auto);grid-auto-flow:column;gap:clamp(1px,.25vw,4px);direction:ltr;max-width:850px;margin-inline:auto}
.profile-activity-day{display:block;appearance:none;width:100%;min-width:0;aspect-ratio:1;padding:0;border:0;border-radius:2px;background:var(--activity-empty);cursor:help;box-shadow:none}
.profile-activity-day[data-active="true"]{background:var(--activity-active)}
.profile-activity-day:focus-visible{outline:2px solid var(--text);outline-offset:2px;position:relative;z-index:1}
.profile-activity-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;margin-top:10px;min-height:20px}
.profile-activity-legend{display:flex;gap:6px;align-items:center}
.profile-activity-swatch{width:9px;height:9px;display:inline-block;border-radius:2px;background:var(--activity-empty)}
.profile-activity-swatch.is-active{background:var(--activity-active);margin-inline-start:6px}
.profile-activity-retry{border:0;background:none;color:var(--cyan,#3b82f6);font:inherit;font-size:12px;text-decoration:underline;cursor:pointer;padding:0}
.profile-activity-tooltip{position:absolute;z-index:5;inset-inline:14px;bottom:8px;width:max-content;max-width:calc(100% - 28px);padding:5px 9px;border-radius:6px;border:1px solid var(--line);background:var(--bg2,#fff);color:var(--text);font-size:12px;line-height:1.5;pointer-events:none;box-shadow:0 3px 12px #0002}
.profile-activity-tooltip[hidden],.profile-activity[hidden],.profile-activity-retry[hidden]{display:none}
@media(max-width:600px){.profile-activity{padding:12px 10px;margin-bottom:12px}.profile-activity h2{font-size:14px}.profile-activity-heading{margin-bottom:8px}.profile-activity-summary,.profile-activity-status,.profile-activity-legend{font-size:11px}.profile-activity-grid{gap:2px}.profile-activity-bottom{gap:4px 8px}.profile-activity-day{border-radius:1px}}