:root{--navy:#082541;--deep:#061d34;--blue:#137cae;--cyan:#21b3d4;--orange:#f5a947;--paper:#eef3f6;--line:#d6e4eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--navy);font-family:'Noto Sans JP','Hiragino Kaku Gothic ProN',Meiryo,sans-serif}button,a{font:inherit}a{color:inherit}.site-header{background:white;padding:18px max(16px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.small-head{font-weight:900;letter-spacing:.18em;color:var(--blue);font-size:10px}.site-header h1{font-size:21px;margin:6px 0 0}.back{font-size:12px;font-weight:800;text-decoration:none;border-bottom:2px solid var(--orange);white-space:nowrap;padding:8px}.viewer{max-width:1240px;margin:auto;padding:18px 16px 26px}.reading-tools,.bottom-bar{display:flex;align-items:center;justify-content:space-between;gap:10px}.reading-tools{margin:0 56px 14px}.status{display:flex;gap:13px;align-items:baseline}.status b{font-size:15px}.status span{font-size:11px;color:#58728a}.actions{display:flex;gap:6px;flex-wrap:wrap}.actions>*{background:white;border:1px solid #b9cddd;border-radius:7px;padding:9px 12px;font-size:12px;text-decoration:none;cursor:pointer;color:#143f60}.actions>*:hover{background:#f7fbfe}.stage{display:flex;align-items:center;justify-content:center;gap:9px}.spread{height:min(76vh,860px);min-height:450px;display:flex;justify-content:center;align-items:center;gap:3px;flex:1}.page{height:100%;width:auto;max-width:49%;object-fit:contain;box-shadow:0 16px 28px rgba(3,28,52,.19);background:white;cursor:zoom-in;border-radius:2px;user-select:none}.page.solo{max-width:90%}.nav{font-size:44px;width:48px;min-width:48px;border:0;background:transparent;color:#175378;cursor:pointer;line-height:1}.nav:disabled{opacity:.2;cursor:default}.thumbs{display:flex;gap:12px;overflow-x:auto;padding:18px 6px 14px;scroll-snap-type:x mandatory}.thumbs[hidden]{display:none}.thumbs button{min-width:95px;background:transparent;border:1px solid transparent;border-radius:5px;cursor:pointer;padding:4px;scroll-snap-align:start}.thumbs button[aria-current=true]{border-color:var(--blue);background:#deeff8}.thumbs img{height:118px;display:block;margin:auto;border:1px solid #dce9f0}.thumbs span{display:block;font-size:11px;padding-top:5px}.bottom-bar{max-width:370px;margin:14px auto}.bottom-bar button{border:1px solid #cadce5;background:white;border-radius:6px;padding:10px 15px;font-size:12px;cursor:pointer}.bottom-bar button:disabled{opacity:.4;cursor:default}#reading-position{font-size:12px;font-weight:900;color:#386580}.help{font-size:11px;color:#6d8294;text-align:center}.site-footer{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;background:#092945;color:#d4e8f0;padding:22px max(16px,calc((100vw - 1200px)/2));font-size:12px;line-height:1.8}.site-footer strong{color:white}.lightbox{position:fixed;inset:0;background:rgba(0,17,34,.94);z-index:100;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:70px 12px 30px}.lightbox[hidden]{display:none}.lightbox img{display:block;width:min(92vw,1000px);height:auto}.close{position:fixed;right:20px;top:16px;z-index:1;padding:10px 14px;border:1px solid #b9d3e1;background:#fff;color:#0b375b;border-radius:6px;cursor:pointer}@media(max-width:750px){.site-header{padding:12px}.site-header h1{font-size:16px}.small-head{font-size:8px}.viewer{padding:10px 5px 20px}.reading-tools{margin:6px 18px 12px;align-items:flex-start}.status{display:block}.status span{display:block}.actions>*{padding:7px 9px;font-size:11px}.spread{height:67vh;min-height:330px}.page{max-width:100%}.page.solo{max-width:100%}.stage{gap:0}.nav{width:24px;min-width:24px;font-size:31px}.bottom-bar{margin:16px auto}.help{margin:10px 20px}.site-footer{padding:20px 18px}}