: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}@media(max-width:720px){.site-header,.book-hero,.recall-card{flex-direction:column}.book-cover--recall{width:96px;flex-basis:96px}}