:root {
  --color-calendar-graph-day-bg: rgb(13,13,14);
  --color-calendar-graph-day-L1-bg: #39dd34;
  --color-calendar-graph-day-L2-bg: #45a045;
  --color-calendar-graph-day-L3-bg: #047526;
  --color-calendar-graph-day-L4-bg: #0a4208;

  /* Glass system — must match style.css */
  --glass-bg:     rgba(255,255,255,0.018);
  --glass-blur:   blur(12px) saturate(120%);
  --glass-border: 1px solid rgba(255,255,255,0.10);
  --glass-shadow:
    0 8px 48px rgba(0,0,0,0.55),
    inset 0 1px 0 rgba(255,255,255,0.32),
    inset 0 -1px 0 rgba(0,0,0,0.28);
  /* Neutral dark header — no color filters to avoid blue tint */
  --glass-header-bg: rgba(6,6,6,0.88);
  --glass-nav-bg:  rgba(6,6,8,0.68);
}

.contrib-column {
  visibility: hidden!important;
  height: 0!important;
  padding: 0!important;
  font-size: 0!important;
}

.contrib-column a p {
  visibility: hidden!important;
  height: 0!important;
  padding: 0!important;
  font-size: 0!important;
  color: #ffffff00;
}

.table-column {
  visibility: hidden!important;
}

.ContributionCalendar-day[data-level='0'] {
  background-color: var(--color-calendar-graph-day-bg);
}

.ContributionCalendar-day[data-level='1'] {
  background-color: var(--color-calendar-graph-day-L1-bg);
}

.ContributionCalendar-day[data-level='2'] {
  background-color: var(--color-calendar-graph-day-L2-bg);
}

.ContributionCalendar-day[data-level='3'] {
  background-color: var(--color-calendar-graph-day-L3-bg);
}

.ContributionCalendar-day[data-level='4'] {
  background-color: var(--color-calendar-graph-day-L4-bg);
}

table.ContributionCalendar-grid {
  margin-bottom: 0;
  border-collapse: separate !important;
  border-spacing: 3px !important;
}

table.ContributionCalendar-grid td {
  padding: 0 !important;
}

table.ContributionCalendar-grid td.ContributionCalendar-day {
  border-radius: 3px !important;
  width: 10px !important;
  height: 10px !important;
}

table.ContributionCalendar-grid td span.sr-only {
  display: none;
}

td.ContributionCalendar-label span[aria-hidden='true'] {
  font-size: 8pt;
  left: -1pt;
}

.github {
  overflow: hidden!important;
  width: calc(350px + 5vw)!important;
  height: 200px;
  padding: 10px;
  overflow: auto;
}

.github tool-tip {
  display: none;
}

.calendar .width-full > .float-left {
  display: none;
}

.calendar a {
  visibility: hidden!important;
}

.calendar {
  border-radius: 10px!important;
  font-family: Helvetica, arial;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: 3px;
  text-align: center;
  padding: 15px;
  margin: 10px;
}

.graph-before-activity-overview {
  border: none!important;
}

.calendar-graph text.wday, .calendar-graph text.month {
  font-size: 10px;
  fill: #aaa;
}

.github div.px-md-5 {
  height: 2rem;
}

.github div.float-right {
  text-align: right;
  padding: 0 14px 10px 0;
  display: inline-block;
  float: right;
}

.github div.float-right div {
  display: inline-block;
  list-style: none;
  margin: 0 5px;
  position: relative;
  bottom: -1px;
  padding: 0;
}

.github div.float-right span.sr-only {
  display: none;
}

.contrib-legend .legend li {
  display: inline-block;
  width: 10px;
  height: 10px;
}

.text-small {
  font-size: 12px;
  color: #767676;
}

.calendar-graph {
  padding: 5px 0 0;
  text-align: center;
}

.contrib-column {
  height: 0!important;
  visibility: hidden!important;
  padding: 15px 0;
  text-align: center;
  border-left: 1px solid rgba(255,255,255,0.08);
  border-top: 1px solid rgba(255,255,255,0.08);
  font-size: 11px;
}

.contrib-column-first {
  border-left: 0;
}

.table-column {
  box-sizing: border-box;
  display: table-cell;
  width: 1%;
  padding-right: 10px;
  padding-left: 10px;
  vertical-align: top;
}

