:root{color-scheme: dark;--codex-bg: #101010;--codex-text: #f1f1f1;--codex-muted: #8b8b8b;--codex-border: #222222;--codex-cell-off: #1a1a1a;--codex-green-1: #18351d;--codex-green-2: #1d5727;--codex-green-3: #237d30;--codex-green-4: #18ad2d;--codex-green-5: #00ff00}*, *::before, *::after{box-sizing: border-box}html{min-width: 320px;min-height: 100%;background: var(--codex-bg)}.codex-usage-body{min-height: 100vh;margin: 0;color: var(--codex-text);background: var(--codex-bg);font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;font-size: 16px;-webkit-font-smoothing: antialiased;text-rendering: geometricPrecision}.codex-profile{--codex-graph-width: 306px;width: min-content;max-width: calc(100% - 40px);margin: 0 auto;padding: clamp(48px, 8vw, 92px) 0 72px}.metric-strip{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));width: min(var(--codex-graph-width, 100%), 100%);margin-inline: auto;overflow: hidden;border: 1px solid var(--codex-border);border-radius: 5px}.metric{position: relative;display: flex;min-width: 0;min-height: 82px;flex-direction: column;align-items: center;justify-content: center;gap: 5px;padding: 14px 8px 15px;text-align: center}.metric + .metric::before{position: absolute;top: 17px;bottom: 17px;left: 0;width: 1px;background: var(--codex-border);content: ""}.metric strong{color: #eeeeee;font-size: clamp(18px, 1.45vw, 21px);font-weight: 400;line-height: 1;letter-spacing: -0.025em}.metric span{color: #a3a3a3;font-size: clamp(13px, 1.1vw, 16px);font-weight: 400;line-height: 1.2;white-space: nowrap}.activity-section{width: min-content;max-width: 100%;margin: clamp(44px, 6vw, 58px) auto 0}.activity-heading{display: flex;align-items: baseline;justify-content: flex-start;gap: 24px;margin-bottom: 20px}.activity-heading h1{margin: 0;color: #f0f0f0;font-size: clamp(19px, 1.45vw, 22px);font-weight: 500;line-height: 1;letter-spacing: -0.015em}.activity-graph{width: max-content;max-width: calc(100vw - 40px);overflow-x: auto;overflow-y: hidden;scrollbar-color: #303030 transparent;scrollbar-width: thin}.heatmap, .month-labels{display: grid;grid-template-columns: repeat(var(--week-count, 12), 20px);column-gap: 6px}.heatmap{grid-auto-flow: column;grid-template-rows: repeat(7, 20px);row-gap: 6px}.heatmap-cell{width: 20px;height: 20px;border: 0;border-radius: 5px;background: var(--codex-cell-off);cursor: default}.heatmap-cell[data-level="1"]{background: var(--codex-green-1)}.heatmap-cell[data-level="2"]{background: var(--codex-green-2)}.heatmap-cell[data-level="3"]{background: var(--codex-green-3)}.heatmap-cell[data-level="4"]{background: var(--codex-green-4)}.heatmap-cell[data-level="5"]{background: var(--codex-green-5)}.heatmap-cell[data-in-range="true"]:hover, .heatmap-cell[data-in-range="true"]:focus-visible{outline: none;box-shadow: inset 0 0 0 2px rgba(190, 255, 190, 0.94)}.month-labels{margin-top: 17px;color: #858585;font-size: 16px;line-height: 1}.month-label{white-space: nowrap}.activity-updated{margin: 26px 0 0;color: #a3a3a3;font-size: 13px;line-height: 1.4;text-align: center}.usage-tooltip{position: fixed;z-index: 10;max-width: calc(100vw - 24px);padding: 11px 15px 12px;border: 1px solid #454545;border-radius: 14px;color: #f4f4f4;background: #292929;box-shadow: 0 10px 28px rgba(0, 0, 0, 0.34);font-size: 18px;line-height: 1;letter-spacing: 0.01em;pointer-events: none;white-space: nowrap}.usage-tooltip[hidden]{display: none}html.codex-embedded{min-width: 0;overflow-x: hidden}.codex-embedded .codex-usage-body{min-height: 0;overflow: hidden}.codex-embedded .codex-profile{max-width: none;margin: 0;padding: 18px 16px 20px;transform-origin: top left}.codex-embedded .activity-section{margin-top: 32px}.codex-embedded .activity-graph{max-width: none;overflow: hidden}.codex-embedded .activity-updated{margin-top: 20px}@media (max-width: 760px){.codex-profile{width: min-content;max-width: calc(100% - 28px);padding-top: 28px}.codex-embedded .codex-profile{max-width: none;padding: 18px 16px 20px}.metric-strip{grid-template-columns: repeat(2, minmax(0, 1fr));border-radius: 5px}.metric{min-height: 78px}.metric span{white-space: normal}.activity-heading{align-items: baseline;flex-direction: row}.heatmap, .month-labels{min-width: max-content;column-gap: 6px}.heatmap{row-gap: 6px}.heatmap-cell{border-radius: 5px}.month-labels{margin-top: 12px;font-size: 14px}}.codex-embedded .standalone-link{display: none}