:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#182838;background:#e9edf1}*{box-sizing:border-box}body{margin:0}button,input,a{touch-action:manipulation}button,input{font:inherit}button{cursor:pointer}a{color:#075888}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f0b842;outline-offset:3px}.toolbar{position:sticky;top:0;z-index:10;background:#102f46;color:white;padding:12px 20px;box-shadow:0 2px 7px #0003;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.brand{color:white;font-size:21px;font-weight:800;text-decoration:none}.brand span{display:block;font-size:11px;font-weight:400}.toolbar h1{flex:1;min-width:160px;font-size:15px;font-weight:550;margin:0}.controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;width:100%}button,.controls a{border:1px solid #c1cdd5;border-radius:6px;background:#fff;color:#12344a;padding:8px 11px;min-height:38px}.controls input{width:65px;padding:6px;border:0;border-radius:4px}.controls label{font-size:13px}.controls button:disabled{opacity:.5}.controls #bookmark[aria-pressed=true]{background:#ffe09a}.reader-body{min-height:100vh}#reading-area{padding:20px;overflow:auto;min-height:75vh;text-align:center}#sheet{position:relative;margin:0 auto;background:white;max-width:none;width:min(900px,100%);box-shadow:0 3px 18px #14283825;line-height:0}#page-image{width:100%;height:auto;display:block}#overlays{position:absolute;inset:0;pointer-events:none}.page-link,.video-launch{position:absolute;pointer-events:auto;display:block;min-height:0;padding:0;border:0;border-radius:0;line-height:1.2;background:transparent}.page-link:hover,.page-link:focus-visible{background:#1d83c733;outline:2px solid #146da6}.video-launch{background:#092b46e0;color:white;border-radius:5px;font-size:clamp(10px,1.4vw,18px);border:1px solid white}.video-launch:hover{background:#124969}#status{margin:0 0 10px}#status:empty{display:none}#sidebar{position:fixed;top:135px;bottom:0;left:0;z-index:20;background:white;width:min(370px,92vw);padding:18px;overflow:auto;box-shadow:3px 0 25px #0004}#sidebar h2{font-size:16px;border-top:1px solid #ddd;padding-top:16px}#sidebar label{display:block;margin:14px 0 7px}#sidebar input{width:68%;padding:8px;border:1px solid #7b8a96;border-radius:4px}#toc ul{list-style:none;padding-left:14px}#toc>ul{padding-left:0}#toc button,#bookmarks button,#search-results button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #e0e6ea;border-radius:0;padding:10px 3px;line-height:1.45}#toc button:hover,#bookmarks button:hover,#search-results button:hover{background:#e9f2f8}#reader-footer{padding:15px;text-align:center;font-size:12px;color:#354c5d}dialog{border:0;border-radius:9px;max-width:min(900px,94vw);width:850px;padding:20px}dialog::backdrop{background:#061724bb}#video-frame iframe{display:block;width:100%;aspect-ratio:16/9;border:0;margin-top:12px}#download-links a{display:block;padding:14px}.notice,.library{max-width:1100px;margin:50px auto;padding:24px}.library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin:25px 0}.book-card{background:white;padding:22px;min-height:130px;border-radius:9px;box-shadow:0 3px 9px #0001;line-height:1.5;text-decoration:none}.book-card small{display:block;color:#486074;margin-top:12px}body:has(#sidebar:not([hidden])) #reading-area{padding-left:390px}@media(max-width:800px){.toolbar{padding:10px;gap:8px}.toolbar h1{font-size:12px}.brand{font-size:17px}.controls{gap:5px}.controls button{padding:7px 9px;font-size:12px}.controls #fullscreen{display:none}#reading-area{padding:10px 4px}body:has(#sidebar:not([hidden])) #reading-area{padding-left:4px}#sidebar{top:150px}.controls label{font-size:12px}#reader-footer{font-size:11px}}
