:root{--green:#063d22;--yellow:#ffe600;--cream:#f4f4e9;--muted:#a6baa9;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#102c1d;color:#fff;font:15px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,input,select{font:inherit}button,a.control{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border:1px solid #ffffff35;border-radius:8px;background:#193d28;color:white;text-decoration:none;cursor:pointer;min-height:42px}button:hover,a.control:hover{background:#2c5238}button:disabled{opacity:.35;cursor:default}button.primary,a.primary{background:var(--yellow);border-color:var(--yellow);color:#073a21;font-weight:700}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;border-bottom:1px solid #ffffff18;background:#082214}header a{text-decoration:none}.brand{font-weight:900;letter-spacing:.035em;font-size:18px}.brand small{display:block;font-size:10px;letter-spacing:.15em;color:#d6e1d5;margin-top:3px}.book-title{font-size:16px;font-weight:650;margin:0}.author{font-size:12px;color:#c1d2c2;margin-top:3px}.actions{display:flex;gap:7px;flex-wrap:wrap}.toolbar{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:12px 20px}select,input{background:#f8fbf5;color:#163a25;border:0;border-radius:6px;padding:9px}select{max-width:270px}input[type=number]{width:60px}.counter{white-space:nowrap;color:#d7e0d8}.progress{width:min(230px,23vw);accent-color:var(--yellow);padding:0}.stage{min-height:65vh;display:flex;align-items:flex-start;justify-content:center;gap:0;padding:0 18px 18px;perspective:1800px;touch-action:pan-y}.paper{position:relative;background:#fff;line-height:0;box-shadow:0 12px 30px #0006;max-width:49%;overflow:hidden}.paper img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 194px);object-fit:contain;cursor:zoom-in}.paper.solo{max-width:100%}.paper.turn{animation:turn .24s ease-out}@keyframes turn{from{opacity:.55;transform:rotateY(-8deg) translateX(5px)}to{opacity:1;transform:none}}.paper+ .paper{border-left:1px solid #1d382728}.hint{text-align:center;font-size:12px;color:#b3c5b5;padding:0 16px 18px}.message{display:none;max-width:600px;padding:14px;margin:8px auto;background:#21452e;border-radius:8px}.message.show{display:block}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fff;color:#31533d;font-size:13px;line-height:1.4;pointer-events:none}.loading.hidden{display:none}.zoom-dialog{border:0;background:#0a1b11f5;width:100vw;height:100dvh;max-width:none;max-height:none;padding:50px 16px 16px;color:white}.zoom-dialog::backdrop{background:#07160ae8}.zoom-dialog .close{position:fixed;right:18px;top:10px;z-index:10}.zoom-dialog .zoom-content{height:100%;overflow:auto;text-align:center}.zoom-dialog img{width:min(1100px,100%);height:auto;background:#fff;touch-action:pan-x pan-y pinch-zoom}.zoom-dialog.big img{width:1100px;max-width:none}.zoom-dialog .tools{position:fixed;top:10px;left:18px;display:flex;gap:8px;z-index:10}.home{background:var(--cream);color:#163b25;min-height:100vh}.home header{color:white}.hero{max-width:1180px;margin:auto;padding:48px 26px 26px}.eyebrow{color:#58705a;font-size:12px;letter-spacing:.15em;font-weight:800;text-transform:uppercase}.hero h1{font-size:clamp(30px,4.5vw,52px);letter-spacing:-.035em;line-height:1.08;margin:12px 0 16px;max-width:820px}.hero p{max-width:630px;line-height:1.6;color:#546756}.books{max-width:1180px;margin:0 auto;padding:10px 26px 50px;display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:24px}.card{text-decoration:none;display:block}.cover-wrap{background:#e2e8db;padding:14px;border-radius:12px;transition:transform .2s}.card:hover .cover-wrap{transform:translateY(-4px)}.cover-wrap img{width:100%;height:auto;display:block;box-shadow:0 8px 16px #173b2530}.card h2{font-size:19px;margin:15px 0 4px}.card p{font-size:13px;color:#627362;margin:0 0 12px}.card span{font-size:13px;font-weight:750;color:#0b582c}.home footer{padding:24px;text-align:center;font-size:12px;color:#697866}.bottom-note{padding:0 26px 22px;max-width:1180px;margin:auto;font-size:12px;color:#6b796b}@media(max-width:1000px){.books{grid-template-columns:repeat(2,1fr);gap:25px}.hero{padding-top:32px}}@media(max-width:760px){header{padding:10px 12px;gap:10px;align-items:flex-start}.brand{font-size:14px}.brand small{font-size:8px}.book-title{font-size:14px}.actions{gap:5px}.actions button,.actions a{padding:8px;font-size:12px;min-height:36px}.toolbar{gap:8px;padding:9px 10px}.toolbar button{padding:9px 14px}select{max-width:190px;font-size:12px}.progress{display:none}.counter{font-size:13px}.stage{padding:0 5px 10px;min-height:58vh}.paper,.paper.solo{max-width:100%}.paper img{max-height:calc(100dvh - 220px)}.hint{font-size:11px}.home .hero{padding:26px 18px 14px}.books{padding:8px 18px 30px;gap:18px}.cover-wrap{padding:8px}.card h2{font-size:17px}.bottom-note{padding:0 18px 22px}.reader header .brand small{display:none}.reader header .identity{max-width:42%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.reader .notice{background:#f5df17;color:#113c23;text-align:center;font-size:12px;font-weight:650;padding:9px 15px}.reader .notice a{text-decoration:underline}
