.toolbar,.options{display:flex;align-items:center;gap:10px;padding:10px 3vw;background:#111522;border-bottom:1px solid var(--line)}
.toolbar{overflow-x:auto}.toolbar input{min-width:180px;max-width:300px;padding:9px}.toolbar button{white-space:nowrap;padding:9px 12px}.view-switch{display:flex}.view-switch button{border-radius:0;background:transparent;color:var(--muted);border:1px solid var(--line)}.view-switch button:first-child{border-radius:10px 0 0 10px}.view-switch button:last-child{border-radius:0 10px 10px 0}.view-switch button.active{background:var(--accent);color:#24150d}.options{padding-top:6px;padding-bottom:6px;color:var(--muted);font-size:12px}.options label{margin:0;display:flex;align-items:center;gap:6px}.options input{width:auto}.options span{margin-left:auto}.reader{grid-template-rows:72px auto auto 1fr 92px}.reading-area{grid-template-columns:290px 1fr 1fr}.document-pane{overflow:auto;background:#343944;padding:20px;display:grid;place-items:start center}.document-pane img{max-width:100%;box-shadow:0 10px 35px #0008}.document-pane #epubOriginal{background:#f2ede4;color:#28251f;min-height:100%;width:100%;padding:8%;font:20px/1.8 Georgia}.reading-area[data-view="text"] .document-pane{display:none}.reading-area[data-view="text"]{grid-template-columns:290px 1fr}.reading-area[data-view="pdf"] article{display:none}.reading-area[data-view="pdf"]{grid-template-columns:290px 1fr}#currentText{display:block;background:#ffe899;color:#28251f;border-radius:8px;padding:8px;font:22px/1.85 Georgia;max-width:820px;margin:auto}.bookmark{padding:8px;color:var(--accent);cursor:pointer;font-size:13px}.danger{color:#ff9a9a}.modal{position:fixed;inset:0;background:#070910cc;z-index:20;display:grid;place-items:center;padding:20px}.modal-card{width:min(460px,100%);padding:28px}.modal-card button{display:block;width:100%;margin-top:10px}.loadbar{height:12px;background:#0d1018;border-radius:20px;overflow:hidden;margin:20px 0}.loadbar i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent));transition:width .25s}.modal-card p{color:var(--muted)}
@media(max-width:900px){.reading-area,.reading-area[data-view="split"]{grid-template-columns:1fr}.reading-area aside{display:none}.reading-area[data-view="split"] .document-pane{max-height:42vh}.reader{grid-template-rows:70px auto auto 1fr 120px}.options{overflow-x:auto}.reader-top #rename{display:none}}
.storage-card{width:min(760px,100%);max-height:85vh;overflow:auto}.storage-total{display:grid;gap:5px;margin:14px 0 20px}.storage-total span,.storage-row small{color:var(--muted)}.storage-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.storage-grid span{padding:12px;background:#111522;border:1px solid var(--line);border-radius:10px;display:flex;justify-content:space-between}.storage-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.storage-row span{display:grid;gap:3px}.storage-actions{display:flex;align-items:center;gap:8px}.storage-row button{width:auto;margin:0}.storage-download{display:inline-block;padding:9px 12px;border-radius:10px;text-decoration:none;font-weight:700;white-space:nowrap}.storage-card>.danger{margin-top:20px}@media(max-width:520px){.storage-grid{grid-template-columns:1fr}.storage-row{align-items:flex-start;flex-direction:column}.storage-actions{width:100%;flex-wrap:wrap}}
.bookmark-card{width:min(680px,100%);max-height:85vh;overflow:auto}.bookmark-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.bookmark-row span{display:grid;gap:4px}.bookmark-row small{color:var(--muted)}.bookmark-row button{width:auto;margin:0}@media(max-width:560px){.bookmark-row{grid-template-columns:1fr 1fr}.bookmark-row span{grid-column:1/-1}}
.timeline small{grid-column:1/-1;text-align:center;color:var(--accent);font-variant-numeric:tabular-nums}
.storage-download:disabled{opacity:.65;cursor:wait}
@media(max-width:600px){header{height:62px}.page{width:min(94vw,1180px)}.hero{padding:30px 0 22px}.hero h1{font-size:34px}.books{grid-template-columns:1fr;gap:12px;padding-bottom:130px}.book{padding:15px;display:grid;grid-template-columns:72px 1fr;column-gap:14px}.book-icon{height:72px;grid-row:1/4;font-size:25px}.book h3{margin:4px 0}.book .bar{grid-column:2}.reader-top{height:62px;padding:7px 10px;position:sticky;top:0;background:var(--bg);z-index:6}.reader-top #delete{font-size:0;padding:9px}.reader-top #delete:after{content:'🗑';font-size:16px}.toolbar{display:flex;padding:7px;gap:6px}.toolbar button{padding:8px 10px}.toolbar input{min-width:155px}.options{display:flex;gap:15px;padding:6px 10px}.options label{flex:0 0 auto}.reading-area[data-view="split"] .document-pane{max-height:34vh}.document-pane{padding:8px}article{padding:5vh 5vw}#currentText{font-size:19px;line-height:1.65}.player{position:sticky;bottom:0;z-index:8;display:grid;grid-template-columns:46px 58px 46px 1fr;height:auto!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}.player .timeline{grid-column:1/-1;grid-row:1;order:0}.player>button{grid-row:2}.player select{grid-row:2;width:100%;min-width:0}.player .speed{grid-column:1/-1;grid-row:3;width:100%;justify-content:center}.player .speed input[type=range]{display:block;flex:1}.reader{grid-template-rows:62px auto auto minmax(0,1fr) auto}.modal{padding:10px}.modal-card{max-height:92vh;overflow:auto;padding:20px}}
.book{position:relative}.book-delete{position:absolute;right:10px;top:10px;width:32px;height:32px;padding:0;border-radius:50%;background:#371d25;color:#ffb2bd;border:1px solid #6e3340;font-size:21px;line-height:1}.book-delete:hover{background:#5a2633}