:root{font-family:system-ui,sans-serif;color:#23352c;background:#f5f5ee;line-height:1.65}body{max-width:1050px;margin:auto;padding:24px}header,nav{margin-bottom:24px}a{color:#225f44}h1{font-size:32px}form{display:flex;gap:12px;flex-wrap:wrap;padding:20px;background:#e7ede1;border-radius:12px}input,button{font:inherit;padding:10px;border:1px solid #b0beae;border-radius:6px}button{background:#225f44;color:white}article{padding:18px 22px;margin:16px 0;border:1px solid #dde3d7;border-radius:12px;background:white}article p,pre{white-space:pre-wrap;overflow-wrap:anywhere}img{max-width:100%;height:auto}pre{background:white;padding:20px;font:inherit}input{max-width:100%;box-sizing:border-box}@media(max-width:600px){body{padding:16px}h1{font-size:26px}form{display:block}input{width:100%}button{margin-top:12px}}
.library-menu{position:relative;margin-bottom:16px}.library-menu summary{cursor:pointer;list-style:none;width:36px;padding:4px;text-align:center;border-radius:8px;background:#e7ede1}.library-menu nav{display:flex;flex-direction:column;gap:8px;padding:16px;background:white;border:1px solid #dde3d7;border-radius:8px;max-width:240px}.library-menu a[aria-current=page]{font-weight:bold}
[hidden]{display:none!important}*{box-sizing:border-box}a{text-underline-offset:4px}h1{line-height:1.3;overflow-wrap:anywhere}small,.muted{color:#657569}.library-tabs{display:flex;gap:10px;flex-wrap:wrap}.library-tabs a,.button{display:inline-block;padding:10px 18px;border-radius:8px;text-decoration:none}.library-tabs a[aria-current=page],.button{background:#225f44;color:#fff}.button.secondary{background:#e7ede1;color:#225f44}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:22px}.book-card{margin:0;padding:16px;min-width:0}.book-card h3{font-size:17px;line-height:1.5}.cover-link{display:block;background:#eceee8;border-radius:8px;overflow:hidden}.cover-link img{display:block;width:100%;height:240px;object-fit:contain}.book-header{display:grid;grid-template-columns:230px 1fr;gap:32px;background:#fff;padding:28px;border-radius:16px;margin:24px 0}.cover{width:230px;max-height:340px;object-fit:contain}.eyebrow{font-size:14px;letter-spacing:.05em}.contents{background:#fff;padding:24px;border-radius:16px}.contents ol{padding-left:28px}.contents li{border-bottom:1px solid #edf0e9;padding:12px 0}.toc-link{display:flex;justify-content:space-between;gap:16px;text-decoration:none}.toc-link span{overflow-wrap:anywhere}.toc-link small{flex-shrink:0}.reader-toolbar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding:14px;background:#fff;border-radius:12px}.reader-toolbar nav{display:flex;gap:14px;flex-wrap:wrap;margin:0}.reader-toolbar form{padding:0;background:none;margin:0;align-items:center}.reader-toolbar input{width:84px}.reader-toolbar button{cursor:pointer}.reader-contents{margin:16px 0;padding:12px;background:#e7ede1;border-radius:8px}.reader-contents summary,.transcript summary{cursor:pointer}.reader-contents nav{display:flex;flex-direction:column;gap:10px;max-height:350px;overflow:auto;margin:12px 0 0}.page-viewport{overflow:auto;background:#dfe3dc;border-radius:8px;max-width:100%}#page-image{display:block;width:100%;max-width:none;height:auto;margin:auto}.transcript{background:white;padding:18px;border-radius:12px}.transcript pre{padding:0}.reader-body h1{font-size:25px}@media(max-width:600px){.book-header{grid-template-columns:1fr;padding:20px;gap:12px}.cover{width:150px;max-height:220px;margin:auto}.book-header h1{font-size:24px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.book-card{padding:10px}.cover-link img{height:185px}.contents{padding:16px}.reader-toolbar{gap:12px}.reader-toolbar form{display:flex}.reader-toolbar input{width:70px}.reader-toolbar button{margin:0}.reader-toolbar nav{font-size:14px}.toc-link{gap:8px}}
.site-header{display:flex;align-items:center;flex-wrap:wrap;gap:20px;border-bottom:1px solid #dce4d9;padding-bottom:18px}.site-header .brand{font-weight:750;font-size:20px;text-decoration:none}.site-header nav{display:flex;gap:16px;flex-wrap:wrap;margin:0}.site-header form{margin:0;padding:0;background:none;margin-left:auto}.site-header button{font-size:13px;padding:5px 12px}.login-card{max-width:460px;margin:12vh auto;background:white;border-radius:18px;padding:32px}.login-card form,.settings-form{display:flex;flex-direction:column;align-items:stretch}.settings-form{max-width:640px}.settings-form input,.login-card input{width:100%}.contents-row{display:flex;gap:10px;flex-wrap:wrap;width:100%}.contents-row input[name=title]{flex:1;min-width:130px}.contents-row input[name=page]{width:90px}.edit-contents{float:right}#contents-form{display:flex;flex-direction:column}#contents-rows{display:flex;gap:12px;flex-direction:column;width:100%}input[type=checkbox]{width:auto}@media(max-width:600px){.site-header{gap:12px}.site-header nav{font-size:14px;gap:12px}.site-header form{margin-left:0}.contents-row button{margin:0}.login-card{padding:22px;margin:40px auto}}