.camino-reader{--reader-bg:#f3f5ef;background:var(--reader-bg);border:1px solid #e5e2d6;border-radius:24px;overflow:hidden;margin:18px 0 30px}.camino-welcome{padding:28px;display:grid;grid-template-columns:minmax(130px,210px) 1fr;gap:30px;align-items:center}.camino-book{background:linear-gradient(135deg,#0d4e38,#1b7051);border-left:8px solid #bc9d48;box-shadow:7px 9px 16px #12332425;aspect-ratio:2/3;padding:24px 18px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;border-radius:3px 12px 12px 3px}.camino-book strong{font:700 clamp(24px,4vw,36px)/1.15 Georgia,serif}.camino-book small{letter-spacing:1.5px;color:#eee1ad}.camino-book span{font-size:13px;line-height:1.5}.camino-welcome p{line-height:1.7}.camino-welcome small{display:block;line-height:1.6;color:#58645d}.camino-file{cursor:pointer;position:relative}.camino-file input{position:absolute;width:1px;height:1px;opacity:0}.camino-file:focus-within{outline:3px solid #ac8c2d;outline-offset:3px}.camino-status{padding:0 18px;font-size:14px;line-height:1.5}.camino-status:empty{display:none}.camino-topbar{padding:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;border-bottom:1px solid #deded4;background:#fff}.camino-topbar label{font-size:13px;display:flex;align-items:center;gap:6px}.camino-topbar input{width:64px;padding:8px;border:1px solid #ccc;border-radius:8px}.camino-topbar select{padding:8px;min-width:85px}.camino-topbar button{min-height:42px}.camino-paper-scroll{overflow:auto;max-height:75vh;padding:18px 12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom}.camino-paper-scroll canvas{display:block;max-width:none;margin:auto;box-shadow:0 4px 20px #0002;background:#fff}.camino-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px;background:#fff;border-top:1px solid #deded4}.camino-bottom span{font-size:13px}.camino-index{padding:10px;max-height:45vh;overflow:auto;background:#fff}.camino-index-link{display:block;width:100%;text-align:left;background:transparent;color:#154c39;padding:12px;border:0;border-bottom:1px solid #eee;line-height:1.5;cursor:pointer}.camino-index-link:hover{background:#f3f6ef}.camino-options{background:#fff;padding:16px;font-size:14px}.camino-options summary{cursor:pointer}.camino-options p{overflow-wrap:anywhere;line-height:1.6}.camino-reader[data-theme=sepia]{--reader-bg:#e8ddc5}.camino-reader[data-theme=sepia] canvas{filter:sepia(.32)}.camino-reader[data-theme=night]{--reader-bg:#1e2522}.camino-reader[data-theme=night] canvas{filter:invert(.9) hue-rotate(180deg)}.camino-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.camino-reader [hidden]{display:none!important}@media(max-width:560px){.camino-welcome{grid-template-columns:1fr;gap:24px;padding:22px}.camino-book{width:145px;margin:0 auto;padding:18px}.camino-topbar{gap:8px;padding:10px}.camino-bottom{padding:12px 8px}.camino-bottom .btn{padding:10px;font-size:14px}.camino-paper-scroll{max-height:68vh}}
.camino-reading{overflow:hidden!important;padding:0!important}.camino-reading>.app-header,.camino-reading>.bottom-nav,.camino-reading>.footer{display:none!important}.camino-reading #app{padding:0!important;margin:0!important}.camino-reading .camino-reader{position:fixed;inset:0;z-index:10000;border:0;border-radius:0;margin:0;display:flex;flex-direction:column;height:100vh;height:100dvh;padding-top:env(safe-area-inset-top);box-sizing:border-box;background:#ebe7dd}.camino-reading #caminoControls{display:flex;flex-direction:column;min-height:0;flex:1;position:relative}.camino-bookbar{display:flex;gap:12px;align-items:center;padding:10px 16px;background:#faf8f0;border-bottom:1px solid #d9d2bf;flex-shrink:0}.camino-bookbar>span{font:600 18px/1.3 Georgia,serif;flex:1;min-width:0;color:#274c3b}.camino-bookbar small{display:block;font:12px/1.5 system-ui,sans-serif;color:#777464;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:45vw}.camino-bookbar .small-btn{border:0;background:transparent!important;padding:8px!important;min-height:40px;color:#274c3b!important;font-size:14px}.camino-exit{font-size:24px;text-decoration:none;color:#274c3b;min-width:36px;text-align:center;padding:5px}.camino-reading .camino-paper-scroll{flex:1;min-height:0;max-height:none;padding:14px 8px 24px;background:radial-gradient(ellipse at center,#f8f5ed,#dcd6c8)}.camino-reading canvas{box-shadow:-3px 0 7px #0001,4px 8px 20px #40331a25;border-radius:2px}.camino-reading .camino-bottom{background:#faf8f0;padding:8px 16px calc(8px + env(safe-area-inset-bottom));flex-shrink:0;border-color:#d9d2bf}.camino-reading .camino-bottom .btn{background:transparent!important;color:#274c3b!important;border:0;box-shadow:none;font-size:14px}.camino-reading .camino-bottom>span{font:14px Georgia,serif;color:#716a59}.camino-reading .camino-status{margin:0;padding:10px 16px;background:#f5e9cb;flex-shrink:0}.camino-reading .camino-status:empty{display:none}.camino-reading #caminoTools,.camino-reading .camino-index{position:absolute;z-index:3;top:67px;right:12px;width:min(400px,calc(100% - 24px));max-height:65vh;overflow:auto;border-radius:14px;box-shadow:0 10px 35px #0003;background:#fff;border:1px solid #ded9cb}.camino-reading #caminoTools .camino-topbar{border:0;border-radius:14px}.camino-reading .camino-options{border-top:1px solid #eee}.camino-reader progress{display:block;appearance:none;width:100%;height:3px;border:0;background:#ded8c8;flex-shrink:0}.camino-reader progress::-webkit-progress-bar{background:#ded8c8}.camino-reader progress::-webkit-progress-value{background:#a98b42}.camino-reader progress::-moz-progress-bar{background:#a98b42}.camino-reading .camino-reader[data-theme=night] .camino-paper-scroll{background:#202824}.camino-reading .camino-reader[data-theme=sepia] .camino-paper-scroll{background:#e4d7b9}@media(max-width:560px){.camino-bookbar{gap:6px;padding:8px}.camino-bookbar>span{font-size:16px}.camino-bookbar small{max-width:40vw;font-size:11px}.camino-bookbar .small-btn{font-size:13px}.camino-reading .camino-paper-scroll{padding:8px 8px 16px}.camino-reading .camino-bottom{padding-left:6px;padding-right:6px}}@media(prefers-reduced-motion:reduce){.camino-reading canvas{animation:none!important;transition:none!important}}