.history-page{--history-line:color-mix(in oklch, var(--color-outline-variant) 55%, transparent);gap:clamp(1.5rem,4vw,2.5rem)}.history-trends,.history-records,.history-auth-state,.history-auth-resolving,.history-plan-note,.history-error,.history-page-loading,.history-empty{border:1px solid var(--history-line);background:color-mix(in oklch, var(--color-surface) 88%, transparent);border-radius:.85rem;width:100%}.history-auth-resolving{background:0 0;border-color:#0000;min-height:clamp(12rem,32vh,20rem)}.history-trends,.history-records{padding:clamp(1rem,3vw,1.8rem)}.history-section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.35rem;display:flex}.history-section-heading p,.history-eyebrow{color:var(--color-secondary);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.62rem;font-weight:700}.history-section-heading h2{color:var(--color-primary);font-family:var(--font-headline);margin-top:.3rem;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:750}.history-section-heading>span{border:1px solid var(--history-line);color:var(--color-on-surface-variant);white-space:nowrap;border-radius:999px;padding:.35rem .6rem;font-size:.65rem}.history-section-heading select{border:1px solid var(--history-line);background:var(--color-surface-container-low);max-width:min(15rem,45vw);min-height:2.5rem;color:var(--color-primary);border-radius:.65rem;outline:none;padding:.45rem 2.2rem .45rem .75rem;font-size:.75rem}.history-section-heading select:focus{border-color:color-mix(in oklch, var(--color-secondary) 65%, transparent)}.history-trend-loading{flex-direction:column;gap:1rem;display:flex}.history-chart{border-radius:.75rem;margin-bottom:1rem;overflow:hidden}.history-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;display:grid}.history-metric{border:1px solid var(--history-line);background:color-mix(in oklch, var(--color-surface-container-low) 78%, transparent);text-align:left;border-radius:.7rem;padding:.9rem}.history-category-changes{border-top:1px solid var(--history-line);margin-top:1rem;padding-top:.8rem}.history-disclosure{min-height:2.75rem;color:var(--color-on-surface-variant);align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;display:flex}.history-disclosure:hover{color:var(--color-primary)}.history-trend-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:14rem;padding:2rem 1rem;display:flex}.history-primary-action,.history-download{border-radius:.7rem;justify-content:center;align-items:center;gap:.45rem;min-height:2.9rem;padding:.65rem 1rem;font-size:.75rem;font-weight:800;display:inline-flex}.history-primary-action{background:var(--color-primary);color:var(--color-background)}.history-primary-action .material-symbols-outlined{font-size:1rem}.history-auth-state{grid-template-columns:auto 1fr auto;align-items:center;gap:1.1rem;padding:clamp(1.2rem,4vw,2rem);display:grid}.history-auth-state>.material-symbols-outlined{color:var(--color-secondary);font-size:1.8rem}.history-auth-state .history-eyebrow{margin-bottom:.35rem}.history-plan-note,.history-page-loading,.history-error,.history-empty{align-items:center;gap:.9rem;padding:1rem;display:flex}.history-plan-note{justify-content:space-between}.history-plan-note strong,.history-page-loading strong,.history-error strong,.history-empty strong{color:var(--color-primary);font-size:.78rem;display:block}.history-plan-note p,.history-page-loading p,.history-error p,.history-empty p{color:var(--color-on-surface-variant);margin-top:.15rem;font-size:.7rem}.history-plan-note button{color:var(--color-secondary);white-space:nowrap;align-items:center;gap:.35rem;font-size:.72rem;font-weight:800;display:inline-flex}.history-plan-note button .material-symbols-outlined{font-size:.95rem}.history-error{border-color:color-mix(in oklch, var(--color-error) 35%, transparent);background:color-mix(in oklch, var(--color-error) 8%, transparent);color:var(--color-error)}.history-error>div{flex:1}.history-error p{color:var(--color-error)}.history-error button{min-width:2.75rem;min-height:2.75rem}.history-page-loading{justify-content:center;min-height:8rem}.history-page-loading>.material-symbols-outlined{color:var(--color-secondary)}.history-empty{justify-content:space-between}.history-empty>.material-symbols-outlined{color:var(--color-secondary);font-size:1.7rem}.history-empty>div{flex:1}.history-record-list{flex-direction:column;gap:.65rem;display:flex}.history-record{border:1px solid var(--history-line);background:color-mix(in oklch, var(--color-surface-container-low) 76%, transparent);border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem;transition:border-color .18s,background-color .18s;display:flex}.history-record:hover{border-color:color-mix(in oklch, var(--color-secondary) 45%, transparent);background:var(--color-surface-container-low)}.history-record-identity,.history-record-actions{align-items:center;gap:.8rem;min-width:0;display:flex}.history-record-identity>.material-symbols-outlined{color:var(--color-secondary);flex:none;font-size:1.3rem}.history-record-identity h4{color:var(--color-primary);font-family:var(--font-headline);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:700;overflow:hidden}.history-record-identity p{color:var(--color-on-surface-variant);margin-top:.15rem;font-size:.65rem}.history-record-actions{flex:none}.history-record-score{color:var(--color-secondary);font-family:var(--font-headline);font-size:1rem;font-weight:800}.history-record-score small{color:var(--color-on-surface-variant);font-size:.6rem;font-weight:500}.history-download{border:1px solid var(--history-line);color:var(--color-on-surface-variant)}.history-download:hover{border-color:color-mix(in oklch, var(--color-secondary) 45%, transparent);color:var(--color-primary)}@media (width<=640px){.history-section-heading,.history-plan-note,.history-auth-state,.history-empty,.history-record{flex-direction:column;align-items:stretch}.history-auth-state{display:flex}.history-section-heading>span{align-self:flex-start}.history-section-heading select{width:100%;max-width:none}.history-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-plan-note button{align-self:flex-start;min-height:2.75rem}.history-primary-action{width:100%}.history-record-actions{justify-content:space-between}.history-download{min-height:2.75rem}}