.reader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--paper);color:var(--ink)}.rail{position:fixed;left:0;top:0;bottom:0;width:var(--rail);border-right:1px solid var(--rule);display:flex;flex-direction:column;align-items:center;padding:1.1rem 0;gap:.9rem;background:var(--paper);z-index:20}.rail-btn{position:relative;width:38px;height:38px;display:grid;place-items:center;background:none;border:0;border-radius:50%;color:var(--ink-soft);cursor:pointer;flex:none;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.rail-btn:hover{background:var(--rule);color:var(--ink)}.rail-btn[aria-pressed=true]{color:var(--accent)}.rail-btn svg,.head-btn svg,.m-btn svg,.nav-btn svg{width:19px;height:19px}.n-badge{position:absolute;top:2px;right:0;min-width:15px;padding:0 .25em;border-radius:8px;background:var(--accent);color:var(--paper);font-size:.625rem;line-height:15px;font-weight:600}.spine{flex:1;width:3px;background:var(--rule);border-radius:2px;position:relative;margin:.35rem 0;min-height:60px}.spine-fill{position:absolute;left:0;top:0;right:0;background:var(--accent);border-radius:2px;height:0;transition:height var(--dur) var(--ease)}.spine-tick{position:absolute;left:-3px;right:-3px;height:1px;background:var(--ink-faint);opacity:.5}.spine-pos{position:absolute;left:50%;width:9px;height:9px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);transition:top var(--dur) var(--ease);box-shadow:0 0 0 3px var(--paper)}.rail-pct{font-size:.6875rem;color:var(--ink-faint);font-variant-numeric:tabular-nums;flex:none}.stage{position:absolute;left:var(--rail);right:0;top:0;bottom:0;display:flex;flex-direction:column}.head{flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.6rem;padding:.5rem .75rem;min-height:44px;font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);border-bottom:1px solid var(--rule);text-align:center;position:relative;z-index:10}.head-chapter{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.head-btn{position:relative;display:inline-flex;align-items:center;gap:.35rem;justify-self:start;background:none;border:0;padding:.35rem .5rem;border-radius:5px;color:var(--ink-soft);cursor:pointer;font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase}.head-right{justify-self:end}.head-btn:hover{background:var(--rule);color:var(--ink)}.scroll{flex:1;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.page{max-width:var(--measure);margin:0 auto;padding:3rem 1.5rem 1rem;font-family:var(--serif);font-size:var(--fs);line-height:var(--lh);color:var(--ink);-webkit-hyphens:auto;hyphens:auto}.foot{flex:none;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto auto;align-items:center;gap:.5rem;padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom));border-top:1px solid var(--rule);background:var(--paper);min-height:62px;position:relative;z-index:10}.nav-btn{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--rule);border-radius:50%;background:var(--paper-page);color:var(--ink-soft);cursor:pointer;transition:all var(--dur) var(--ease)}.nav-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.nav-btn:disabled{opacity:.3;cursor:default}.m-btn{display:grid;place-items:center;width:40px;height:40px;border:0;background:none;color:var(--ink-soft);border-radius:50%;cursor:pointer;position:relative}.m-btn:hover{background:var(--rule);color:var(--ink)}.m-btn[aria-pressed=true]{color:var(--accent)}.pageno{display:flex;align-items:baseline;justify-content:center;gap:.4em;font-family:var(--serif);font-size:1rem;line-height:1.35;color:var(--ink);font-variant-numeric:tabular-nums;text-align:center;min-width:0;white-space:nowrap;overflow:hidden;padding:.35rem .6rem}.pageno-cur{overflow:hidden;text-overflow:ellipsis;min-width:0}.pageno .of{flex:none;color:var(--ink-faint);font-size:.8125rem}.panel{position:fixed;top:0;bottom:0;left:var(--rail);width:min(24rem,82vw);background:var(--paper-page);border-right:1px solid var(--rule);z-index:40;display:flex;flex-direction:column;transform:translate(calc(-100% - var(--rail) - 4px));transition:transform var(--dur) var(--ease);box-shadow:1px 0 24px #00000017;visibility:hidden}.panel.open{transform:none;visibility:visible}.panel-head{flex:none;display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;border-bottom:1px solid var(--rule)}.panel-title{font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin:0}.panel-close{background:none;border:0;cursor:pointer;color:var(--ink-soft);width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.panel-close:hover{background:var(--rule);color:var(--ink)}.panel-close svg{width:15px;height:15px}.panel-body{flex:1;overflow-y:auto;padding:.5rem 0 2rem}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:30;opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease)}.scrim.show{opacity:1;pointer-events:auto}.toc-item{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:baseline;width:100%;background:none;border:0;text-align:left;cursor:pointer;color:var(--ink-soft);font-size:.875rem;line-height:1.45;padding:.5rem 1.25rem;border-left:2px solid transparent}.toc-item:hover{background:var(--rule);color:var(--ink)}.toc-item.current{border-left-color:var(--accent);color:var(--accent)}.toc-item .n{font-size:.75rem;color:var(--ink-faint);font-variant-numeric:tabular-nums}.toc-item.lv1{font-family:var(--serif);font-size:1rem;color:var(--ink);padding-top:.8rem}.toc-item.lv2{padding-left:2.1rem}.toc-item.lv3{padding-left:3rem;font-size:.8125rem}.set-group{padding:1rem 1.25rem;border-bottom:1px solid var(--rule)}.set-label{font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 .7rem}.set-help{font-size:.8125rem;color:var(--ink-soft);line-height:1.7;margin:0}.set-help kbd{font:inherit;font-size:.75rem;padding:.1em .35em;border:1px solid var(--rule);border-radius:3px;background:var(--paper)}.seg{display:flex;gap:.4rem;flex-wrap:wrap}.seg button{flex:1;min-width:3.4rem;padding:.55rem .5rem;background:var(--paper);border:1px solid var(--rule);border-radius:5px;color:var(--ink-soft);cursor:pointer;font-size:.8125rem;transition:all var(--dur) var(--ease)}.seg button:hover{border-color:var(--ink-faint)}.seg button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.page ::selection{background:color-mix(in srgb,var(--accent) 28%,transparent)}mark.mk{background:var(--mk);color:inherit;border-radius:2px;padding:.05em 0;-webkit-box-decoration-break:clone;box-decoration-break:clone;cursor:pointer}mark.mk[data-note]{border-bottom:2px solid color-mix(in srgb,var(--mk) 60%,black)}.mk-yellow{--mk: #fde68a}.mk-green{--mk: #bbf7d0}.mk-blue{--mk: #bfdbfe}.mk-pink{--mk: #fbcfe8}@media (prefers-color-scheme: dark){.mk-yellow{--mk: #6b5713}.mk-green{--mk: #14532d}.mk-blue{--mk: #1e3a5f}.mk-pink{--mk: #641e46}}[data-theme=dark] .mk-yellow{--mk: #6b5713}[data-theme=dark] .mk-green{--mk: #14532d}[data-theme=dark] .mk-blue{--mk: #1e3a5f}[data-theme=dark] .mk-pink{--mk: #641e46}.page .speaking{background:color-mix(in srgb,var(--accent) 22%,transparent);border-radius:2px}.markbar{position:fixed;z-index:80;display:flex;align-items:center;gap:.3rem;padding:.35rem .45rem;background:var(--paper-page);border:1px solid var(--rule);border-radius:9px;box-shadow:0 6px 22px #00000047}.sw{width:22px;height:22px;border-radius:50%;border:1px solid rgba(0,0,0,.18);background:var(--mk);cursor:pointer;padding:0;transition:transform var(--dur) var(--ease)}.sw:hover{transform:scale(1.14)}.sw-yellow{--mk: #fde68a}.sw-green{--mk: #bbf7d0}.sw-blue{--mk: #bfdbfe}.sw-pink{--mk: #fbcfe8}.sw[aria-pressed=true]{box-shadow:0 0 0 2px var(--accent)}.mb-sep{width:1px;height:20px;background:var(--rule);margin:0 .15rem}.mb-act{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:6px;background:none;color:var(--ink-soft);cursor:pointer}.mb-act:hover{background:var(--rule);color:var(--ink)}.mb-act svg{width:16px;height:16px}.noteedit{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000006b;z-index:85;display:grid;place-items:center;padding:1.25rem}.note-box{width:min(26rem,100%);background:var(--paper-page);border:1px solid var(--rule);border-radius:10px;padding:1.1rem}.note-box .note-quote{font-family:var(--serif);font-size:.9375rem;line-height:1.45;color:var(--ink-soft);border-left:2px solid var(--accent);padding-left:.7rem;margin:0 0 .9rem}.note-colours{display:flex;gap:.45rem;margin-bottom:.8rem}.note-box textarea{width:100%;font:inherit;font-size:.9375rem;padding:.6rem .7rem;border:1px solid var(--rule);border-radius:6px;background:var(--paper);color:var(--ink);resize:vertical}.note-box textarea:focus{outline:none;border-color:var(--accent)}.note-actions{display:flex;gap:.5rem;margin-top:.9rem}.note-actions .btn{flex:1}.notes-empty{padding:1.4rem 1.25rem;color:var(--ink-faint);font-size:.875rem;line-height:1.55;margin:0}.note-item{display:grid;grid-template-columns:auto 1fr;gap:.65rem;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--rule);padding:.85rem 1.25rem;cursor:pointer}.note-item:hover{background:var(--rule)}.note-swatch{width:10px;height:10px;border-radius:50%;background:var(--mk);margin-top:.35rem}.note-body{min-width:0}.note-quote-sm{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--serif);font-size:.875rem;line-height:1.4;color:var(--ink)}.note-text{display:block;font-size:.8125rem;color:var(--ink-soft);margin-top:.35rem;padding-left:.55rem;border-left:2px solid var(--accent)}.note-where{display:block;font-size:.6875rem;color:var(--ink-faint);margin-top:.4rem;letter-spacing:.04em}.page img{max-width:100%;height:auto;display:block;margin:1.4rem auto;border-radius:2px}.page figure{margin:1.6rem 0}.page figcaption{font-family:var(--sans);font-size:.8125rem;color:var(--ink-soft);border:0;border-left:2px solid var(--rule);padding:.2rem 0 .2rem .8rem;margin-top:.6rem}.page h1,.page h2,.page h3,.page h4{font-family:var(--serif);font-weight:600;line-height:1.25;letter-spacing:-.01em;margin:1.8rem 0 .8rem;color:var(--ink)}.page h1{font-size:1.6rem}.page h2{font-size:1.3rem}.page h3{font-size:1.1rem}.page>*:first-child{margin-top:0}.page p{margin:0 0 .85em}.page a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:2px}.page a[data-dead]{color:var(--ink-faint);text-decoration:none;cursor:default;border-bottom:1px dotted var(--ink-faint)}.page table{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:.8125rem;margin:1.2rem 0}.page td,.page th{border:1px solid var(--rule);padding:.45rem .6rem;text-align:left}.page th{background:var(--rule);font-weight:600}.tablewrap{overflow-x:auto;margin:1.2rem 0;-webkit-overflow-scrolling:touch}.tablewrap table{margin:0}.page .text-box,.page div.section,.page aside{background:var(--accent-dim);border:0;border-left:2px solid var(--accent);border-radius:0 3px 3px 0;padding:.9rem 1.1rem;margin:1.4rem 0;font-size:.9375rem}.page blockquote{margin:1.4rem 0;padding-left:1.1rem;border-left:2px solid var(--rule);color:var(--ink-soft);font-style:italic}.page ul,.page ol{padding-left:1.4rem;margin:0 0 .9em}.page li{margin-bottom:.35em}.page .list-style-type-none{list-style-type:none;padding-left:0}.page hr.emptyline{border:0;margin:1.2rem 0}.page hr.separator{border:0;border-top:1px solid var(--rule);width:3rem;margin:2rem auto;height:0}.page .page-normal:after,.page .page-front:after,.page .page-special:after{content:none}@media (max-width: 820px){.reader{--rail: 0px;--measure: 100%}.rail{display:none}.panel{left:0;width:min(23rem,88vw)}.head{padding:.5rem;font-size:.625rem}.page{padding:1.75rem 1.25rem 1rem}.foot{gap:.35rem}.pageno{font-size:.9375rem}}:root{--paper: #eceef1;--paper-page: #f7f8fa;--ink: #16191f;--ink-soft: #4a515c;--ink-faint: #8b929d;--rule: #d3d7dd;--accent: #b3742a;--accent-dim: #e8d9c2;--danger: #b4453c;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans: ui-sans-serif, system-ui, "Segoe UI", Inter, Helvetica, Arial, sans-serif;--rail: 84px;--measure: 34rem;--fs: 1.0625rem;--lh: 1.7;--dur: .22s;--ease: cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme: dark){:root{--paper: #14161a;--paper-page: #1b1e23;--ink: #e4e7ec;--ink-soft: #a8aeb8;--ink-faint: #6d747f;--rule: #2c313a;--accent: #d8a05a;--accent-dim: #3d3426;--danger: #e0736a}}:root[data-theme=dark]{--paper:#14161a;--paper-page:#1b1e23;--ink:#e4e7ec;--ink-soft:#a8aeb8;--ink-faint:#6d747f;--rule:#2c313a;--accent:#d8a05a;--accent-dim:#3d3426;--danger:#e0736a}:root[data-theme=light]{--paper:#eceef1;--paper-page:#f7f8fa;--ink:#16191f;--ink-soft:#4a515c;--ink-faint:#8b929d;--rule:#d3d7dd;--accent:#b3742a;--accent-dim:#e8d9c2;--danger:#b4453c}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-text-size-adjust:100%;text-size-adjust:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}button{font:inherit;color:inherit}a{color:var(--accent)}.login-wrap{min-height:100%;display:grid;place-items:center;padding:2rem 1.25rem}.login-card{width:min(23rem,100%)}.login-eyebrow{font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 .6rem}.login-title{font-family:var(--serif);font-weight:400;font-size:clamp(1.8rem,6vw,2.4rem);line-height:1.1;letter-spacing:-.02em;margin:0 0 1.8rem}.field{margin-bottom:.9rem}.field label{display:block;font-size:.75rem;color:var(--ink-soft);margin-bottom:.35rem;letter-spacing:.03em}.field input{width:100%;padding:.65rem .75rem;font:inherit;font-size:.9375rem;background:var(--paper-page);color:var(--ink);border:1px solid var(--rule);border-radius:6px}.field input:focus{outline:none;border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1rem;border-radius:6px;cursor:pointer;border:1px solid var(--rule);background:var(--paper-page);color:var(--ink-soft);font-size:.875rem;transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.btn:hover:not(:disabled){border-color:var(--ink-faint);color:var(--ink)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;width:100%}.btn-primary:hover:not(:disabled){filter:brightness(1.07);color:#fff}.btn-danger{color:var(--danger)}.btn-sm{padding:.35rem .6rem;font-size:.8125rem}.error-msg{background:color-mix(in srgb,var(--danger) 12%,transparent);border-left:2px solid var(--danger);color:var(--danger);padding:.55rem .7rem;border-radius:0 4px 4px 0;font-size:.8125rem;margin-bottom:.9rem}.shelf-wrap{min-height:100%;padding:clamp(1.5rem,5vh,3rem) 1.5rem 4rem;max-width:62rem;margin:0 auto}.shelf-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:2rem}.shelf-title{font-family:var(--serif);font-weight:400;font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.1;letter-spacing:-.02em;margin:.2rem 0 0}.shelf-actions{display:flex;gap:.5rem;align-items:center;flex:none}.who{font-size:.8125rem;color:var(--ink-faint);margin-right:.3rem}.shelf-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2.25rem 1.5rem}.shelf-item{min-width:0}.shelf-btn{display:grid;grid-template-rows:auto auto 1fr auto;height:100%;width:100%;padding:0;background:none;border:0;text-align:left;cursor:pointer}.jacket{display:block;position:relative;width:100%;aspect-ratio:41 / 58;overflow:hidden;border-radius:3px;background:var(--paper-page);box-shadow:0 1px 2px #00000038,0 6px 14px -6px #00000047}.jacket img{width:100%;height:100%;object-fit:cover;display:block}.jacket:after{content:"";position:absolute;top:-60%;bottom:-60%;left:-75%;width:45%;pointer-events:none;background:linear-gradient(to right,#fff0,#ffffff61,#fff0);transform:translate(0) rotate(18deg);transition:transform .75s cubic-bezier(.25,.6,.3,1)}.shelf-btn:hover .jacket:after,.shelf-btn:focus-visible .jacket:after{transform:translate(340%) rotate(18deg)}.jacket-set{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:1rem .9rem;background:linear-gradient(160deg,var(--accent-dim) 0%,var(--paper-page) 62%)}.js-kicker{font-size:.5625rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.js-title{font-family:var(--serif);font-size:.9375rem;line-height:1.22;color:var(--ink);letter-spacing:-.01em}.shelf-prog{height:2px;background:var(--rule);margin-top:.55rem;border-radius:1px;overflow:hidden}.shelf-prog[data-empty]{background:transparent}.shelf-prog i{display:block;height:100%;background:var(--accent);border-radius:1px}.shelf-name{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--serif);font-size:.9375rem;line-height:1.32;min-height:2.64em;margin-top:.7rem;color:var(--ink);transition:color var(--dur) var(--ease)}.shelf-btn:hover .shelf-name{color:var(--accent)}.shelf-foot{align-self:end;margin-top:.3rem;min-height:1.05rem}.shelf-meta{font-size:.75rem;color:var(--ink-faint);font-variant-numeric:tabular-nums}.shelf-resume{color:var(--accent)}.shelf-meta .dot{opacity:.5;margin:0 .35em}.empty-note{color:var(--ink-faint);font-size:.9375rem;line-height:1.6;padding:2rem 0;max-width:32rem}@media (max-width: 520px){.shelf-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:1.6rem 1rem}.shelf-name{font-size:.875rem}}.admin-wrap{max-width:62rem;margin:0 auto;padding:2rem 1.5rem 4rem}.admin-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.6rem;gap:1rem}.admin-tabs{display:flex;gap:.3rem;margin-bottom:1.4rem;border-bottom:1px solid var(--rule)}.admin-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:.6rem .9rem;cursor:pointer;color:var(--ink-soft);font-size:.875rem}.admin-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th{text-align:left;font-weight:500;font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);padding:.5rem .6rem;border-bottom:1px solid var(--rule)}.table td{padding:.65rem .6rem;border-bottom:1px solid var(--rule);vertical-align:middle}.table tr:hover td{background:color-mix(in srgb,var(--rule) 40%,transparent)}.tag{display:inline-block;font-size:.6875rem;padding:.12rem .45rem;border-radius:4px;background:var(--rule);color:var(--ink-soft)}.tag-admin{background:var(--accent-dim);color:var(--accent)}.tag-off{opacity:.6}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;padding:1.25rem;z-index:90}.modal{width:min(30rem,100%);max-height:86vh;overflow-y:auto;background:var(--paper-page);border:1px solid var(--rule);border-radius:10px;padding:1.25rem}.modal h3{margin:0 0 1rem;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-weight:500}.modal-actions{display:flex;gap:.6rem;margin-top:1.1rem}.modal-actions .btn{flex:1}.check-list{display:grid;gap:.1rem;margin:.4rem 0 0}.check-row{display:flex;align-items:center;gap:.6rem;padding:.5rem .4rem;border-radius:5px;cursor:pointer;font-size:.875rem}.check-row:hover{background:var(--rule)}.check-row input{accent-color:var(--accent);width:16px;height:16px}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--rule);border-top-color:var(--accent);animation:spin .7s linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}