.contrib-number {
  font-weight: 300;
  line-height: 1.3em;
  font-size: 24px;
  display: block;
  color: #333;
}

.calendar img.spinner {
  width: 70px;
  margin-top: 50px;
  min-height: 70px;
}

.monospace {
  text-align: center;
  color: #000;
  font-family: monospace;
}

.monospace a {
  color: #1D75AB;
  text-decoration: none;
}

.contrib-footer {
  font-size: 11px;
  padding: 0 10px 12px;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
  height: 26px;
}

/* ── GitHub Calendar Grid – Dark Theme Overrides ── */

.cal-container {
  width: min(820px, 92vw);
  margin: 0.75rem auto 0.5rem;
  padding: 1rem 1.25rem;
  border-radius: 16px;
  background: var(--glass-bg);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  border: var(--glass-border);
  box-shadow: var(--glass-shadow);
  overflow: hidden;
}

.calendar {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  color: rgba(255,255,255,0.55) !important;
  font-size: 0.75rem;
  overflow: hidden;
}

.calendar svg,
.js-calendar-graph-svg {
  width: 100% !important;
  height: auto !important;
}

.js-yearly-contributions {
  overflow: hidden !important;
}

.js-calendar-graph > div:first-child {
  overflow: hidden !important;
}

.ContributionCalendar-grid {
  width: 100% !important;
  max-width: 100%;
}

/* Override light default colors on SVG rects */
rect.ContributionCalendar-day[data-level="0"] { fill: var(--color-calendar-graph-day-bg) !important; }
rect.ContributionCalendar-day[data-level="1"] { fill: var(--color-calendar-graph-day-L1-bg) !important; }
rect.ContributionCalendar-day[data-level="2"] { fill: var(--color-calendar-graph-day-L2-bg) !important; }
rect.ContributionCalendar-day[data-level="3"] { fill: var(--color-calendar-graph-day-L3-bg) !important; }
rect.ContributionCalendar-day[data-level="4"] { fill: var(--color-calendar-graph-day-L4-bg) !important; }

/* Calendar text and labels */
.calendar-graph text,
.js-calendar-graph text {
  fill: rgba(255,255,255,0.4) !important;
}

/* "276 contributions in the last year" summary bar */
.js-yearly-contributions h2,
.js-yearly-contributions h3 {
  color: rgba(255,255,255,0.65) !important;
  font-size: 0.85rem !important;
  font-weight: 400 !important;
}

/* Hover tooltip */
.day-tooltip {
  background: #1e1e22 !important;
  color: #dddddd !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 6px !important;
  font-size: 0.75rem !important;
}

/* "Learn how we count contributions" footer row */
.contrib-footer {
  color: rgba(255,255,255,0.3) !important;
}

.contrib-footer a {
  color: #57d7ff !important;
}

/* Legend squares — match contribution grid size/corners/spacing */
.float-right.color-fg-muted .ContributionCalendar-day {
  width: 10px !important;
  height: 10px !important;
  border-radius: 3px !important;
  display: inline-block !important;
}

.float-right.color-fg-muted .mr-1,
.float-right.color-fg-muted .tmp-mr-1 {
  margin-right: 3px !important;
}

.float-right.color-fg-muted {
  display: flex !important;
  align-items: center !important;
  gap: 3px !important;
  font-size: 0.7rem !important;
  color: rgba(255,255,255,0.4) !important;
}

/* Legend squares */
.legend li {
  border: 1px solid rgba(255,255,255,0.1);
}

/* ── GitHub Activity Feed – Dark Theme Overrides ── */

.gha-container {
  width: min(680px, 90vw);
  max-height: 500px;
  margin: 1.5rem auto 2rem;
  border-radius: 16px;
  overflow: hidden;
  padding: 0;
  background: var(--glass-bg);
  border: var(--glass-border);
  box-shadow: var(--glass-shadow);
}

.gha-feed {
  background: transparent !important;
  border: none !important;
  color: #dddddd !important;
  font-family: inherit !important;
  max-height: 500px;
  overflow-y: auto;
  padding: 0 !important;
  margin: 0 !important;
}

.gha-feed::-webkit-scrollbar { width: 4px; }
.gha-feed::-webkit-scrollbar-track { background: #111113; }
.gha-feed::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.12); border-radius: 4px; }

.gha-push {
  display: none !important;
}

