:root{color-scheme:light;--paper:#fbf7f0;--surface:#ffffff;--ink:#21343e;--muted:#596a6b;--brand:#1d5966;--line:#dfe5df;--sage:#357052;--soft:#eaf2ef}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--brand);text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--brand);outline-offset:4px}h1,h2,h3,p{margin:0 0 .7rem}h1,h2,.wordmark{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.16}h1{font-size:clamp(2.2rem,5vw,3.7rem);letter-spacing:-.04em}h2{font-size:1.7rem}h3{font-size:1.05rem;line-height:1.4}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:.65rem .8rem;background:white;color:var(--ink)}label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.4rem}small,.muted{color:var(--muted)}[hidden]{display:none!important}
.reader-top{max-width:1240px;margin:auto;padding:1.4rem 2rem;display:flex;align-items:center;gap:2rem;border-bottom:1px solid var(--line)}.wordmark{color:var(--ink);text-decoration:none;font-size:1.7rem;flex-shrink:0}.wordmark span{display:block;font:11px system-ui;letter-spacing:.12em;color:var(--muted);margin-top:.25rem}.reader-top nav{display:flex;flex-wrap:wrap;gap:1.2rem;flex:1}.reader-top nav a,.quiet-link{color:var(--muted);text-decoration:none;font-size:.9rem}.reader-top nav a[aria-current]{color:var(--brand);border-bottom:2px solid var(--brand)}.reader-main{max-width:1120px;margin:auto;padding:3rem 2rem 4rem}.reader-footer{border-top:1px solid var(--line);max-width:1120px;margin:auto;padding:1.5rem 2rem;display:flex;flex-wrap:wrap;gap:1.5rem;font-size:.85rem}.eyebrow{font-size:.73rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sage);font-weight:700;margin-bottom:.8rem}.lede{font-size:1.08rem;color:var(--muted);max-width:660px}.section{margin-top:2.5rem}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-heading h2{margin:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.5rem}.card+.card{margin-top:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1.1rem}.grid>.card+.card{margin:0}.split{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:1.6rem}.actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:1rem}.button,button.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--brand);border-radius:14px;padding:.65rem 1.2rem;background:var(--brand);color:white;text-decoration:none;min-height:44px;font-weight:600;font-size:.9rem}.button.secondary{background:transparent;color:var(--brand)}.button.quiet{background:var(--soft);border-color:var(--soft);color:var(--ink)}.notice{padding:1rem 1.2rem;border-left:3px solid var(--sage);background:#edf1eb;border-radius:4px 12px 12px 4px;margin:1rem 0}.notice.error{border-color:var(--brand);background:#f9ede7}.notice:empty{display:none}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:1rem}.badge{display:inline-block;font-size:.75rem;padding:.2rem .6rem;border-radius:30px;background:var(--soft);color:var(--muted)}.badge.success{background:#e9efe8;color:var(--sage)}.count-row{display:flex;flex-wrap:wrap;gap:1.2rem;margin:1.2rem 0}.count strong{display:block;font:1.8rem Georgia}.count{font-size:.8rem;color:var(--muted)}.book-row{display:flex;gap:1rem;align-items:flex-start;padding:.7rem 0}.book-cover{width:68px;height:101px;object-fit:cover;border-radius:3px;flex-shrink:0;background:var(--soft);box-shadow:2px 3px 8px #2b201416}.book-row h3{margin-bottom:.2rem}.book-row p{font-size:.85rem;color:var(--muted)}.book-copy{min-width:0;flex:1}.avatar{width:56px;height:56px;object-fit:cover;border-radius:50%;background:var(--soft)}.reader-head{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.reader-head h3{margin:0}.reader-about{font-size:.9rem;white-space:pre-line;overflow-wrap:anywhere}.empty{padding:2rem;text-align:center;border:1px dashed var(--line);border-radius:18px}.import-rows{list-style:none;padding:0;margin:1rem 0}.import-row{padding:1rem 0;border-top:1px solid var(--line)}.import-row h3{font-size:.95rem;margin:.4rem 0}.import-row p{margin:.2rem 0;font-size:.85rem}.import-row form{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.6rem}.import-row input{max-width:230px}.progress{width:100%;accent-color:var(--sage);height:8px}.spoiler{white-space:pre-wrap;overflow-wrap:anywhere}.spoiler summary{cursor:pointer;color:var(--brand);font-weight:500}.spoiler p{margin-top:.8rem}.skip-link{position:fixed;left:1rem;top:-100px;z-index:100;background:white;padding:1rem}.skip-link:focus{top:1rem}.tabs{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.5rem 0}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:.6rem;border-bottom:1px solid var(--line)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.reader-top{padding:1rem;gap:1rem;flex-wrap:wrap}.reader-top nav{order:3;flex-basis:100%;gap:1rem;overflow:auto;flex-wrap:nowrap;padding:.35rem 0}.reader-top>.quiet-link{margin-left:auto}.reader-main{padding:2rem 1rem 3rem}.reader-footer{padding:1.5rem 1rem;gap:1rem}.split{grid-template-columns:1fr}.card{padding:1.2rem}.section-heading{flex-wrap:wrap}.section{margin-top:2rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}