:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:17px;color:#293c32;background:#faf6ed;--surface:#fffdf8;--muted:#647369;--border:#deded0;--purple:#68458b;--orange:#b95c17}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1200px;margin:auto;padding:25px 32px}.brand{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:850;color:inherit;text-decoration:none}.brand img{border-radius:12px;box-shadow:0 4px 12px #68458b18}.language{display:flex;align-items:center;gap:10px;font-size:.8rem;font-weight:650}.language select{background:var(--surface);border-radius:12px;padding:10px 28px 10px 12px}main{max-width:1140px;margin:auto;padding:8px 32px 48px}h1{font-size:clamp(2rem,4.5vw,3.15rem);letter-spacing:-.035em;line-height:1.08;margin:14px 0 20px}h2{font-size:1.55rem;letter-spacing:-.025em}p{line-height:1.6}.intro{position:relative;display:grid;grid-template-columns:1fr 280px;gap:30px;padding:clamp(24px,4vw,48px);background:#f0e9d9;border:1px solid #e3d8c1;border-radius:28px;overflow:hidden}.intro-copy{grid-column:1;grid-row:1;position:relative}.intro-art{grid-column:2;grid-row:1;align-self:center;transform:rotate(5deg)}.intro-art svg{display:block;width:100%;height:auto}.intro p{max-width:650px}.eyebrow{font-size:.68rem;letter-spacing:.13em;font-weight:850;color:var(--purple);margin:0 0 8px}.intro h1{max-width:600px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 16px}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;font:inherit;font-weight:750;border:1px solid transparent;border-radius:13px;background:var(--purple);color:white;cursor:pointer;text-decoration:none;box-shadow:0 3px 0 #4b2e671a;transition:background .15s,transform .15s}.button:hover,button:hover{background:#533570}button:active,.button:active{transform:translateY(1px)}button:disabled{opacity:.38;cursor:default;box-shadow:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.button:focus-within{outline:3px solid #c97622;outline-offset:4px}input,select{font:inherit;padding:9px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:inherit}#bookfile{position:absolute;width:1px;height:1px;opacity:0}.remember{display:flex;align-items:flex-start;gap:9px;line-height:1.5;font-size:.8rem;max-width:560px}.remember input{flex:0 0 19px;width:19px;height:19px;margin:2px 0;accent-color:var(--purple)}.note{font-size:.8rem;color:var(--muted);line-height:1.55}.intro .note{margin-bottom:0}.library-heading{display:flex;align-items:center;gap:12px;margin-top:34px;margin-bottom:16px}.library-heading h2{margin:0}.bookcount{display:inline-flex;justify-content:center;align-items:center;min-width:29px;height:29px;background:#e9e1f1;border-radius:50%;color:#5e3d7f;font-size:.75rem;font-weight:800}.books{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,245px),1fr));gap:24px}.bookcard{background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #47302408}.bookcover{display:block;width:100%;height:245px;object-fit:contain;padding:16px;background:#eeeade}.bookinfo{padding:20px}.bookcard h3{font-size:1.07rem;line-height:1.4;margin:0 0 10px}.bookcard .note{margin:0}.bookcard .actions{margin:18px 0 0;gap:9px}.bookcard .actions button{width:100%;min-height:43px;font-size:.82rem}.bookcard .remove{background:transparent;color:var(--muted);border-color:var(--border);box-shadow:none;font-size:.72rem;min-height:36px;padding:7px 10px;font-weight:600}.bookcard .remove:hover{background:#f3eee5}.empty-state{padding:28px;text-align:center;border:1px dashed #c9c6b9;border-radius:20px;color:var(--muted);background:#fffdf8}.help{margin-top:30px;padding:20px 24px;border:1px solid var(--border);border-radius:18px;line-height:1.65;background:var(--surface);font-size:.87rem}summary{cursor:pointer;font-weight:750;min-height:30px}li{margin-bottom:9px}.readingtop{display:flex;justify-content:space-between;gap:10px;margin-bottom:20px}.readingtop button{background:var(--surface);color:inherit;border-color:var(--border);box-shadow:none;font-size:.82rem}#title{font-size:clamp(1.3rem,2.5vw,2rem);text-align:center;letter-spacing:-.025em;max-width:800px;margin:16px auto 20px}.controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;position:sticky;top:8px;background:var(--surface);border:1px solid var(--border);box-shadow:0 6px 20px #3628420a;max-width:680px;margin:auto;padding:10px;border-radius:16px;z-index:2}.controls #prev{justify-self:start}.controls #next{justify-self:end}#pagenumber{width:65px;text-align:center;font-size:.9rem}.controls label{font-size:.8rem;color:var(--muted);white-space:nowrap}.reading-progress{height:5px;max-width:660px;margin:12px auto 16px;background:#e5ded0;border-radius:99px;overflow:hidden}.reading-progress span{display:block;height:100%;background:#c77725;width:0;transition:width .2s}.reading-options{max-width:680px;margin:0 auto 18px;font-size:.77rem;color:var(--muted);text-align:center}.reading-options summary{min-height:30px;font-weight:600}.zoom{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:12px 0;font-size:.8rem}#zoom{max-width:160px;accent-color:var(--purple)}.pageframe{overflow:auto;padding:18px;background:#e8e3d7;border:1px solid #dad3c5;border-radius:20px;box-shadow:inset 0 2px 5px #4c412d08;min-height:200px}.pageframe img{display:block;width:100%;height:auto;min-width:0;max-width:760px;margin:auto;object-fit:contain;background:white;box-shadow:0 8px 26px #2a1b2520;border-radius:3px}.pageframe.zoomed img{max-width:none}#textview{padding:20px;margin:20px auto;border:1px solid var(--border);border-radius:16px;background:var(--surface);max-width:800px}#pagetext{white-space:pre-wrap;line-height:1.75;margin-top:16px;font-size:1.1rem}#pageinfo{text-align:center}#status{max-width:800px;margin:20px auto 0;padding:12px 16px;border-radius:12px;font-size:.8rem;line-height:1.5;overflow-wrap:anywhere}#status:empty{display:none}#status:not(:empty){background:#e9efdf;color:#38553e}footer{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px;padding:26px 24px;border-top:1px solid var(--border);font-size:.75rem}footer a{color:var(--muted);text-decoration:none}footer a:hover{text-decoration:underline}footer span{color:var(--muted)}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body.dark{background:#1d2524;color:#eceee6;--surface:#2a3331;--muted:#bdc8c1;--border:#4a5650;--purple:#9471b6}body.dark .intro{background:#29372c;border-color:var(--border)}body.dark .eyebrow{color:#d8bcf0}body.dark .pageframe{background:#151d1b;border-color:var(--border)}body.dark .bookcover{background:#1d2822}body.dark .empty-state{background:var(--surface)}body.dark .bookcard .remove:hover{background:#35423a}body.dark #status:not(:empty){background:#354638;color:#e5efdf}body.dark .bookcount{background:#44394e;color:#eee2fa}.is-reading header{padding-top:16px;padding-bottom:16px}.is-reading main{max-width:1180px}
@media(max-width:800px){.intro{grid-template-columns:1fr 190px;gap:15px;padding:30px}.intro h1{font-size:2.4rem}.intro-art{align-self:start;margin-top:50px}.intro .actions{margin-top:20px}}
@media(max-width:550px){:root{font-size:16px}header{padding:17px 16px;gap:12px}.brand{font-size:1.04rem;gap:8px}.brand img{width:36px;height:36px}.language span{display:none}.language select{max-width:116px;padding:9px;font-size:.75rem}main{padding:8px 14px 30px}.intro{display:block;padding:26px 22px;border-radius:23px}.intro-art{position:absolute;width:100px;right:8px;top:5px;margin:0;opacity:.55;transform:rotate(10deg)}.intro-copy{position:relative}.intro .eyebrow{max-width:190px;line-height:1.5;font-size:.57rem}.intro h1{font-size:2.08rem;max-width:285px;margin-top:24px}.intro p:not(.eyebrow){font-size:.87rem}.intro .actions .button{width:100%;min-height:50px}.remember{font-size:.75rem}.intro .note{font-size:.72rem}.library-heading{margin-top:28px}.books{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bookcover{height:180px;padding:10px}.bookinfo{padding:13px}.bookcard h3{font-size:.87rem;line-height:1.35}.bookcard .note{font-size:.66rem}.bookcard .actions button{font-size:.7rem;min-height:40px;padding:8px 6px}.bookcard .actions .remove{font-size:.62rem}.empty-state{padding:24px 18px;font-size:.88rem}.help{padding:18px;font-size:.8rem}.readingtop{margin-bottom:12px}.readingtop button{font-size:.75rem;min-height:40px;padding:9px 12px}#title{font-size:1.15rem;margin:14px auto 18px}.controls{gap:8px;top:5px;padding:7px;border-radius:14px}.controls button{min-height:46px;padding:10px 12px;font-size:.8rem}.controls label{font-size:.72rem}#pagenumber{width:49px;padding:9px 3px}.reading-options{margin-bottom:10px}.pageframe{padding:3px;border-radius:12px;margin:0 -5px}.is-reading header{padding:12px 14px}footer{font-size:.68rem;gap:12px 18px}.reading-progress{margin-bottom:8px}#status{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}