:root{font-family:system-ui,sans-serif;color:#29251e;background:#f4efe5;line-height:1.5}body{max-width:1200px;margin:auto;padding:20px}h1,h2,h3{font-family:Georgia,serif}main{display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,2fr);gap:30px}section{min-width:0}button,input,select,textarea{font:inherit;padding:10px;border:1px solid #85785f;border-radius:5px;background:#fff;color:#29251e}button{cursor:pointer;min-height:44px}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #87682b;outline-offset:2px}label{display:block;margin:10px 0}textarea{display:block;width:100%;box-sizing:border-box}audio{width:100%}.controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}#chapters{padding:0;list-style:none;max-height:65vh;overflow:auto}#chapters button{width:100%;text-align:left;margin:3px 0}#chapters button[aria-current=true]{background:#e1d0aa;border:2px solid #705321}.note{background:#fffdf8;padding:16px;margin:12px 0;border:1px solid #d4c8b0;border-radius:6px}.note p{white-space:pre-wrap;overflow-wrap:anywhere}.reply{border-left:3px solid #d4c8b0;padding-left:12px}#message{min-height:24px;color:#753b18}#note-form{background:#e9dfcc;padding:16px;margin:14px 0}#summary p{margin:6px 0}[hidden]{display:none!important}@media(max-width:750px){main{grid-template-columns:1fr}#chapters{max-height:240px}.player{padding-bottom:50px}}

#chapters button.completed{background:#e3f2e6;border-color:#4b8056;color:#214b2b}#chapters button.completed[aria-current=true]{background:#cce8d2;border:2px solid #285c35}

.review-summary{padding:12px 14px;margin:10px 0;background:#fffdf8;border:1px solid #d4c8b0;border-radius:6px}.review-summary strong{display:block}.review-summary progress{display:block;width:100%;height:12px;margin:8px 0;accent-color:#397347}.review-summary p{font-size:.9rem}#summary>small{display:block;color:#625a4a;margin-bottom:16px}

#chapters button.commented{background:#fff2b8;border-color:#a98415;color:#51400c}#chapters button.commented[aria-current=true]{background:#ffe58a;border:2px solid #8c6900}
#comment-timeline{padding:4px 12px 10px}#comment-timeline>p{font-size:.85rem;margin:4px 0;color:#625a4a}.comment-track{height:48px;position:relative;margin:0 10px}.comment-track:before{content:"";position:absolute;left:0;right:0;top:30px;height:4px;background:#cfc7b6;border-radius:2px}.comment-marker{position:absolute;top:0;transform:translateX(-50%);width:32px;height:44px;padding:0;border:0;background:transparent;color:#957000;font-size:23px;z-index:2;text-shadow:0 1px #ffe380}.comment-marker:after{content:"";position:absolute;top:30px;left:15px;height:15px;width:2px;background:#a57c00}.comment-marker:hover,.comment-marker:focus-visible{background:#fff0aa}.timeline-times{display:flex;justify-content:space-between;font-size:.8rem;color:#625a4a}#comment-cursor{position:absolute;top:26px;width:3px;height:15px;background:#29251e;z-index:1}.selected-note{border:2px solid #b38b16;background:#fff8da}#excerpt-status{font-size:.9rem;color:#64500d}

.name-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:560px;margin:24px 0}.name-choices button{min-height:76px;font-size:1.3rem;background:#fffdf8;border-color:#a48c5b}.name-choices button:hover{background:#e9dfcc}

.statistics{grid-column:1/-1;border-top:1px solid #d4c8b0;padding-top:20px}.statistics summary{cursor:pointer;font-weight:700;padding:12px 0}.statistics p{max-width:850px}#chapter-statistics{overflow-x:auto}#chapter-statistics table{border-collapse:collapse;width:100%;font-size:.9rem}#chapter-statistics th,#chapter-statistics td{padding:10px;text-align:left;border-bottom:1px solid #d4c8b0;white-space:nowrap}#chapter-statistics thead{background:#e9dfcc}