2 files changed, 179 insertions, 0 deletions

diff --git a/assets/css/main.css b/assets/css/main.css
index 3aafd4f..2455103 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1923,3 +1923,73 @@ html.theme-light .prose-invert .cta-block a {
   vertical-align: -0.1em;
   margin: 0;
 }
+
+/* ============================================================
+   Contribution Graph Widget
+   ============================================================ */
+
+.contrib-graph-wrap {
+  overflow-x: auto;
+}
+
+.contrib-month-row {
+  display: grid;
+  grid-auto-flow: column;
+  gap: var(--contrib-gap, 2px);
+  margin-bottom: 2px;
+  width: fit-content;
+  min-width: 100%;
+}
+
+.contrib-month-label {
+  font-size: 0.55rem;
+  color: var(--text-dim);
+  font-family: monospace;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.contrib-grid {
+  display: grid;
+  grid-template-rows: repeat(7, var(--contrib-cell-size, 8px));
+  grid-auto-flow: column;
+  gap: var(--contrib-gap, 2px);
+  width: fit-content;
+}
+
+.contrib-cell {
+  width: var(--contrib-cell-size, 8px);
+  height: var(--contrib-cell-size, 8px);
+  border-radius: 1px;
+  background: var(--border);
+  cursor: default;
+}
+
+.contrib-tooltip {
+  position: fixed;
+  background: var(--bg2);
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  padding: 5px 8px;
+  font-size: 0.65rem;
+  line-height: 1.5;
+  color: var(--text);
+  font-family: monospace;
+  pointer-events: none;
+  z-index: 50;
+  white-space: nowrap;
+  display: none;
+}
+
+.contrib-tooltip.visible {
+  display: block;
+}
+
+.contrib-summary {
+  text-align: center;
+  font-size: 0.65rem;
+  color: var(--text-dim);
+  margin-top: 6px;
+  font-family: monospace;
+  display: block;
+}
diff --git a/assets/css/main.min.css b/assets/css/main.min.css
index 0495346..056f17d 100644
--- a/assets/css/main.min.css
+++ b/assets/css/main.min.css
@@ -2120,6 +2120,10 @@ article.border.border-border\/30.rounded-lg.overflow-hidden.group.menu-overlay {
   opacity: 1;
 }
 
+.contrib-tooltip.menu-overlay.active {
+  display: block;
+}
+
 /* Breadcrumb navigation */
 
 .breadcrumb {
@@ -2491,6 +2495,10 @@ article.border.border-border\/30.rounded-lg.overflow-hidden.group.menu-overlay {
   display: inline-flex;
 }
 
+.\!grid {
+  display: grid !important;
+}
+
 .grid {
   display: grid;
 }
@@ -3854,6 +3862,10 @@ select:focus-visible {
   opacity: 1;
 }
 
+.contrib-tooltip.modal-backdrop.active {
+  display: block;
+}
+
 /* Modal container */
 
 .modal {
@@ -3875,12 +3887,26 @@ select:focus-visible {
 .modal.active {
   visibility: visible;
   opacity: 1;
+}
+
+.contrib-tooltip.modal.active {
+  display: block;
+}
+
+.modal.active {
   pointer-events: auto;
 }
 
 .modal.active .modal-backdrop {
   visibility: visible;
   opacity: 1;
+}
+
+.contrib-tooltip.modal.active .modal-backdrop {
+  display: block;
+}
+
+.modal.active .modal-backdrop {
   pointer-events: auto;
 }
 
@@ -4318,6 +4344,10 @@ article.toast.border-border\/30.rounded-lg.overflow-hidden.group.bg-bg {
   opacity: 1;
 }
 
+.contrib-tooltip.tooltip:hover .tooltip-text {
+  display: block;
+}
+
 .tooltip-text::after {
   content: '';
   position: absolute;
@@ -4594,6 +4624,13 @@ html.theme-light .cta-block {
   box-shadow: none;
 }
 
+/* Beat html.theme-light .prose-invert a { color: var(--accent) } which ignores not-prose */
+
+html.theme-light .prose .cta-block a,
+html.theme-light .prose-invert .cta-block a {
+  color: var(--on-accent);
+}
+
 /* Motion Safety - Respect prefers-reduced-motion */
 
 @media (prefers-reduced-motion: reduce) {
@@ -4624,6 +4661,78 @@ html.theme-light .cta-block {
   margin: 0;
 }
 
+/* ============================================================
+   Contribution Graph Widget
+   ============================================================ */
+
+.contrib-graph-wrap {
+  overflow-x: auto;
+}
+
+.contrib-month-row {
+  display: grid;
+  grid-auto-flow: column;
+  gap: var(--contrib-gap, 2px);
+  margin-bottom: 2px;
+  width: -moz-fit-content;
+  width: fit-content;
+  min-width: 100%;
+}
+
+.contrib-month-label {
+  font-size: 0.55rem;
+  color: var(--text-dim);
+  font-family: monospace;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.contrib-grid {
+  display: grid;
+  grid-template-rows: repeat(7, var(--contrib-cell-size, 8px));
+  grid-auto-flow: column;
+  gap: var(--contrib-gap, 2px);
+  width: -moz-fit-content;
+  width: fit-content;
+}
+
+.contrib-cell {
+  width: var(--contrib-cell-size, 8px);
+  height: var(--contrib-cell-size, 8px);
+  border-radius: 1px;
+  background: var(--border);
+  cursor: default;
+}
+
+.contrib-tooltip {
+  position: fixed;
+  background: var(--bg2);
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  padding: 5px 8px;
+  font-size: 0.65rem;
+  line-height: 1.5;
+  color: var(--text);
+  font-family: monospace;
+  pointer-events: none;
+  z-index: 50;
+  white-space: nowrap;
+  display: none;
+}
+
+.contrib-tooltip.visible {
+  display: block;
+}
+
+.contrib-summary {
+  text-align: center;
+  font-size: 0.65rem;
+  color: var(--text-dim);
+  margin-top: 6px;
+  font-family: monospace;
+  display: block;
+}
+
 .hover\:bg-surface:hover {
   background-color: var(--surface);
 }