.reading-page{--reading-accent:#c56a31;--reading-accent-soft:color-mix(in srgb, var(--reading-accent) 13%, transparent);max-width:900px}.reading-header{margin-bottom:1.25rem}.reading-intro{max-width:720px;color:var(--secondary);font-size:.98rem}.reading-dashboard{display:grid;gap:1.25rem;margin-top:2rem}.reading-status,.reading-error,.reading-noscript{margin:0;padding:.9rem 1rem;border:1px solid var(--border);border-radius:var(--card-radius);color:var(--secondary);background:var(--entry)}.reading-error{display:flex;align-items:center;justify-content:space-between;gap:1rem}.reading-error[hidden],.reading-status[hidden]{display:none}.reading-error p{margin:0}.reading-retry{flex:none;padding:.55rem .9rem;border:1px solid var(--border);border-radius:999px;color:var(--primary);background:var(--theme);cursor:pointer}.reading-retry:hover{box-shadow:var(--btn-hover-shadow)}.reading-snapshot-meta{display:flex;align-items:center;gap:.45rem;margin-bottom:1rem;color:var(--secondary);font-size:.82rem;letter-spacing:.02em}.reading-section{margin:0 0 1.25rem;padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--border);border-radius:calc(var(--card-radius) + 4px);background:var(--entry)}.reading-section__heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.15rem}.reading-section__heading h2{margin:0;font-size:clamp(1.15rem,3vw,1.45rem)}.reading-eyebrow{margin:0 0 .2rem;color:var(--reading-accent);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.reading-comparison,.reading-privacy-note{margin:0;color:var(--secondary);font-size:.8rem}.reading-comparison{padding:.3rem .6rem;border-radius:999px;background:var(--reading-accent-soft);color:var(--reading-accent);font-weight:600}.reading-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0}.reading-metric{min-width:0;padding:.9rem;border-radius:var(--card-radius);background:var(--theme)}.reading-metric__label,.reading-metric__detail{color:var(--secondary);font-size:.76rem}.reading-metric__value{margin:.28rem 0 .18rem;font-size:clamp(1.05rem,3vw,1.35rem);font-weight:700;line-height:1.25}.reading-metric__detail{display:block;line-height:1.35}.reading-months{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:.45rem;height:190px;margin:0;padding:0;list-style:none}.reading-month{display:grid;grid-template-rows:1.5rem minmax(0,1fr)1.2rem;align-items:end;gap:.35rem;height:100%;min-width:0;text-align:center}.reading-month__value,.reading-month__label{overflow:hidden;color:var(--secondary);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.reading-month__bar{display:block;width:100%;height:var(--reading-bar,0%);min-height:2px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--reading-accent),color-mix(in srgb,var(--reading-accent) 60%,var(--secondary)))}.reading-categories{display:grid;gap:.9rem}.reading-category__heading{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.4rem}.reading-category__name{font-weight:600}.reading-category__meta{color:var(--secondary);font-size:.78rem;text-align:right}.reading-category__track{height:7px;overflow:hidden;border-radius:999px;background:var(--theme)}.reading-category__fill{display:block;width:var(--reading-category,0%);height:100%;border-radius:inherit;background:var(--reading-accent)}.reading-books{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:0;padding:0;list-style:none}.reading-book{display:grid;grid-template-columns:72px minmax(0,1fr);gap:.85rem;min-width:0;padding:.75rem;border:1px solid var(--border);border-radius:var(--card-radius);background:var(--theme)}.reading-book__cover{display:grid;place-items:center;width:72px;aspect-ratio:3/4;overflow:hidden;border-radius:7px;color:var(--reading-accent);background:var(--reading-accent-soft)}.reading-book__cover img{width:100%;height:100%;object-fit:cover}.reading-book__monogram{font-family:Georgia,noto serif sc,serif;font-size:1.5rem;font-weight:700}.reading-book__body{min-width:0}.reading-book__badges{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.45rem}.reading-book__type,.reading-book__finished{padding:.15rem .38rem;border-radius:999px;color:var(--secondary);background:var(--entry);font-size:.67rem}.reading-book__finished{color:var(--reading-accent)}.reading-book__title{display:-webkit-box;overflow:hidden;margin:0 0 .28rem;font-size:.94rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.reading-book__author,.reading-book__details,.reading-empty{margin:.18rem 0 0;color:var(--secondary);font-size:.75rem;line-height:1.45}.reading-empty{margin:0}@media(max-width:720px){.reading-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-books{grid-template-columns:1fr}.reading-months{gap:.25rem}.reading-month__value{writing-mode:vertical-rl;justify-self:center}}@media(max-width:420px){.reading-section__heading{align-items:start;flex-direction:column}.reading-metrics{grid-template-columns:1fr}.reading-months{height:165px}.reading-month__label{font-size:.6rem}}@media(prefers-reduced-motion:reduce){.reading-retry{transition:none}}:root[data-theme=dark] .reading-page{--reading-accent:#e49a69}