*{box-sizing:border-box}html{scroll-padding-top:126px}body{margin:0;background:#1a211b;color:#f2f5ec;font-family:Arial,'Malgun Gothic',sans-serif}header{position:sticky;top:0;z-index:5;background:#111b15f5;border-bottom:1px solid #ffffff20;backdrop-filter:blur(12px);padding:14px 20px}.brandbar,.controls{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.brandbar{margin-bottom:12px}.brand{font-weight:900;letter-spacing:-1px;font-size:22px}.brand span{color:#c2f566}a{color:inherit;text-decoration:none}button,select{font:inherit;background:#27372a;border:1px solid #ffffff30;border-radius:9px;color:#f5f8ed;padding:9px 12px;min-height:40px;cursor:pointer}.download{font-size:13px;color:#c2f566}.controls{justify-content:center}.controls label{font-size:12px}#count{min-width:35px;font-size:13px}.sheet{margin:0 auto 20px;position:relative;background:#f5f4ec;box-shadow:0 8px 28px #0004;scroll-margin-top:125px;overflow:hidden}.sheet img{width:100%;height:auto;display:block;aspect-ratio:3/2}.sheet canvas{position:absolute;inset:0;width:100%;height:100%}.sheet figcaption{position:absolute;bottom:0;left:0;width:1px;height:1px;overflow:hidden}.pages{width:100%;padding:12px 12px 50px;overflow-x:auto}.stack{width:100%;max-width:1100px;margin:auto}#message{font-size:12px;color:#b8c5b6;text-align:center;padding:10px 15px;margin:0;line-height:1.5}footer{text-align:center;padding:24px;font-size:14px}footer a{color:#c2f566}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #c2f566;outline-offset:3px}@media(max-width:600px){header{padding:10px 12px}.brand{font-size:19px}.controls{gap:6px}button,select{padding:8px 9px;font-size:13px}.pages{padding:8px 8px 32px}.sheet{margin-bottom:12px}.brandbar{margin-bottom:8px}html{scroll-padding-top:118px}}