.book-topline{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.book-topline input{min-width:160px}.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:24px}.book-card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.book-cover{height:190px;background:#dbe8fb;color:#254777;padding:22px;display:flex;flex-direction:column;justify-content:space-between;border-left:9px solid #bad0ee}.book-cover span{font-size:12px;letter-spacing:2px}.book-cover strong{font-size:21px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.format-pdf{background:#e5eafa;border-color:#bfcbee;color:#344e82}.format-epub{background:#dff3ee;border-color:#b4dfd4;color:#2d665a}.format-txt,.format-md{background:#f0e7fa;border-color:#d8c5ee;color:#624585}.book-info{padding:20px}.book-info h3{overflow-wrap:anywhere}.book-info p{margin:8px 0}.book-meta,.book-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.book-meta{justify-content:space-between}.book-actions{margin-top:12px}.book-empty{grid-column:1/-1;padding:50px;text-align:center}.reader-heading{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.reader-heading>div{flex:1;min-width:180px}.reader-heading h2{overflow-wrap:anywhere}.reader-toolbar{padding:14px;background:white;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;gap:12px}.reader-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.reader-help{padding:14px 0}.page-label,.color-label{font-size:14px;display:flex;gap:7px;align-items:center}.page-label input{width:65px;border:1px solid var(--line);border-radius:5px;padding:6px;font:inherit}.color-label select{font:inherit;border:1px solid var(--line);border-radius:5px;padding:6px}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}.reader-stage{height:73vh;min-height:450px;overflow:auto;background:#e3e8f0;border:1px solid #d7dfeb;border-radius:10px;padding:16px;position:relative;overscroll-behavior:contain}.reader-message{padding:50px 20px;text-align:center;color:#68758a}.pdf-sheet{position:relative;margin:0 auto;background:white;box-shadow:0 3px 15px #23324d20;isolation:isolate}.pdf-sheet canvas{position:absolute;left:0;top:0}.pdf-sheet #pdf-marks{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;mix-blend-mode:multiply}.pdf-sheet #drawing-surface{position:absolute;inset:0;z-index:4;pointer-events:none}.pdf-sheet #drawing-surface.enabled{pointer-events:auto;cursor:crosshair;touch-action:none}.book-notes{background:white;border:1px solid var(--line);border-radius:10px;padding:16px;max-height:73vh;overflow-y:auto;position:sticky;top:16px}.notes-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.notes-title h3{margin:0}.note-editor{display:grid;gap:10px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.note-editor strong{font-size:14px}.note-editor textarea{font:inherit;min-height:130px;resize:vertical;border:1px solid #dce3ee;border-radius:7px;padding:10px;width:100%}.annotation-card{border:1px solid var(--line);border-left:4px solid;border-radius:6px;padding:13px;margin:13px 0;overflow-wrap:anywhere}.annotation-card p{font-size:14px;white-space:pre-wrap;margin:8px 0}.annotation-card blockquote,.note-editor blockquote{font-size:14px;color:#68758a;margin:8px 0;white-space:pre-wrap;max-height:150px;overflow:auto}.annotation-card .text-button{font-size:12px}.book-text{white-space:pre-wrap;overflow-wrap:anywhere;background:white;max-width:850px;margin:auto;padding:35px;font-size:18px;line-height:1.9;min-height:100%;user-select:text}.book-text mark{color:inherit;border-radius:2px}.export-options{display:grid;gap:13px}#book-upload-status,#export-status{font-size:14px;color:#365f9e;overflow-wrap:anywhere}.textLayer{position:absolute;text-align:initial;inset:0;overflow:clip;opacity:1;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;caret-color:CanvasText;z-index:2;--min-font-size:1;--text-scale-factor:calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv:calc(1 / var(--min-font-size))}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%}.textLayer>.markedContent{display:contents}.textLayer>:not(.markedContent),.textLayer .markedContent span:not(.markedContent){z-index:1;--font-height:0;font-size:calc(var(--text-scale-factor) * var(--font-height));--scale-x:1;--rotate:0deg;transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}.textLayer .markedContent{display:contents}.textLayer ::selection{background:#2563eb44}.textLayer br::selection{background:transparent}@media(min-width:1600px){.book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reading-layout{grid-template-columns:minmax(0,1fr) 320px}}@media(max-width:1150px){.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-layout{grid-template-columns:minmax(0,1fr)}.book-notes{max-height:none;position:static}.reader-stage{height:65vh}}@media(max-width:700px){.book-grid{grid-template-columns:1fr}.book-card{display:grid;grid-template-columns:110px minmax(0,1fr)}.book-cover{height:100%;min-height:210px;padding:14px;border-left-width:5px}.book-cover strong{font-size:15px;-webkit-line-clamp:6}.book-info{padding:15px}.reader-heading{gap:10px}.reader-stage{padding:8px;min-height:350px;height:60vh}.book-text{padding:20px;font-size:17px}.reader-toolbar{padding:10px}.book-empty{padding:30px}.reader-tools button{padding:8px 10px}.book-topline input{width:100%}}
.reader-stage{scrollbar-gutter:stable}.reader-toolbar{position:sticky;top:0;z-index:8;box-shadow:0 3px 12px #17203308}

.bookmark-section{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:20px}.bookmark-card{border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:10px 0}.bookmark-title{display:block;text-align:left;overflow-wrap:anywhere}.bookmark-card small{display:block}
body.book-immersive{overflow:hidden;background:#f6f8fc}.book-immersive .sidebar,.book-immersive main>header,.book-immersive main>footer,.book-immersive #notice,.book-immersive .reader-help{display:none}.book-immersive main{margin:0;padding:12px;max-width:none}.book-immersive #content{height:calc(100dvh - 24px);display:flex;flex-direction:column;gap:10px}.book-immersive .reader-heading{margin:0;flex-shrink:0}.book-immersive .reader-heading h2{font-size:17px}.book-immersive .reader-heading .muted{display:none}.book-immersive .reader-toolbar{flex-shrink:0}.book-immersive .reading-layout{flex:1;min-height:0;grid-template-columns:minmax(0,1fr)}.book-immersive .reader-stage{height:100%;min-height:0}.book-immersive .book-notes{display:none;height:100%;max-height:100%;position:static}.book-immersive.book-panels .reading-layout{grid-template-columns:minmax(0,1fr) 290px}.book-immersive.book-panels .book-notes{display:block}.book-immersive .book-text{max-width:850px;margin:auto}
@media(max-width:700px){.book-immersive .reader-heading{flex-wrap:wrap;gap:6px}.book-immersive .reader-heading>div{order:-1;width:100%}.book-immersive .reader-toolbar{max-height:26dvh;overflow:auto}.book-immersive.book-panels .reading-layout{grid-template-columns:minmax(0,1fr);position:relative}.book-immersive.book-panels .book-notes{position:absolute;inset:0 0 0 auto;width:min(310px,90vw);z-index:10;box-shadow:-8px 0 25px #17203322}}