.gha-header {
  position: sticky !important;
  top: 0;
  left: 0 !important;
  right: 0;
  z-index: 5;
  width: 100% !important;
  box-sizing: border-box !important;
  background: rgba(6,6,8,0.45) !important;
  backdrop-filter: blur(6px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(120%) !important;
  filter: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
  margin: 0 !important;
  padding: 0.75rem 1.25rem !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
}

.gha-user-info a,
.gha-user-info {
  font-family: 'Lexend Giga', sans-serif !important;
  font-size: 0.6rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.7) !important;
  font-weight: 400 !important;
}

/* m-ccool username — white + bold */
.gha-user-info > a:not(:first-child) {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* hide the display-name link (first <a> child — the "b") */
.gha-user-info > a:first-child {
  display: none !important;
}

/* username <p> inline, no margin */
.gha-user-info p {
  display: inline !important;
  margin: 0 !important;
}

.gha-gravatar img {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  box-shadow: none !important;
}

.gha-gravatar {
  float: none !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  padding: 0 !important;
  height: auto !important;
  max-width: none !important;
  display: flex !important;
  align-items: center !important;
}

.gha-github-icon .octicon {
  color: rgba(255,255,255,0.3) !important;
  font-size: 1rem !important;
}

.gha-footer {
  position: sticky !important;
  bottom: 0;
  left: 0 !important;
  right: 0;
  z-index: 5;
  width: 100% !important;
  box-sizing: border-box !important;
  background: rgba(6,6,8,0.45) !important;
  backdrop-filter: blur(6px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(120%) !important;
  filter: none !important;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
  color: rgba(255,255,255,0.4) !important;
  margin: 0 !important;
  padding: 0.75rem 1.25rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
}

.gha-footer a {
  color: #3fb950 !important;
  float: none !important;
  padding-right: 0 !important;
}

.gha-activity,
.gha-repo {
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

.gha-activity:last-child {
  padding-bottom: 20px;
}

.gha-activity-icon .octicon {
  color: rgba(255,255,255,0.25) !important;
}

.gha-feed a {
  color: rgba(200,210,220,0.6) !important;
  -webkit-text-fill-color: rgba(200,210,220,0.6) !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
}

.gha-feed .gha-footer a {
  color: #3fb950 !important;
  -webkit-text-fill-color: #3fb950 !important;
}

.gha-feed a:hover {
  background: linear-gradient(90deg, #ff6e6e, #ffb347, #6bcb77, #4da9ff, #c77dff, #ff6e6e) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  animation: gradient 3s ease infinite !important;
}

.gha-feed small {
  color: rgba(255,255,255,0.45) !important;
}

.gha-time,
span.gha-time {
  color: rgba(255,255,255,0.3) !important;
}

.gha-feed pre {
  background: rgba(255,255,255,0.05) !important;
  box-shadow: none !important;
  border-radius: 4px !important;
}

.gha-message-merge {
  background: rgba(138,255,150,0.12) !important;
  color: #8aff96 !important;
}

.gha-info {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.5) !important;
}

.gha-github-icon {
  color: rgba(255,255,255,0.3) !important;
}


.left.text-muted {
  float: left;
  margin-left: 9px;
  color: #767676;
}

.left.text-muted a {
  color: #4078c0;
  text-decoration: none;
}

.left.text-muted a:hover, .monospace a:hover {
  text-decoration: underline;
}

h2.f4.text-normal.mb-3 {
  display: none;
}

.float-left.text-gray {
  float: left;
}

#user-activity-overview {
  display: none;
}

.day-tooltip {
  white-space: nowrap;
  position: absolute;
  z-index: 99999;
  padding: 10px;
  font-size: 12px;
  color: #959da5;
  text-align: center;
  background: rgba(0,0,0,.85);
  border-radius: 3px;
  display: none;
  pointer-events: none;
}

.day-tooltip strong {
  color: #dfe2e5;
}

.day-tooltip.is-visible {
  display: block;
}

.day-tooltip:after {
  position: absolute;
  bottom: -10px;
  left: 50%;
  width: 5px;
  height: 5px;
  box-sizing: border-box;
  margin: 0 0 0 -5px;
  content: " ";
  border: 5px solid transparent;
  border-top-color: rgba(0,0,0,.85);
}

text.ContributionCalendar-label {
  fill: #ccc;
  font-size: 11px;
}

@media screen and (max-width: 768px) {
  .table-column {
    display: block;
    width: 100%;
  }
}