body{background:#0B0B0E;color:#f2ece4}.book-main{padding-block:24px 70px}.book-main h1{margin:20px 0}.book-main section{margin-block:28px}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:18px;margin:24px 0}.book-card{background:#17171c;border:1px solid #ebae5e44;border-radius:14px;padding:14px;min-width:0}.book-card img{display:block;width:100%;height:200px;object-fit:contain;background:#0b0b0e;border-radius:8px}.book-card h3{font-size:17px;margin:12px 0 6px}.book-card p{font-size:13px}.book-card a{color:inherit;text-decoration:none}.book-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0}.book-search{display:grid;gap:8px;max-width:620px}.book-main input,.book-main select,.book-main textarea,.reader-settings select{font:inherit;color:inherit;background:#151519;border:1px solid #ebae5e66;border-radius:8px;padding:10px;max-width:100%;box-sizing:border-box}.book-main form>label{display:grid;gap:8px;margin:16px 0}.book-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.book-fields label{display:grid;gap:8px}.book-check{display:flex;align-items:flex-start;gap:10px;margin:12px 0}.book-check input{margin-top:4px}fieldset{border:1px solid #ebae5e66;border-radius:10px}.book-detail-head{display:grid;grid-template-columns:180px 1fr;gap:24px}.book-detail-head>img{width:180px;max-height:270px;object-fit:contain}.book-description{white-space:pre-wrap;line-height:1.6}.book-chapters{display:grid;gap:8px}.book-chapters button{text-align:left;padding:12px;border-bottom:1px solid #ebae5e33}.book-main button:disabled{opacity:.5;cursor:default}.personal-reader[hidden],[hidden]{display:none!important}.personal-reader{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;background:#0B0B0E;color:#ede3d4;--reading-size:20px}.personal-reader[data-theme=paper]{background:#f2e7d3;color:#30251a}.personal-reader[data-theme=light]{background:#fff;color:#202024}.personal-reader-open{overflow:hidden}.personal-reader-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid #ebae5e55}.personal-reader-head h2{font-size:17px;margin:5px 0}.personal-reader-head button{color:inherit}.personal-reader-page{flex:1;overflow:auto;padding:26px 20px;line-height:1.8;font-size:var(--reading-size);overscroll-behavior:contain}.personal-prose{max-width:800px;margin:auto;overflow-wrap:anywhere}.personal-prose h1,.personal-prose h2{font-size:1.3em;line-height:1.4}.personal-prose p{margin:0 0 1em}.personal-prose img{max-width:100%;height:auto}.personal-reader-nav{display:flex;align-items:center;justify-content:center;gap:24px;padding:12px;border-top:1px solid #ebae5e55}.personal-reader-progress{height:3px;background:#ebae5e22}.personal-reader-progress span{display:block;height:100%;background:#ebae5e}.reader-settings{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:8px 20px;font-size:13px}.reader-settings label{display:flex;align-items:center;gap:8px}.reader-settings select{padding:4px;color:#ede3d4}.reading-notice{max-width:800px;margin:20px auto;border-top:1px solid #ebae5e66;padding-top:16px}.personal-book-spine{font-size:24px;color:#ffb86c}.personal-book-card{padding:16px;background:#17171c;border:1px solid #ebae5e44;border-radius:12px}.personal-book-actions{display:flex;gap:8px;flex-wrap:wrap}.pdf-reader-wrap{height:100%;min-height:65vh}.pdf-reader-frame{width:100%;height:90%;border:0}.book-main .btn{font-size:14px}.book-main a,.book-main .quiet{color:#ffb86c}.book-main .primary{color:#1a1010}#book-editor{max-width:850px}#book-save-status,#studio-status{white-space:pre-wrap}@media(max-width:540px){.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.book-card{padding:10px}.book-card img{height:160px}.book-detail-head{grid-template-columns:1fr}.book-detail-head>img{width:140px}.personal-reader-head{padding:10px}.personal-reader-head h2{font-size:14px}.reader-settings{gap:8px;padding:8px}.reader-settings input{max-width:100px}}@media(max-width:340px){.book-grid{grid-template-columns:1fr}}

.chapter-edit-row{padding:16px;margin:18px 0;border:1px solid #ebae5e55;border-radius:12px;background:#17171c}.chapter-edit-row label{display:grid;gap:8px;margin:12px 0}.book-chapter-row{display:flex;align-items:center;gap:12px}.book-chapter-row [data-chapter]{flex:1}.book-chapter-row .btn{flex:none}.chapter-edit-row textarea{resize:vertical}
