.opening{padding:36px 0 27px}
.reset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.reset-column{min-width:0}
.car-card{--tint:var(--codex-surface);--color:var(--codex-ink);display:block;min-width:0;padding:20px 18px 14px;background:var(--tint);border:1px solid var(--card-line);border-radius:var(--radius)}
.car-card:hover{text-decoration:none;box-shadow:0 4px 20px #3030300a}
.car-card.claude{--tint:var(--claude-surface);--color:var(--claude-ink)}
.car-card.grok{--tint:var(--grok-surface);--color:var(--grok-ink)}
.provider-name{color:var(--color);font-size:26px;text-align:center;height:32px;line-height:32px}
.provider-name.serif{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.045em}
.provider-name.mono{font-family:var(--mono);font-size:24px;letter-spacing:-.07em}
.car-scene{height:220px;display:flex;align-items:center;justify-content:center}
.car-scene img{width:100%;height:100%;object-fit:contain}
.elapsed{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:8px 0 20px}
.elapsed strong{font-size:44px;font-weight:550;font-variant-numeric:tabular-nums;letter-spacing:-.06em;line-height:1}
.elapsed span{font-size:10px;color:var(--muted)}
.unknown .elapsed strong{color:var(--muted)}
.event-list{display:grid;grid-auto-rows:64px;list-style:none;margin:12px 0 0;padding:0}
.event-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:54px;border-bottom:1px solid var(--line);font-size:10px}
.event-row time{font-variant-numeric:tabular-nums;color:var(--muted);line-height:1.4}
.event-text{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;line-height:1.45;padding:8px 0}
.event-text>span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.event-badge{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px;font-weight:550;line-height:1.3;color:var(--muted)}
.event-icon{width:28px;height:28px;flex:none;object-fit:contain}
.event-badge.limit_reset .event-icon,.event-badge.credit_grant .event-icon{width:1.25em;height:1.25em}
.event-badge>span{padding:2px 5px;border-radius:3px;background:var(--surface)}
.event-badge.limit_reset{color:var(--reset-ink)}
.event-badge.limit_reset>span{background:var(--reset-surface)}
.event-badge.reset_pass{color:var(--pass-ink)}
.event-badge.reset_pass>span{background:var(--pass-surface)}
.event-badge.credit_grant{color:var(--credit-ink)}
.event-badge.credit_grant>span{background:var(--credit-surface)}
.event-reason{color:var(--muted)}
.empty-row{color:var(--muted)}
.source-link{font-size:10px;color:var(--muted);white-space:nowrap}
.event-legend{display:flex;gap:8px;flex-wrap:wrap}
.reset-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px}
.reset-caption p{font-size:10px;color:var(--muted);margin:0}
.table-scroll{width:100%;overflow:auto}
table{width:100%;border-collapse:collapse;text-align:start;font-variant-numeric:tabular-nums}
th{font-weight:500;color:var(--muted);font-size:10px;padding:12px 8px;border-block:1px solid var(--line);white-space:nowrap}
td{padding:13px 8px;border-bottom:1px solid var(--line);font-size:12px}
td:first-child{font-weight:550}
td small{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-top:3px}
tr:target{background:var(--highlight);scroll-margin-top:24px}
.update-row{display:grid;grid-template-columns:100px minmax(0,1fr) 70px 50px;gap:16px;align-items:center;padding:17px 0;border-top:1px solid var(--line)}
.update-row:last-child{border-bottom:1px solid var(--line)}
.update-provider{font-size:11px;font-weight:550}
.update-title{font-size:14px;line-height:1.6}
.update-row time{font-size:10px;color:var(--muted);text-align:end}
.home-method{font-size:11px;color:var(--muted);margin-top:32px}
.home-method p{max-width:600px}
summary{cursor:pointer}
.reading-meter{position:fixed;right:22px;bottom:18px;display:flex;gap:10px;align-items:center;padding:11px 13px;background:var(--paper);border:1px solid var(--line);border-radius:5px;pointer-events:none;z-index:20}
.reading-track{height:7px;width:120px;background:repeating-linear-gradient(90deg,var(--track) 0 3px,transparent 3px 5px)}
.reading-track i{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,var(--ink) 0 3px,transparent 3px 5px)}
.reading-meter>span{min-width:4ch;text-align:right;font:11px var(--mono)}
@media(max-width:850px){.reset-grid{gap:16px}.car-scene{height:180px}.car-card{padding:16px 12px 12px}.elapsed{flex-direction:column;align-items:center;gap:6px}.reset-caption{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:600px){.reset-grid{gap:8px}.car-card{padding:13px 6px 10px}.provider-name{font-size:19px;height:25px;line-height:25px}.provider-name.mono{font-size:18px}.car-scene{height:112px}.elapsed{margin:7px 0 13px}.elapsed strong{font-size:34px}.elapsed span{font-size:8px;text-align:center}.event-list{grid-auto-rows:54px}.event-row{grid-template-columns:25px minmax(0,1fr) 17px;gap:3px;font-size:8px;min-height:54px}.event-badge{font-size:8px;gap:3px}.event-badge>span{padding:2px 3px}.event-icon{width:20px;height:20px}.event-row .source-link{font-size:0}.event-row .source-link span{font-size:12px}.update-row{grid-template-columns:60px minmax(0,1fr) 44px 14px;gap:8px}.update-provider,.update-row time{font-size:9px}.update-title{font-size:12px}.update-row .source-link{font-size:0}.update-row .source-link span{font-size:12px}.reading-meter{right:12px;bottom:12px;padding:9px}.reading-track{width:70px}}

.reset-timing{margin:0;padding-top:12px;border-top:1px solid var(--line);display:grid;gap:4px}
.timing-block{height:48px;display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0}
.timing-block dt{font-size:10px;color:var(--muted)}
.timing-block dt small{font-size:9px;margin-left:5px}
.timing-block dd{margin:0;font-size:16px;font-weight:550;line-height:1.3;font-variant-numeric:tabular-nums}
.timing-block dd span{font-size:10px;font-weight:400}
.timing-next dd{font-size:13px}
.timing-next>small{font-size:11px;color:var(--accent);font-variant-numeric:tabular-nums}
@media(max-width:600px){.reset-timing{padding-top:9px;gap:2px}.timing-block{height:44px;gap:3px}.timing-block dt{font-size:8px}.timing-block dt small{font-size:7px;margin-left:2px}.timing-block dd,.timing-next dd{font-size:10px}.timing-block dd span{font-size:8px}.timing-next>small{font-size:9px}}

.reset-caption.user-clock{justify-content:flex-end;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:11px}
.user-clock time{color:var(--ink);font-size:14px;font-variant-numeric:tabular-nums}
.user-clock small{font-size:10px}