/* Shared profile shell, moved out of the compiled stylesheet. */
.profile-dashboard-view{--profile-canvas:#fafafa;--profile-paper:#fff;--profile-ink:#18202d;--profile-muted:#707a89;--profile-subtle:#949ca8;--profile-line:#dfe2e6;--profile-blue:#1c5bb8;--profile-blue-soft:#edf3fb;min-height:100%;overflow-x:hidden;background:var(--profile-canvas);color:var(--profile-ink);}.profile-dashboard-content{width:100%;max-width:1600px;margin:0 auto;padding:34px 30px 48px;}.profile-dashboard-header{display:flex;align-items:center;gap:15px;margin-bottom:24px;}.profile-dashboard-avatar{width:58px;height:58px;display:flex;flex:none;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--profile-line);border-radius:17px;background:var(--profile-blue-soft);color:var(--profile-blue);font-size:23px;font-weight:700;}.profile-dashboard-avatar img{width:100%;height:100%;object-fit:cover;}.profile-dashboard-identity{min-width:0;}.profile-dashboard-eyebrow{display:block;margin-bottom:3px;color:var(--profile-muted);font-size:11px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;}.profile-dashboard-identity h1{margin:0;color:var(--profile-ink);font-size:27px;font-weight:700;letter-spacing:-.025em;}.profile-dashboard-identity p{margin:3px 0 0;color:var(--profile-muted);font-size:13.5px;}.profile-dashboard-manage{height:36px;margin-left:auto;padding:0 14px;border:1px solid var(--profile-line);border-radius:8px;background:var(--profile-paper);color:var(--profile-ink);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;}.profile-dashboard-manage:hover{border-color:#b9bec6;background:#f4f6f8;}.profile-dashboard-card{overflow:hidden;margin-bottom:16px;border:1px solid var(--profile-line);border-radius:12px;background:var(--profile-paper);box-shadow:0 1px 2px #1118230a;}.profile-dashboard-card-head{min-height:74px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:19px 21px 15px;border-bottom:1px solid #eceef1;}.profile-dashboard-card-head h2{margin:0;color:var(--profile-ink);font-size:15px;font-weight:680;letter-spacing:-.012em;}.profile-dashboard-card-head p{margin:4px 0 0;color:var(--profile-muted);font-size:12.5px;line-height:1.45;}.profile-dashboard-status{flex:none;padding:4px 8px;border:1px solid var(--profile-line);border-radius:999px;color:var(--profile-muted);font-size:10.5px;line-height:1;}.profile-dashboard-empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;color:var(--profile-muted);text-align:center;}.profile-dashboard-empty strong{color:var(--profile-ink);font-size:14px;}.profile-dashboard-empty p{max-width:480px;margin:5px 0 0;font-size:12.5px;line-height:1.5;}.profile-dashboard-empty-small{min-height:145px;}html[data-theme=dark] .profile-dashboard-view{--profile-canvas:#101419;--profile-paper:#171c23;--profile-ink:#eef1f5;--profile-muted:#a2abb7;--profile-subtle:#76808e;--profile-line:#2b333d;--profile-blue:#82aaff;--profile-blue-soft:#18263b;}html[data-theme=dark] .profile-dashboard-card-head{border-bottom-color:#252c35;}html[data-theme=dark] .profile-dashboard-manage{background:#171c23;}html[data-theme=dark] .profile-dashboard-manage:hover{border-color:#4a5564;background:#1d242d;}@media (max-width:900px){.profile-dashboard-content{padding:26px 18px 38px;}}@media (max-width:640px){.profile-dashboard-header{align-items:flex-start;flex-wrap:wrap;}.profile-dashboard-avatar{width:50px;height:50px;border-radius:14px;}.profile-dashboard-manage{width:100%;margin-left:0;}.profile-dashboard-card-head{min-height:0;padding:17px 16px 14px;}}
/* Profile dashboard details. The surrounding app owns the shell and theme tokens. */
.profile-dashboard-view {
  --profile-accent: #1769aa;
  --profile-accent-soft: #eaf4fb;
}

.profile-dashboard-view .profile-dashboard-content {
  padding-top: 42px;
}

.profile-dashboard-header {
  position: relative;
  padding: 20px 22px;
  margin: 0 -2px 24px;
  border: 1px solid var(--profile-line);
  border-radius: 12px;
  background: linear-gradient(110deg, var(--profile-paper) 0%, var(--profile-paper) 72%, var(--profile-accent-soft) 100%);
}

.profile-dashboard-avatar {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  overflow: hidden;
  border: 3px solid var(--profile-paper);
  border-radius: 16px;
  background: var(--profile-accent);
  color: #fff;
  box-shadow: 0 0 0 1px var(--profile-line), 0 5px 14px #18202d16;
  font-size: 20px;
  font-weight: 700;
}

.profile-dashboard-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.profile-dashboard-identity {
  min-width: 0;
}

.profile-dashboard-eyebrow {
  display: block;
  margin-bottom: 5px;
  color: var(--profile-accent);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.profile-dashboard-identity h1 {
  margin: 0;
  font-size: clamp(21px, 2vw, 27px);
  font-weight: 700;
  letter-spacing: -.025em;
}

.profile-dashboard-identity p {
  max-width: 520px;
  margin: 4px 0 0;
  overflow: hidden;
  color: var(--profile-muted);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.profile-dashboard-manage {
  border-color: var(--profile-accent);
  color: var(--profile-accent);
  transition: background-color .16s ease, color .16s ease, border-color .16s ease, transform .16s ease;
}

.profile-dashboard-manage:hover {
  border-color: var(--profile-accent);
  background: var(--profile-accent);
  color: #fff;
  transform: translateY(-1px);
}

.profile-dashboard-card {
  border-radius: 10px;
  box-shadow: 0 2px 8px #18202d08, 0 16px 30px #18202d05;
}

.profile-dashboard-card-head {
  min-height: 78px;
  padding: 21px 23px 17px;
}

.profile-dashboard-card-head h2 {
  font-size: 15px;
  letter-spacing: -.01em;
}

.profile-dashboard-card-head p {
  color: var(--profile-muted);
}

.profile-summary-head {
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.profile-summary-controls {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}

.profile-period-select {
  position: relative;
  display: inline-flex;
  min-width: 166px;
  height: 40px;
  align-items: center;
  gap: 9px;
  padding: 0 10px;
  border: 1px solid var(--profile-line);
  border-radius: 7px;
  outline: 0;
  background: var(--profile-paper);
  color: var(--profile-ink);
  box-shadow: 0 1px 2px #18202d08;
  font: inherit;
  font-size: 12px;
  white-space: nowrap;
  transition: border-color .12s ease, box-shadow .12s ease, background .12s ease;
}

.profile-period-select:hover {
  border-color: #bfc3c8;
  background: var(--profile-paper);
}

.profile-period-select:focus-within {
  border-color: #9ca5b2;
  box-shadow: 0 0 0 3px #1769aa1a, 0 1px 2px #18202d0a;
}

.profile-period-icon {
  flex: none;
  width: 15px;
  height: 15px;
  margin-left: 11px;
  color: var(--profile-muted);
  pointer-events: none;
}

.profile-period-select select {
  min-width: 0;
  height: 100%;
  flex: 1;
  padding: 0 0 0 0;
  border: 0;
  outline: 0;
  appearance: none;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
  text-align: left;
}

.profile-dashboard-view .profile-period-select select:focus-visible {
  outline: 0;
}

.profile-period-chevron {
  position: absolute;
  right: 10px;
  width: 14px;
  height: 14px;
  flex: none;
  color: var(--profile-muted);
  pointer-events: none;
}

.profile-metric-tabs:hover {
  border-color: #b9c4d0;
}

.profile-metric-tabs {
  display: flex;
  padding: 3px;
  border: 1px solid var(--profile-line);
  border-radius: 8px;
  background: var(--profile-canvas);
  transition: border-color .16s ease;
}

.profile-metric-tabs button {
  min-height: 28px;
  padding: 0 13px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: var(--profile-muted);
  font: inherit;
  font-size: 12px;
  cursor: pointer;
  transition: background-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.profile-metric-tabs button[aria-pressed=true] {
  background: var(--profile-paper);
  color: var(--profile-accent);
  box-shadow: 0 2px 6px #18202d14;
  font-weight: 600;
}

.profile-text-button {
  padding: 6px 0;
  border: 0;
  background: transparent;
  color: var(--profile-accent);
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}

.profile-text-button:hover {
  color: var(--profile-ink);
}

.profile-summary-body {
  display: grid;
  grid-template-columns: minmax(0, 2.25fr) minmax(240px, 1fr);
  gap: 30px;
  padding: 28px 23px 25px;
}

.profile-total-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.profile-total {
  font-size: 42px;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -.045em;
  font-variant-numeric: tabular-nums;
}

.profile-comparison {
  margin: 8px 0 0;
  color: var(--profile-muted);
  font-size: 12px;
}

.profile-chart-caption {
  margin-top: 4px;
  color: var(--profile-muted);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.profile-chart {
  position: relative;
  margin-top: 25px;
  padding: 12px 10px 0 0;
  border-top: 1px solid var(--profile-line);
}

.profile-dashboard-view .profile-chart-scroll > svg {
  display: block;
  width: 100%;
  height: auto;
  stroke: none;
  overflow: visible;
}

.profile-chart text {
  fill: var(--profile-muted);
  font-family: inherit;
  font-size: 11px;
}

.profile-chart-line {
  stroke: var(--profile-line);
  stroke-dasharray: 3 5;
}

.profile-chart-empty {
  position: absolute;
  inset: 12px 0 24px 55px;
  display: grid;
  place-items: center;
  pointer-events: none;
  color: var(--profile-subtle);
  font-size: 12px;
}

.profile-period-note {
  margin: 6px 0 0;
  color: var(--profile-subtle);
  font-size: 10px;
  text-align: right;
}

.profile-top-models {
  padding-left: 28px;
  border-left: 1px solid var(--profile-line);
}

.profile-top-models h3 {
  margin: 2px 0 28px;
  font-size: 14px;
  font-weight: 650;
}

.profile-top-models h3 span {
  color: var(--profile-muted);
  font-size: 12px;
  font-weight: 400;
}

.profile-top-models ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

.profile-top-models li {
  margin-bottom: 22px;
}

.profile-model-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 12px;
}

.profile-model-name {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 8px;
  overflow-wrap: anywhere;
}

.profile-model-name i {
  display: block;
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  box-shadow: 0 0 0 3px var(--profile-accent-soft);
}

.profile-model-row strong {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.profile-model-track {
  height: 5px;
  margin-top: 10px;
  overflow: hidden;
  border-radius: 5px;
  background: var(--profile-canvas);
}

.profile-model-track span {
  display: block;
  height: 100%;
  border-radius: 5px;
}

.profile-no-models {
  color: var(--profile-muted);
  font-size: 12px;
}

.profile-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  padding: 25px 23px 20px;
}

.profile-stat {
  min-width: 150px;
  padding: 0 28px;
  border-right: 1px solid var(--profile-line);
}

.profile-stat:first-child {
  padding-left: 0;
}

.profile-stat:last-child {
  border: 0;
}

.profile-stat > span {
  display: block;
  margin-bottom: 9px;
  color: var(--profile-muted);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.profile-stat > strong {
  display: block;
  font-size: 18px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.profile-heatmap-scroll {
  overflow-x: auto;
  padding: 10px 23px 4px;
}

.profile-heatmap {
  display: flex;
  min-width: 740px;
  gap: 4px;
}

.profile-heatmap-week {
  display: grid;
  flex: 1;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 20px repeat(7, auto);
  gap: 4px;
}

.profile-heatmap-month {
  height: 20px;
  overflow: visible;
  color: var(--profile-muted);
  font-size: 10px;
  white-space: nowrap;
}

.profile-heatmap-cell {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 3px;
  background: var(--profile-canvas);
}

.profile-heatmap-labels {
  display: grid;
  flex: 0 0 20px;
  grid-template-rows: 20px repeat(7, 1fr);
  align-items: center;
  gap: 4px;
  color: var(--profile-muted);
  font-size: 10px;
}

.profile-heatmap-cell.level-0 { background: #edf0f2; }
.profile-heatmap-cell.level-1 { background: #d6e7f3; }
.profile-heatmap-cell.level-2 { background: #a7cde3; }
.profile-heatmap-cell.level-3 { background: #65a7cb; }
.profile-heatmap-cell.level-4 { background: #1769aa; }
.profile-heatmap-cell.is-outside { visibility: hidden; }

.profile-heatmap-legend {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 16px 23px 28px 42px;
  color: var(--profile-muted);
  font-size: 11px;
}

.profile-heatmap-legend .profile-heatmap-cell {
  width: 12px;
  height: 12px;
}

.profile-heatmap-legend .profile-heatmap-cell:first-of-type { margin-left: 5px; }
.profile-heatmap-legend .profile-heatmap-cell:last-of-type { margin-right: 5px; }

.profile-keys-scroll {
  margin: 6px 23px 23px;
  overflow: auto;
  border: 1px solid var(--profile-line);
  border-radius: 8px;
}

.profile-keys-table {
  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
  text-align: left;
  font-size: 12px;
}

.profile-keys-table th {
  padding: 13px 16px;
  border-bottom: 1px solid var(--profile-line);
  background: var(--profile-canvas);
  color: var(--profile-muted);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.profile-keys-table td {
  padding: 16px;
  border-bottom: 1px solid var(--profile-line);
}

.profile-keys-table tr:last-child td { border-bottom: 0; }
.profile-keys-table code { color: var(--profile-muted); font-size: 11px; }

.profile-key-status {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 5px;
  background: var(--profile-accent-soft);
  color: var(--profile-accent);
  font-size: 10px;
  font-weight: 650;
}

.profile-key-status.is-disabled {
  background: var(--profile-canvas);
  color: var(--profile-muted);
}

.profile-keys-note {
  margin: 0 23px 21px;
  color: var(--profile-muted);
  font-size: 11px;
}

.profile-retry {
  margin-top: 16px;
  padding: 8px 14px;
  border: 1px solid var(--profile-line);
  border-radius: 6px;
  background: var(--profile-paper);
  color: var(--profile-ink);
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}

.profile-retry:hover { border-color: var(--profile-accent); color: var(--profile-accent); }

.profile-loading-dot {
  width: 18px;
  height: 18px;
  margin-bottom: 14px;
  border: 2px solid var(--profile-line);
  border-top-color: var(--profile-accent);
  border-radius: 50%;
  animation: profile-spin .8s linear infinite;
}

.profile-dashboard-view :is(button, select, [tabindex]):focus-visible {
  outline: 2px solid var(--profile-accent);
  outline-offset: 3px;
}



html[data-theme=dark] .profile-dashboard-view {
  --profile-accent: #8bc6e8;
  --profile-accent-soft: #193547;
}

html[data-theme=dark] .profile-dashboard-header {
  background: linear-gradient(110deg, var(--profile-paper) 0%, var(--profile-paper) 72%, #183241 100%);
}

html[data-theme=dark] .profile-dashboard-manage:hover {
  color: #10202a;
}

html[data-theme=dark] .profile-heatmap-cell.level-0 { background: #252d34; }
html[data-theme=dark] .profile-heatmap-cell.level-1 { background: #24475e; }
html[data-theme=dark] .profile-heatmap-cell.level-2 { background: #356f8f; }
html[data-theme=dark] .profile-heatmap-cell.level-3 { background: #5599bd; }
html[data-theme=dark] .profile-heatmap-cell.level-4 { background: #8bc6e8; }

@keyframes profile-spin { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
  .profile-loading-dot,
  .profile-dashboard-manage,
  .profile-metric-tabs button,
  .profile-text-button {
    animation: none;
    transition: none;
  }
}

@media (min-width: 1450px) {
  .profile-heatmap-cell { max-height: 19px; }
  .profile-heatmap-week { grid-template-rows: 20px repeat(7, 19px); }
  .profile-heatmap-labels { grid-template-rows: 20px repeat(7, 19px); }
}

@media (max-width: 1000px) {
  .profile-summary-controls { margin-left: 0; }
  .profile-summary-body { grid-template-columns: 1fr; }
  .profile-top-models {
    padding: 23px 0 0;
    border-top: 1px solid var(--profile-line);
    border-left: 0;
  }
  .profile-top-models h3 { margin-bottom: 20px; }
  .profile-stat { min-width: 120px; padding-inline: 20px; }
}

@media (max-width: 640px) {
  .profile-dashboard-view .profile-dashboard-content { padding-top: 22px; }
  .profile-dashboard-header { padding: 16px; margin-bottom: 18px; }
  .profile-dashboard-manage { width: 100%; margin-left: 0; }
  .profile-dashboard-card-head { min-height: 0; padding: 17px 16px 14px; }
  .profile-summary-controls { width: 100%; flex-wrap: wrap; gap: 10px; }
  .profile-period-select { flex: 1; min-width: 0; }
  .profile-metric-tabs { flex: 1; }
  .profile-metric-tabs button { flex: 1; padding-inline: 8px; }
  .profile-summary-head > .profile-text-button { margin-top: -5px; }
  .profile-summary-body { padding: 22px 16px; }
  .profile-total { font-size: 34px; }
  .profile-stats { display: grid; grid-template-columns: 1fr 1fr; row-gap: 24px; padding: 20px 16px; }
  .profile-stat,
  .profile-stat:first-child { min-width: 0; padding: 0 14px; }
  .profile-stat:nth-child(odd) { padding-left: 0; }
  .profile-stat:nth-child(even) { border: 0; }
  .profile-stat > strong { font-size: 16px; }
  .profile-heatmap-scroll { padding-inline: 16px; }
  .profile-keys-scroll { margin-inline: 16px; }
  .profile-chart text { font-size: 10px; }
  .profile-heatmap-legend { padding-left: 40px; }
}

/* Stable trigger + top-layer anchored range popover, shared by both pages. */

button.profile-heatmap-cell{padding:0;border:0;min-width:0;cursor:pointer;font:inherit}button.profile-heatmap-cell:hover,button.profile-heatmap-cell:focus-visible{outline:2px solid var(--profile-accent);outline-offset:1px}.profile-heatmap-tooltip{position:fixed;inset:auto;margin:0;padding:14px 16px;width:240px;box-sizing:border-box;border:1px solid #dfe3e9;border-radius:9px;background:#fff;color:#18202d;box-shadow:0 8px 28px #17203326;font:12px Inter,system-ui,sans-serif}.profile-heatmap-tooltip>strong{display:block;font-size:12px;font-weight:600;padding-bottom:10px;border-bottom:1px solid #edf0f4}.profile-heatmap-tooltip dl{margin:10px 0 0}.profile-heatmap-tooltip dl>div{display:flex;justify-content:space-between;gap:12px;margin-top:7px}.profile-heatmap-tooltip dt{color:#778292;font-size:11px}.profile-heatmap-tooltip dd{margin:0;font-size:11px;font-variant-numeric:tabular-nums}.profile-heatmap-tooltip p{margin:12px 0 0;color:#778292;font-size:11px}html[data-theme=dark] .profile-heatmap-tooltip{background:#171c23;color:#e2e8f0;border-color:#343e4c}html[data-theme=dark] .profile-heatmap-tooltip>strong{border-color:#343e4c}html[data-theme=dark] .profile-heatmap-tooltip dt,html[data-theme=dark] .profile-heatmap-tooltip p{color:#a2afc0}

.profile-chart{position:relative}.profile-chart-tooltip{position:absolute;z-index:10;pointer-events:none;box-sizing:border-box;width:200px;max-width:100%;padding:12px 14px;border:1px solid #dfe3e9;border-radius:9px;background:#fff;color:#18202d;box-shadow:0 8px 28px #17203326;font:12px Inter,system-ui,sans-serif;overflow-wrap:anywhere}.profile-chart-tooltip>span{display:block;color:#778292;font-size:11px;margin-bottom:6px}.profile-chart-tooltip>strong{display:block;margin-bottom:8px}.profile-chart-tooltip>div{font-variant-numeric:tabular-nums}.profile-chart rect:focus-visible{outline:2px solid var(--profile-accent);outline-offset:2px}html[data-theme=dark] .profile-chart-tooltip{background:#171c23;color:#e2e8f0;border-color:#343e4c}html[data-theme=dark] .profile-chart-tooltip>span{color:#a2afc0}

.profile-activity-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profile-activity-controls select{appearance:none;min-width:150px;padding:9px 30px 9px 12px;border:1px solid #dfe3e9;border-radius:7px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4 3 3 3-3' fill='none' stroke='%23778292' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 12px center;color:inherit;font:inherit;font-size:12px;cursor:pointer}.profile-activity-controls select:focus-visible{outline:2px solid var(--profile-accent);outline-offset:2px}html[data-theme=dark] .profile-activity-controls select{background-color:#171c23;border-color:#343e4c;color:#e2e8f0;color-scheme:dark}



.profile-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto;flex-shrink:0}.profile-header-actions .profile-dashboard-manage{margin-left:0}@media(max-width:640px){.profile-header-actions{flex-basis:100%}}

/* Preserve readable daily bars for long ranges without stretching the card. */
.profile-chart-scroll{width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--profile-muted) transparent;overscroll-behavior-x:contain}
.profile-chart-scroll:focus-visible{outline:2px solid var(--profile-accent);outline-offset:2px}
.profile-chart-scroll>svg{max-width:none;flex:none}
.profile-chart rect:hover{filter:brightness(1.12);stroke:var(--profile-ink);stroke-width:.7}

/* Match Explore date navigation using Profile theme tokens. */
.profile-chart-navigation{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0 14px;color:var(--profile-muted);font-size:11px}
.profile-chart-navigation>div{display:flex;gap:6px}
.profile-chart-navigation button{border:1px solid var(--profile-line);border-radius:6px;padding:6px 9px;background:var(--profile-paper,transparent);color:var(--profile-ink);font:inherit;cursor:pointer}
.profile-chart-navigation button:hover:not(:disabled){background:color-mix(in srgb,var(--profile-accent) 8%,var(--profile-paper,transparent))}
.profile-chart-navigation button:disabled{opacity:.4;cursor:default}
.profile-chart-navigation button:focus-visible{outline:2px solid var(--profile-accent);outline-offset:2px}
.profile-chart-navigation .profile-chart-jump{display:inline-flex;align-items:center;justify-content:center;min-width:30px;padding:6px}
.profile-chart-jump svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}