/* Yearly GitHub-style problem-solving contribution calendar. */
.activity-heading{max-width:850px}
.activity-summary{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:14px;color:var(--muted);font-size:14px}
.activity-summary strong{font:700 18px var(--display);color:var(--ink)}
.activity-panel{max-width:1000px;margin-top:24px;padding:18px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 88%,transparent)}
.activity-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}
.activity-panel-head strong{font:700 17px var(--display)}
.activity-panel-head span{font:12px var(--mono);color:var(--muted)}
.activity-scroll{overflow-x:auto;padding:2px 0 8px}
.activity-layout{display:flex;gap:8px;width:max-content;min-width:100%}
.activity-days{display:grid;grid-template-rows:repeat(7,12px);gap:4px;margin-top:22px;color:var(--muted);font:10px/12px var(--mono)}
.activity-calendar{--activity-cell:12px;--activity-gap:4px}
.activity-months,.activity-grid{display:grid;grid-template-columns:repeat(var(--activity-weeks),var(--activity-cell));column-gap:var(--activity-gap)}
.activity-months{height:16px;font:10px/14px var(--mono);color:var(--muted)}
.activity-months span{white-space:nowrap}
.activity-grid{grid-template-rows:repeat(7,var(--activity-cell));row-gap:var(--activity-gap)}
.activity-cell{width:var(--activity-cell);height:var(--activity-cell);border-radius:3px;background:var(--activity-empty);outline:1px solid color-mix(in srgb,var(--line) 55%,transparent);outline-offset:-1px}
.activity-cell.outside{visibility:hidden}
.activity-cell[data-level="1"]{background:var(--activity-1)}
.activity-cell[data-level="2"]{background:var(--activity-2)}
.activity-cell[data-level="3"]{background:var(--activity-3)}
.activity-cell[data-level="4"]{background:var(--activity-4)}
.activity-legend{display:flex;align-items:center;gap:5px;justify-content:flex-end;margin-top:6px;color:var(--muted);font:10px var(--mono)}
.activity-legend i{width:12px;height:12px;border-radius:3px;background:var(--activity-empty);outline:1px solid color-mix(in srgb,var(--line) 55%,transparent);outline-offset:-1px}
.activity-legend i[data-level="1"]{background:var(--activity-1)}
.activity-legend i[data-level="2"]{background:var(--activity-2)}
.activity-legend i[data-level="3"]{background:var(--activity-3)}
.activity-legend i[data-level="4"]{background:var(--activity-4)}
.activity-footnote{margin:14px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
:root{--activity-empty:#24211e;--activity-1:#0e4429;--activity-2:#006d32;--activity-3:#26a641;--activity-4:#39d353}
:root[data-theme="light"]{--activity-empty:#ebedf0;--activity-1:#9be9a8;--activity-2:#40c463;--activity-3:#30a14e;--activity-4:#216e39}
@media(max-width:560px){.activity-panel{padding:14px}.activity-calendar{--activity-cell:11px;--activity-gap:3px}}

/* Compact enough to show the entire year inside the account panel. */
.account-dialog{max-height:calc(100vh - 28px);overflow-y:auto}
.account-activity{margin:0;padding:14px}
.account-activity .activity-panel-head{margin-bottom:8px}
.account-activity .activity-summary{margin:0 0 10px;font-size:12px}
.account-activity .activity-summary strong{font-size:14px}
.account-activity .activity-layout{gap:6px;width:max-content;min-width:0}
.account-activity .activity-days{grid-template-rows:repeat(7,7px);gap:2px;margin-top:18px;font-size:8px;line-height:7px}
.account-activity .activity-calendar{--activity-cell:7px;--activity-gap:2px}
.account-activity .activity-months{height:13px;font-size:8px;line-height:11px}
.account-activity .activity-footnote{margin-top:8px;font-size:10px}
.account-activity .activity-legend{gap:4px;font-size:9px}
.account-activity .activity-legend i{width:9px;height:9px}
@media(max-width:480px){.account-activity{padding:11px}.account-activity .activity-calendar{--activity-cell:6px;--activity-gap:2px}.account-activity .activity-days{grid-template-rows:repeat(7,6px);font-size:7px;line-height:6px}}