:root{--cream: #f4efe6;--paper: #fbf7ef;--ink: #2a241c;--ink-soft: #5c5348;--rule: #d8cfc0;--rust: #7a3e2e;--sage: #4d5a43;--moss: #6b7a58;--shadow: 0 18px 40px rgba(42, 36, 28, .08);--serif: "Fraunces", "Iowan Old Style", "Palatino Linotype", Palatino, serif;--text: "Source Serif 4", "Palatino Linotype", Palatino, serif;--sans: "Source Sans 3", "Helvetica Neue", Helvetica, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(1200px 500px at 10% -10%,rgba(122,62,46,.06),transparent 50%),radial-gradient(900px 400px at 100% 0%,rgba(77,90,67,.05),transparent 46%),var(--cream);color:var(--ink);font-family:var(--text);font-size:1.05rem;line-height:1.65}h1,h2,h3,.wordmark{font-family:var(--serif);font-optical-sizing:auto;font-weight:560;letter-spacing:-.02em;line-height:1.15}h1{font-size:clamp(2rem,4vw,3.1rem);margin:0 0 .6rem}h2{font-size:1.05rem;font-weight:680;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .75rem}p{margin:0 0 1rem}a{color:inherit}button,.btn{font-family:var(--sans)}.app-shell{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:1.5rem 0 3rem}.site-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--rule)}.wordmark{font-size:2rem;text-decoration:none}.tagline{margin:.15rem 0 0;color:var(--ink-soft);font-family:var(--sans);font-size:.82rem;letter-spacing:.12em;text-transform:lowercase}.site-nav{display:flex;gap:1.25rem;font-family:var(--sans);font-size:.95rem;letter-spacing:.04em}.site-nav a{text-decoration:none;color:var(--ink-soft);border-bottom:1px solid transparent;padding-bottom:.15rem}.site-nav a.active,.site-nav a:hover{color:var(--ink);border-bottom-color:var(--ink)}.site-main{padding:2.25rem 0 3rem}.site-footer{border-top:1px solid var(--rule);padding-top:1.25rem;color:var(--ink-soft);font-family:var(--sans);font-size:.85rem}.site-footer p{margin:0}.page-heading{max-width:40rem;margin-bottom:2.25rem}.eyebrow,.crumb{font-family:var(--sans);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.7rem}.crumb a{color:var(--rust);text-decoration:none}.lede{color:var(--ink-soft);font-size:1.15rem}.muted{color:var(--ink-soft)}.shelf-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1.75rem 1.25rem}.shelf-card{display:flex;flex-direction:column;gap:.85rem;text-decoration:none}.shelf-card__meta h2{font-family:var(--serif);font-size:1.05rem;letter-spacing:-.01em;text-transform:none;margin:0 0 .2rem}.shelf-card__meta p{margin:0;color:var(--ink-soft);font-family:var(--sans);font-size:.9rem}.shelf-card:hover .book-cover,.shelf-card:focus-visible .book-cover{transform:translateY(-4px)}.book-cover{position:relative;aspect-ratio:2 / 3;border-radius:3px 6px 6px 3px;overflow:hidden;box-shadow:var(--shadow);background:#2f2a24;transition:transform .18s ease}.book-cover--detail{width:min(220px,42vw)}.book-cover--recall{width:120px;flex:0 0 120px}.spine-face,.book-cover__image{position:absolute;inset:0;width:100%;height:100%}.spine-face{display:flex;flex-direction:column;justify-content:flex-end;padding:.9rem .75rem .85rem}.spine-face__rule{width:2.2rem;height:2px;margin-bottom:.65rem;opacity:.7}.spine-face__title{font-family:var(--serif);font-size:.98rem;line-height:1.2;margin:0 0 .35rem}.spine-face__author{font-family:var(--sans);font-size:.72rem;letter-spacing:.04em;margin:0}.book-cover__image{object-fit:cover;object-position:center top}.book-hero{display:flex;gap:2rem;align-items:flex-start;margin:1.5rem 0 2.5rem}.book-hero__copy{flex:1;min-width:0}.byline{font-family:var(--sans);color:var(--ink-soft);margin-top:-.25rem}.one-liner{font-size:1.25rem;font-style:italic;max-width:36rem}.book-hero__actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.25rem}.insight-block{background:var(--paper);border:1px solid rgba(216,207,192,.8);border-radius:10px;padding:1.25rem 1.35rem 1.15rem;margin-bottom:1rem}.insight-block p:last-child,.insight-block ol:last-child,.insight-block ul:last-child{margin-bottom:0}.key-ideas,.prompt-list{margin:0;padding-left:1.15rem}.key-ideas li,.prompt-list li{margin-bottom:.45rem}.book-meta{margin-top:1.5rem;font-family:var(--sans);font-size:.85rem;color:var(--ink-soft)}.book-meta p{margin:0 0 .25rem}.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);background:var(--ink);color:var(--cream);text-decoration:none;padding:.55rem 1rem;border-radius:999px;font-size:.92rem;cursor:pointer}.btn--ghost{background:transparent;color:var(--ink)}.btn--score{min-width:6.2rem}.btn--knew{background:var(--sage);border-color:var(--sage)}.btn--partial{background:transparent;color:var(--ink)}.btn--missed{background:var(--rust);border-color:var(--rust);color:var(--cream)}.recall-card{display:flex;gap:1.5rem;align-items:flex-start;background:var(--paper);border:1px solid var(--rule);border-radius:12px;padding:1.4rem;box-shadow:var(--shadow)}.recall-card__book{font-family:var(--sans);font-size:.85rem;letter-spacing:.04em;color:var(--ink-soft);margin-bottom:.4rem}.recall-prompt{font-family:var(--serif);font-size:clamp(1.35rem,3vw,1.85rem);line-height:1.3;margin-bottom:1.1rem}.recall-answer{border-top:1px solid var(--rule);padding-top:1rem;margin-top:.4rem}.recall-answer__lede{font-style:italic}.recall-answer ul{margin:0 0 1rem;padding-left:1.1rem}.score-row{display:flex;flex-wrap:wrap;gap:.6rem}.score-tally{list-style:none;display:flex;gap:1.5rem;padding:0;margin:0 0 1.5rem;font-family:var(--sans)}.score-tally strong{font-family:var(--serif);font-size:1.6rem;display:block}.shelf-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem 1.25rem;margin:-.5rem 0 1.6rem}.filter-pills{display:flex;flex-wrap:wrap;gap:.35rem}.filter-pills button,.sort-label select{appearance:none;font-family:var(--sans);font-size:.78rem;letter-spacing:.04em;border:1px solid var(--rule);background:transparent;color:var(--ink-soft);border-radius:999px;padding:.28rem .7rem;cursor:pointer}.filter-pills button[aria-pressed=true],.filter-pills button:hover{color:var(--ink);border-color:var(--ink)}.sort-label{display:inline-flex;align-items:center;gap:.45rem;margin-left:auto;font-family:var(--sans);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.sort-label select{text-transform:none;letter-spacing:.02em;padding-right:1.6rem;background-image:linear-gradient(45deg,transparent 50%,var(--ink-soft) 50%),linear-gradient(135deg,var(--ink-soft) 50%,transparent 50%);background-position:calc(100% - 12px) 50%,calc(100% - 7px) 50%;background-size:5px 5px;background-repeat:no-repeat}.shelf-count{margin:-.6rem 0 1rem;font-family:var(--sans);font-size:.85rem}.shelf-card__cover{position:relative}.shelf-marks{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .45rem;margin-top:.45rem;min-height:1.15rem}.status-chip,.tier-badge{font-family:var(--sans);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.12rem .42rem;line-height:1.2}.status-chip--pending{color:var(--ink-soft);border:1px solid var(--rule)}.status-chip--partial{color:var(--moss);border:1px solid rgba(107,122,88,.45)}.status-chip--total{color:var(--sage);border:1px solid rgba(77,90,67,.4);background:#4d5a4314}.tier-badge--A{background:var(--rust);color:var(--cream)}.tier-badge--B{color:var(--sage);border:1px solid rgba(77,90,67,.4)}.tier-badge--C{color:var(--ink-soft);border:1px solid var(--rule)}.tier-badge--corner{position:absolute;top:.4rem;right:.4rem;z-index:1;box-shadow:0 6px 16px #2a241c2e}.personal-panel{background:var(--paper);border:1px solid rgba(216,207,192,.8);border-radius:10px;padding:1.25rem 1.35rem 1.2rem;margin-bottom:1.25rem}.personal-panel__lede,.personal-field__hint{font-family:var(--sans);font-size:.88rem;color:var(--ink-soft);margin:0 0 1rem}.personal-panel__grid{display:grid;gap:1.15rem}.personal-field{margin:0;padding:0;border:0}.personal-field legend{font-family:var(--sans);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.5rem;padding:0}.personal-field__row{display:flex;align-items:center;gap:.75rem}.segmented{display:flex;flex-wrap:wrap;gap:.45rem}.segmented button{appearance:none;display:flex;flex-direction:column;align-items:flex-start;gap:.05rem;min-width:6.4rem;padding:.45rem .75rem;border:1px solid var(--rule);border-radius:10px;background:transparent;color:var(--ink);font-family:var(--sans);cursor:pointer}.segmented button small{color:var(--ink-soft);font-size:.72rem}.segmented button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--cream)}.segmented button[aria-pressed=true] small{color:#f4efe6b8}.segmented--tiers button{min-width:4.8rem}.tier-choice--A[aria-pressed=true]{background:var(--rust);border-color:var(--rust)}.star-rating{display:inline-flex;gap:.1rem}.star{appearance:none;border:0;background:transparent;color:var(--rule);font-size:1.35rem;line-height:1;padding:0 .05rem;cursor:pointer}.star--on{color:var(--rust)}.star-rating--sm .star{font-size:.92rem;cursor:inherit}.star-rating:not(.star-rating--sm) .star:hover,.star-rating:not(.star-rating--sm) .star:focus-visible{color:var(--rust)}.text-btn{appearance:none;border:0;background:transparent;color:var(--ink-soft);font-family:var(--sans);font-size:.82rem;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:.15em}.eyebrow .tier-badge{letter-spacing:.08em;vertical-align:.1em}.dash-grid,.dash-split{display:grid;gap:1rem;margin-bottom:1rem}.dash-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.dash-split{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.dash-card{background:var(--paper);border:1px solid rgba(216,207,192,.8);border-radius:10px;padding:1.2rem 1.3rem 1.15rem}.dash-card__value{font-family:var(--serif);font-size:2.2rem;line-height:1;margin:0 0 .4rem}.dash-card__hint{margin:0;font-family:var(--sans);font-size:.88rem;color:var(--ink-soft)}.progress-track{height:5px;margin-top:.85rem;background:var(--rule);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--sage);border-radius:inherit}.dash-breakdown{list-style:none;margin:0;padding:0}.dash-breakdown li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.4rem 0;border-bottom:1px solid rgba(216,207,192,.7);font-family:var(--sans)}.dash-breakdown li:last-child{border-bottom:0;padding-bottom:0}.dash-breakdown small{color:var(--ink-soft)}.dash-breakdown strong{font-family:var(--serif);font-size:1.25rem}.tier-emphasis{color:var(--rust)}.dash-transfer{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--rule)}.dash-transfer p{color:var(--ink-soft);max-width:36rem}.dash-transfer code{font-size:.88em}.file-btn{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.transfer-note{margin:.9rem 0 0;font-family:var(--sans);font-size:.88rem;color:var(--sage)}.transfer-note--error{color:var(--rust)}.dashboard-foot{margin-top:2rem;font-family:var(--sans)}.dashboard-foot a{color:var(--rust);text-decoration:none}@media(max-width:720px){.site-header,.book-hero,.recall-card{flex-direction:column}.book-cover--recall{width:96px;flex-basis:96px}.sort-label{margin-left:0}}