.cm-reader-open{overflow:hidden!important}.cm-reader.cm-atelier{inset:0;margin:auto;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border:0;border-radius:0;padding:0;overflow:hidden;color:#fffaf0;background:radial-gradient(ellipse at 50% 38%,#28564b 0,#153c33 43%,#0a241f 100%);box-shadow:none}.cm-reader.cm-atelier::backdrop{background:#0a241f}.cm-atelier-shell{height:100%;display:flex;flex-direction:column;min-height:0}.cm-atelier-head{flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:24px 4.2vw 18px;border-bottom:1px solid #c3ab7138;position:relative;z-index:4}.cm-atelier-head>img{width:138px;height:auto}.cm-atelier-edition{text-align:center;display:flex;flex-direction:column;gap:6px}.cm-atelier-edition>span{font:500 9px/1.4 Arial;letter-spacing:4px;color:#d7c493}.cm-atelier-edition>strong{font:400 28px/1.15 Georgia,serif;color:#fffaf0}.cm-atelier button,.cm-atelier a{font:400 13px/1.4 Arial;letter-spacing:.2px;color:#f3eddc;background:transparent;border:0;border-radius:0;box-shadow:none;text-decoration:none;cursor:pointer;transition:color .2s,background .2s;transform:none!important;min-height:44px;padding:10px 14px}.cm-atelier button:hover,.cm-atelier a:hover{color:#e6c985;background:#ffffff08}.cm-atelier button:focus-visible,.cm-atelier a:focus-visible{outline:1px solid #d7c493;outline-offset:4px}.cm-atelier button:disabled{opacity:.28;cursor:default}.cm-atelier .cm-close{justify-self:end;border-bottom:1px solid #cbb47a77;min-height:38px;padding:8px 1px;color:#e4d5ad;font-size:12px;letter-spacing:.6px}.cm-atelier-stage{position:relative;flex:1;min-height:0;display:flex;justify-content:center;align-items:center;padding:24px 24px 56px;box-sizing:border-box;overflow:hidden;perspective:2200px}.cm-atelier-stage:before{content:"";position:absolute;left:22%;right:22%;height:34px;bottom:39px;background:#0008;filter:blur(24px);border-radius:50%;pointer-events:none}.cm-volume{position:relative;flex:none;filter:drop-shadow(0 18px 22px #0005);z-index:1}.cm-volume[hidden],.cm-reading[hidden],.cm-loading[hidden]{display:none!important}.cm-flip{margin:0!important;transition:transform .75s cubic-bezier(.22,.61,.36,1)}.cm-volume.is-first:not(.is-portrait) .cm-flip{transform:translateX(calc(var(--cm-pw)*-.5))}.cm-volume.is-last:not(.is-portrait) .cm-flip{transform:translateX(calc(var(--cm-pw)*.5))}.cm-leaf{background:#fcfbf6;overflow:hidden;border:1px solid #d6cfb7;box-sizing:border-box}.cm-leaf>img{display:block;width:100%;height:100%;object-fit:fill;user-select:none;-webkit-user-drag:none}.cm-leaf:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0000000e,transparent 4%,transparent 96%,#00000013);box-shadow:inset 0 0 0 1px #fff4}.cm-leaf[data-density=hard]{border-color:#bca674}.cm-leaf[data-density=hard]:after{box-shadow:inset 4px 0 7px #0003,inset 0 0 0 1px #e6cb8a44}.cm-gesture{position:absolute;bottom:17px;left:20px;right:20px;margin:0;text-align:center;font:400 10px/1.6 Arial;letter-spacing:1.5px;color:#d2d3ba;opacity:.75;pointer-events:none}.cm-gesture[hidden]{display:none}.cm-atelier-bottom{flex:none;margin:0 4.2vw;padding:13px 0 19px;border-top:1px solid #c3ab7140;display:grid;grid-template-columns:1fr 170px 1fr;gap:25px;align-items:center}.cm-book-nav{display:flex;gap:14px;align-items:center;justify-self:start}.cm-count{font:400 12px/1.5 Arial;letter-spacing:2px;color:#e8d7ac;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:103px;text-align:center}.cm-book-progress{height:1px;width:100%;background:#d7c49335}.cm-book-progress>i{display:block;height:1px;width:0;background:#e0c487;transition:width .7s ease}.cm-book-tools{justify-self:end;display:flex;gap:12px;align-items:center}.cm-book-tools button{color:#d7ddcc;font-size:12px}.cm-atelier .cm-download{color:#e2c98d;padding:10px 0 7px;margin-left:12px;border-bottom:1px solid #bca67477;min-height:0;white-space:nowrap;font-size:12px}.cm-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;background:#133b32;z-index:5;color:#f7f2df;padding:28px;text-align:center}.cm-loading>span{font:400 10px/1.5 Arial;letter-spacing:4px;color:#d7c493}.cm-loading>strong{font:400 32px/1.25 Georgia,serif}.cm-loading>small{font:400 11px Arial;letter-spacing:3px;color:#d7c493}.cm-load-line{width:180px;height:1px;background:#d7c49344}.cm-load-line>i{display:block;height:100%;background:#d7c493;width:0;transition:width .3s}.cm-reading{position:absolute;inset:18px 24px 38px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b49a60 #153c33;z-index:3;outline:none}.cm-reading.is-zoom img{display:block;max-width:none;height:auto;margin:0 auto;box-shadow:0 15px 40px #0006}.cm-reading.is-text{background:#fcfbf6;color:#173e36;max-width:760px;margin:0 auto;padding:35px 42px;box-sizing:border-box}.cm-reading h2{font:400 30px Georgia;color:#173e36;border-bottom:1px solid #b49a60;padding-bottom:18px}.cm-reading p{font:400 18px/1.8 Arial;white-space:pre-line;overflow-wrap:anywhere}.cm-reading section+section{margin-top:50px}
@media(max-width:1100px){.cm-atelier-bottom{grid-template-columns:1fr 1fr;gap:12px}.cm-book-progress{display:none}.cm-book-tools{gap:3px}.cm-book-nav{gap:4px}.cm-atelier-head{padding:20px 25px 15px}.cm-atelier-bottom{margin:0 25px}.cm-count{min-width:90px}}
@media(max-width:700px){.cm-atelier-head{grid-template-columns:1fr auto 1fr;gap:12px;padding:17px 17px 14px}.cm-atelier-head>img{width:90px}.cm-atelier-edition>span{font-size:7px;letter-spacing:2px}.cm-atelier-edition>strong{font-size:21px}.cm-atelier .cm-close{font-size:11px;min-height:32px}.cm-atelier-stage{padding:15px 12px 43px}.cm-gesture{font-size:8px;letter-spacing:.7px;bottom:13px;left:12px;right:12px}.cm-atelier-bottom{grid-template-columns:1fr;margin:0 16px;padding:7px 0 max(10px,env(safe-area-inset-bottom));gap:0}.cm-book-nav,.cm-book-tools{justify-self:center;justify-content:center;width:100%}.cm-book-tools{border-top:1px solid #d7c4931c;gap:8px}.cm-book-tools button{font-size:11px;padding:9px 8px;min-height:36px}.cm-atelier .cm-download{font-size:11px;margin-left:6px}.cm-book-nav button{font-size:12px;min-height:40px;padding:8px 17px}.cm-count{font-size:11px;min-width:105px}.cm-reading{inset:12px 12px 35px}.cm-reading.is-text{padding:24px}.cm-reading p{font-size:18px}}
@media(prefers-reduced-motion:reduce){.cm-flip,.cm-book-progress>i,.cm-load-line>i{transition:none!important}}
.cm-atelier-head{padding-top:18px;padding-bottom:14px}.cm-atelier-bottom{padding-top:9px;padding-bottom:13px}.cm-leaf{box-shadow:1px 1px #d1c7af,2px 2px #f3ecda,3px 3px #6c735b}.cm-volume:not(.is-first):not(.is-last):not(.is-portrait):after{content:"";position:absolute;top:0;bottom:0;left:50%;width:20px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#00000018 48%,#00000028 51%,transparent);pointer-events:none;z-index:5}
@media(max-width:700px){.cm-atelier-head{padding-top:17px;padding-bottom:14px}.cm-atelier-bottom{padding-top:7px;padding-bottom:max(10px,env(safe-area-inset-bottom))}}
.cm-reader.cm-atelier main.cm-atelier-stage{background:transparent!important;border:0!important;margin:0!important;color:inherit!important}
/* Large, single-page reading: the page follows available width rather than shrinking to screen height. */
.cm-reader.cm-atelier main.cm-atelier-stage{display:block!important;overflow:auto!important;padding:20px 24px 24px!important;scrollbar-width:thin;scrollbar-color:#b49a60 #173e36;overscroll-behavior:contain;scroll-behavior:auto}.cm-atelier-stage:before{display:none}.cm-volume{margin:0 auto 20px!important}.cm-gesture{position:static;margin:12px 0 0;font-size:10px;letter-spacing:1px}.cm-atelier-head{padding-top:12px;padding-bottom:12px}.cm-atelier-head>img{width:115px}.cm-atelier-edition>strong{font-size:25px}.cm-atelier-bottom{padding-top:6px;padding-bottom:9px}.cm-atelier-bottom button{min-height:40px}.cm-reading{position:relative;inset:auto;min-height:100%;overflow:visible}.cm-reading.is-zoom{width:max-content;min-width:100%;padding-bottom:20px}.cm-reading.is-text{padding:35px 45px;max-width:850px}.cm-reader.cm-atelier .cm-loading{position:fixed;top:70px;bottom:62px}.cm-volume.is-portrait .cm-flip{transform:none!important}
@media(max-width:700px){.cm-reader.cm-atelier main.cm-atelier-stage{padding:14px 12px 20px!important}.cm-atelier-head>img{width:82px}.cm-atelier-edition>strong{font-size:21px}.cm-reading.is-text{padding:24px}.cm-gesture{font-size:8px;letter-spacing:.5px}.cm-reader.cm-atelier .cm-loading{top:67px;bottom:95px}}
