:root{color-scheme:light;--paper:#f5f1e9;--ink:#241e19;--brown:#604a37;--muted:#817466;--line:#cbbfae;--shadow:0 28px 75px rgba(48,34,21,.24);font-family:"DM Sans",Arial,sans-serif;background:#dfd7cc;color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;}body{background:radial-gradient(ellipse at 50% 40%,#f0ebe3 0,#d9d0c5 78%)}button,a{font:inherit}.shell{min-height:100svh;display:flex;flex-direction:column;padding:0 clamp(16px,4vw,64px)}.header{height:72px;flex:none;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(82,62,43,.2);gap:16px;color:var(--brown)}.brand{font:500 22px/.8 "Cormorant Garamond",Georgia,serif;letter-spacing:.04em;text-decoration:none;color:inherit}.brand span{display:block;font-size:10px;letter-spacing:.19em;margin-top:5px}.edition,.contents-button,.hint,.pdf-link,.fullscreen{font-size:9px;letter-spacing:.14em;font-weight:500}.edition i{font-style:normal;color:#b28d68;margin:0 7px}.contents-button,.fullscreen{border:0;background:none;color:var(--brown);cursor:pointer;letter-spacing:.12em}.contents-button span{font-size:14px;margin-left:5px}.reader{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;padding:16px 0}.book-frame{position:relative;width:min(1160px,calc(100vw - 140px));height:min(78svh,980px);display:flex;align-items:center;justify-content:center}.book{width:100%;height:100%;margin:auto}.page{background:var(--paper);overflow:hidden;position:relative}.page img{width:100%;height:100%;display:block;object-fit:fill}.pdf-link-layer{position:absolute;inset:0;pointer-events:none}.pdf-link-layer a{position:absolute;display:block;pointer-events:auto;background:transparent;outline:0;text-decoration:none;cursor:pointer}.pdf-link-layer a:focus-visible{outline:2px solid #9a6b3f;outline-offset:1px;background:rgba(255,255,255,.12)}.turn-button{position:absolute;z-index:5;top:50%;transform:translateY(-50%);height:42px;width:42px;border:1px solid rgba(78,58,38,.34);border-radius:50%;background:rgba(249,246,239,.88);color:var(--brown);font:32px/1 "Cormorant Garamond",serif;cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 15px rgba(35,24,15,.1)}.turn-button:disabled{opacity:.32;cursor:default}.previous{left:max(0px,calc((100vw - 1280px)/2))}.next{right:max(0px,calc((100vw - 1280px)/2))}.footer{flex:none;padding:0 0 max(12px,env(safe-area-inset-bottom));color:var(--brown)}.progress-track{height:2px;background:rgba(100,78,55,.16);width:100%}.progress-track span{height:100%;display:block;width:0;background:#8c6a48;transition:width .22s ease}.footer-row{height:43px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.hint{font-size:8px;letter-spacing:.12em;color:#776a5d}.counter{display:flex;gap:6px;align-items:center;font:14px "Cormorant Garamond",serif;color:#3b2e23}.counter span:nth-child(2){color:#aa9580}.footer-actions{display:flex;justify-content:flex-end;align-items:center;gap:17px}.pdf-link{color:var(--brown);text-decoration:none;font-size:8px}.fullscreen{font-size:8px}.loading{position:absolute;z-index:7;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:rgba(245,241,233,.96);color:var(--brown);font-size:12px;letter-spacing:.04em}.loading[hidden]{display:none}.spinner{height:25px;width:25px;border:1px solid rgba(96,74,55,.2);border-top-color:#806044;border-radius:50%;animation:spin .8s linear infinite}.loading-track{width:min(250px,65%);height:2px;background:#ded5c9}.loading-track span{display:block;height:100%;width:0;background:#886746;transition:width .16s}.error{position:absolute;z-index:8;inset:10%;padding:28px;background:var(--paper);font:15px/1.5 "DM Sans",Arial,sans-serif;color:#8a332a;box-shadow:var(--shadow)}.contents{position:fixed;inset:0;z-index:20;background:rgba(34,25,17,.44);display:none;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(4px)}.contents.open{display:flex}.contents-panel{position:relative;width:min(600px,96vw);max-height:88vh;overflow:auto;padding:clamp(28px,5vw,54px);background:var(--paper);box-shadow:0 24px 70px rgba(0,0,0,.23)}.close{position:absolute;right:16px;top:10px;border:0;background:none;color:var(--brown);font:32px "Cormorant Garamond",serif;cursor:pointer}.kicker{font-size:8px;letter-spacing:.17em;color:var(--muted)}.contents-panel h1{font:400 clamp(42px,7vw,64px)/.9 "Cormorant Garamond",Georgia,serif;margin:12px 0}.contents-help{font:12px/1.5 "DM Sans",Arial,sans-serif;color:var(--muted)}.page-list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:18px}.page-list button{border:0;border-top:1px solid rgba(123,99,76,.2);background:none;padding:9px 0;text-align:left;display:flex;gap:12px;align-items:baseline;color:var(--ink);font:14px "Cormorant Garamond",Georgia,serif;cursor:pointer}.page-list button:hover{font-style:italic}.page-list button span{font:8px "DM Sans",sans-serif;color:#9a8065}.book .stf__parent{margin:auto}.book .stf__block{box-shadow:var(--shadow)}.book .stf__item{overflow:hidden}.book .stf__hard{background:var(--paper)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){body{background:#ddd4c8}.shell{padding:0 13px}.header{height:56px;gap:8px}.brand{font-size:18px}.brand span{font-size:8px}.edition{font-size:6px;letter-spacing:.08em}.edition i{margin:0 3px}.contents-button{font-size:7px;padding:5px 0}.reader{padding:9px 0}.book-frame{width:min(90vw,520px);height:min(76svh,780px)}.turn-button{height:34px;width:34px;font-size:27px;background:rgba(249,246,239,.94)}.previous{left:-7px}.next{right:-7px}.footer-row{grid-template-columns:1fr auto 1fr;height:38px}.hint{font-size:6px;letter-spacing:.07em}.counter{font-size:13px}.footer-actions{gap:8px}.pdf-link,.fullscreen{font-size:6px;letter-spacing:.08em}.page-list{grid-template-columns:1fr}.contents-panel{padding:34px 24px}.page-list button{padding:7px 0;font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}