:root{--green:#214638;--dark:#263c31;--red:#b74e40;--cream:#f7f3e9;--muted:#777c6e;--line:#dddccf;--pink:#f4ded8;--yellow:#f2e7bf;--sage:#dfe8d9}*{box-sizing:border-box}body{margin:0;color:var(--dark);background:var(--cream);font-family:Arial,Helvetica,sans-serif;font-size:15px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23433220' opacity='.035' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b74e40;outline-offset:4px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.site-header{max-width:1400px;margin:auto;padding:27px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font:23px Georgia,serif;letter-spacing:-.6px}.brand-star{font:36px Georgia;color:var(--red)}.edition{font:9px Arial;letter-spacing:1.8px;border-left:1px solid #cccdbf;padding-left:15px;margin-left:10px;color:var(--muted)}nav{display:flex;align-items:center;gap:28px;font-size:12px}nav a:last-child{border-bottom:1px solid var(--green);padding:8px 0}nav span{margin-left:12px}main{max-width:1240px;margin:auto;padding:0 40px}.hero{text-align:center;position:relative;padding:76px 0 69px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.2px;color:var(--muted)}.hero>.eyebrow{display:flex;align-items:center;justify-content:center;gap:15px}.hero .eyebrow span{width:22px;height:1px;background:#9da98f}h1,h2,h3,p{margin:0}h1{font:76px/1.07 Georgia,'Times New Roman',serif;letter-spacing:-3.5px}.hero h1{margin:24px 0 28px;position:relative;display:inline-block}.hero h1 em{color:var(--red);font-weight:400}.underline{position:absolute;bottom:-13px;right:-7px;width:210px;height:18px;fill:none;stroke:var(--red);stroke-width:1.4}.hero>p{font-size:14px;line-height:1.8;color:#737b6c}.hero-decoration{position:absolute}.hero-decoration.left{left:5%;top:85px;font-size:44px;color:#a8af99;transform:rotate(-10deg)}.hero-decoration.left span{display:block;color:#7c856f;font:italic 19px/1.4 Georgia;transform:rotate(-3deg);margin-top:21px}.hero-decoration svg{display:block;width:90px;fill:none;stroke:#9ca48c;stroke-width:1.5;margin:13px 0 0 40px}.hero-decoration.right{right:9%;top:65px;color:#b5a275;width:80px;height:120px}.right>span{font-size:53px}.right>i{position:absolute;top:66px;left:0;font-size:27px;font-style:normal}.right>b{position:absolute;top:40px;right:-20px;font-size:26px;font-weight:normal}.seal{position:absolute;right:7%;bottom:50px;width:111px;height:111px;border:1px dashed #9fae96;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;transform:rotate(12deg);font-size:8px;letter-spacing:1.5px;color:#698364;line-height:1}.seal span{font:italic 22px Georgia;letter-spacing:0}.section-line{border-top:1px solid var(--line);padding-top:28px;display:flex;align-items:end;justify-content:space-between;gap:16px}.section-line h2{margin-top:10px}h2{font:31px Georgia;letter-spacing:-.7px}.red{color:var(--red)}.count{font-size:11px;color:var(--muted);padding-bottom:5px}.filters{display:flex;gap:8px;margin:28px 0 32px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid var(--line);border-radius:25px;color:#626e5e;padding:10px 18px;font-size:11px}.filters button.active{background:var(--green);color:#fffdf4;border-color:var(--green)}.filters button span{margin-left:12px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start;padding:7px 4px 25px}.card{position:relative;min-height:280px;box-shadow:0 5px 12px #323d2410;background:#fffcf2;padding:30px 26px 22px;transition:transform .2s,box-shadow .2s;overflow-wrap:anywhere;border:1px solid #d7d3c744}.card.clickable{cursor:pointer}.card:hover{transform:translateY(-5px) rotate(0deg)!important;box-shadow:0 9px 22px #323d241c}.card:nth-child(3n+1){transform:rotate(-1.3deg)}.card:nth-child(3n+2){transform:rotate(1deg);margin-top:15px}.card:nth-child(3n){transform:rotate(-.5deg)}.card:before{content:'';position:absolute;width:78px;height:25px;left:calc(50% - 39px);top:-12px;transform:rotate(-5deg);background:#d9d2b2a8;clip-path:polygon(3% 0,100% 3%,96% 100%,0 95%);z-index:1}.card.pink{background:var(--pink)}.card.green{background:var(--sage)}.card.yellow{background:var(--yellow)}.card-tag{font-size:8px;letter-spacing:1.8px;text-transform:uppercase;color:#7c806d;display:flex;justify-content:space-between;margin-bottom:23px}.card-tag span:last-child{font-size:17px;line-height:10px;color:var(--red)}.card h3{font:28px/1.2 Georgia;margin-bottom:16px;letter-spacing:-.5px}.card-body{font:18px/1.65 Georgia;white-space:pre-wrap}.card.hand .card-body{font:italic 21px/1.6 'Segoe Print','Bradley Hand',cursive}.card.mono .card-body{font:14px/1.8 'Courier New',monospace}.card-signature{border-top:1px solid #3c4f3220;padding-top:17px;margin-top:22px;display:flex;align-items:center;gap:10px;font-size:10px;color:#727765}.avatar{width:25px;height:25px;border-radius:50%;background:#fff8;display:grid;place-items:center;font:12px Georgia;color:var(--green)}.card-photo{width:100%;max-height:300px;object-fit:cover;display:block;margin:0 0 18px}.card.drawing .card-photo{object-fit:contain;background:white}.card.photo{padding:17px 17px 20px;background:#fffdf7}.card.photo .card-tag{margin:10px 6px 18px}.card.photo h3{font:italic 24px Georgia}.card.photo .card-signature{margin-top:16px}.card .excerpt{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.wave{display:flex;align-items:center;justify-content:center;gap:4px;height:66px;margin:20px 0 14px}.wave i{background:#7e997b;width:4px;border-radius:4px}.card audio{width:100%;height:40px}.empty{grid-column:1/-1;text-align:center;border:1px dashed #b8bfaa;padding:55px 25px;border-radius:4px;color:#6c7962}.empty h3{font:26px Georgia;margin-bottom:12px}.empty p{line-height:1.7}.endnote{display:flex;align-items:center;justify-content:center;gap:28px;padding:65px 0;color:#8a927e}.endnote p{text-align:center;font:italic 22px/1.5 Georgia}.endnote>span{font-size:28px;color:#ada078}footer{max-width:1240px;margin:auto;border-top:1px solid var(--line);padding:25px 40px 30px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.demo-banner{background:#e9e6d6;text-align:center;padding:12px;font-size:12px;line-height:1.5}.studio-heading{text-align:center;padding:56px 0 45px}.studio-heading h1{font-size:58px;margin:16px 0}.studio-heading p{font-size:14px;line-height:1.7;color:var(--muted)}.studio-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:65px;margin-bottom:65px}.paper{background:#fffdf6;border:1px solid #deddd0;padding:30px;box-shadow:0 5px 16px #323d2408}.step-label{display:flex;align-items:center;gap:11px;color:#9a6b52;font:italic 22px Georgia;margin-bottom:22px}.step-label span{font:10px Arial;letter-spacing:1.7px;color:#717c66}.type-buttons{display:flex;gap:6px;margin-bottom:32px}.type-buttons button{flex:1;background:transparent;border:1px solid var(--line);border-radius:3px;padding:13px 2px;color:var(--green);font:25px Georgia}.type-buttons button span{display:block;font:10px Arial;margin-top:8px}.type-buttons button.selected{border-color:var(--green);background:#e8eddf}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:11px;color:#65705d}input:not([type=color]):not([type=range]):not([type=file]),textarea,select{display:block;width:100%;border:1px solid #d7dacb;background:#fffefa;border-radius:3px;padding:12px;color:var(--dark);margin:9px 0 20px;font-size:13px}textarea{resize:vertical;line-height:1.7;min-height:130px;margin-bottom:7px!important}input::placeholder,textarea::placeholder{color:#9a9c90}.format-bar{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#8b907e;margin-bottom:30px;line-height:1.6}.customize{display:flex;gap:32px;align-items:start}.customize>label{flex:1}.customize select{margin-top:10px}fieldset{padding:0;border:0;margin:0}legend{font-size:11px;color:#65705d;margin-bottom:11px}.swatches{display:flex;gap:9px}.swatches button{width:29px;height:29px;border-radius:50%;border:1px solid #bbbfae}.swatches button.selected{outline:1px solid var(--green);outline-offset:3px}[data-color=cream]{background:#fffcf2}[data-color=pink]{background:var(--pink)}[data-color=green]{background:var(--sage)}[data-color=yellow]{background:var(--yellow)}.button{border:1px solid var(--green);border-radius:3px;padding:12px 18px;display:inline-flex;justify-content:center;gap:16px;font-size:12px;align-items:center}.primary{background:var(--green);color:#fffdf4}.secondary{background:transparent;color:var(--green)}.send{width:100%;margin-top:15px;justify-content:space-between}.hint{font-size:11px;line-height:1.6;color:#818773}.preview-side{padding-top:24px;position:sticky;top:25px;align-self:start}.preview-side>.eyebrow{text-align:center;margin-bottom:35px}#live-preview .card{transform:rotate(3deg);min-height:330px}.preview-note{font:italic 24px/1.4 Georgia;text-align:center;transform:rotate(-7deg);color:#9a866d;margin:35px 0}.privacy-note{border-top:1px solid var(--line);display:flex;gap:13px;padding:25px 5px;color:#7b866e;font-size:23px}.privacy-note p{font-size:11px;line-height:1.8}.dropzone{border:1px dashed #b1bba4;border-radius:3px;background:#f4f5ec;padding:25px 12px;text-align:center;margin-bottom:12px;cursor:pointer}.dropzone strong{display:block;font-size:13px;margin:8px}.dropzone>span:last-of-type{font-size:10px;color:#89927c}.upload-icon{font:28px Georgia}.dropzone input{display:block;font-size:11px;max-width:100%;margin:15px auto 0}.dropzone.drag{outline:2px solid var(--green)}#file-name{margin-bottom:16px}.recorder{display:flex;align-items:center;gap:15px;margin-bottom:14px}#record-time{font-size:11px;line-height:1.7;color:#7a846b}#audio-section{margin-bottom:20px}#audio-section audio{width:100%;margin-bottom:12px}.paint-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.paint-tools label{display:flex;align-items:center;gap:6px}.paint-tools button{font-size:10px;background:white;border:1px solid #ced5c4;padding:8px;border-radius:3px}.paint-tools button[aria-pressed=true]{background:var(--sage)}input[type=color]{width:30px;height:30px;padding:0;border:0;background:none}input[type=range]{width:70px;accent-color:var(--green)}canvas{width:100%;height:auto;border:1px solid #d4d9cb;background:white;touch-action:none;display:block}#drawing-section .hint{margin:8px 0 20px}.admin{margin-bottom:50px;display:flex;align-items:center;gap:40px;justify-content:space-between}.admin h2{margin:15px 0}.admin p{line-height:1.8;margin-bottom:20px;color:#718068;font-size:13px}.admin button{margin:5px 0}.qr-card{min-width:245px;text-align:center;border:1px solid #b6bd9e;padding:28px 20px;background:#fffdf7}.qr-card>span{font-size:8px;letter-spacing:2px}.qr-card h2{font:italic 42px Georgia}.qr-card img{max-width:100%;display:block;margin:auto}.qr-card p{font:italic 19px/1.4 Georgia;margin:12px 0 22px}dialog{max-width:620px;width:calc(100% - 32px);max-height:90vh;border:0;padding:40px 25px 25px;background:var(--cream);overflow:auto;box-shadow:0 20px 100px #10251e55}dialog::backdrop{background:#10291f99;backdrop-filter:blur(4px)}dialog .card{transform:none!important;margin:0;min-height:0}dialog .card:hover{transform:none!important}dialog .card-photo{max-height:65vh;object-fit:contain}.close{position:absolute;right:10px;top:5px;border:0;background:transparent;color:var(--green);font-size:29px;z-index:2}.delete{margin-top:20px;border:1px solid #bca698;color:#a54c3b;background:transparent;padding:10px 15px;font-size:12px}.locked{max-width:550px;text-align:center;margin:70px auto;padding:45px 25px}.locked h1{font-size:46px;margin:20px 0}.locked p{line-height:1.8;color:var(--muted);margin:20px 0}.loading{text-align:center;padding:100px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 25px;background:var(--green);color:white;box-shadow:0 4px 20px #0002;z-index:10;border-radius:4px;font-size:13px;max-width:90%;display:none}#toast.visible{display:block}#form-error{font-size:12px;color:var(--red);line-height:1.6;margin-top:10px}@media(min-width:1450px){.hero{padding-top:90px;padding-bottom:90px}.cards{gap:35px}}@media(max-width:900px){.hero-decoration.left{left:0;font-size:30px}.hero-decoration.left span{font-size:15px}.hero-decoration.right{right:3%}.seal{right:0;width:85px;height:85px;font-size:6px}.seal span{font-size:18px}.hero h1{font-size:64px}.studio-layout{gap:30px;grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr)}.paper{padding:22px}.cards{gap:20px}.card{padding:25px 20px}.card h3{font-size:25px}.customize{gap:20px}.form-row{grid-template-columns:1fr;gap:0}}@media(max-width:680px){.site-header{padding:17px 22px}.brand{font-size:20px}.brand-star{font-size:28px}.edition{display:none}nav{gap:15px;font-size:10px}nav #home-link{display:none}main{padding:0 22px}.hero{padding:56px 0 44px}.hero h1{font-size:53px;letter-spacing:-2.7px;margin-top:22px}.hero>.eyebrow{font-size:8px;letter-spacing:1.6px;gap:8px}.hero-decoration.left,.seal{display:none}.hero-decoration.right{right:-7px;top:85px;transform:scale(.45);transform-origin:right top}.hero>p{font-size:12px}.underline{width:150px}.section-line h2{font-size:26px}.section-line .eyebrow{font-size:8px}.count{font-size:9px;white-space:nowrap}.filters{gap:6px;margin:22px 0 30px}.filters button{padding:9px 12px;font-size:10px}.cards{grid-template-columns:1fr;gap:30px;padding:4px 6px}.card:nth-child(3n+2){margin-top:0}.card{min-height:230px}.card-photo{max-height:390px}.endnote{padding:55px 0;gap:18px}.endnote p{font-size:19px}footer{margin:0 22px;padding:22px 0;gap:12px;line-height:1.7;font-size:9px}.studio-heading{padding:42px 0 32px}.studio-heading h1{font-size:44px;letter-spacing:-2px}.studio-layout{display:flex;flex-direction:column;gap:25px}.preview-side{position:static;width:100%;padding:0 18px}.privacy-note{display:none}.preview-note{font-size:20px}.type-buttons button{font-size:23px}.type-buttons button span{font-size:8px}.paper{padding:20px 16px}.customize{gap:20px}.format-bar{font-size:8px}.admin{flex-direction:column;align-items:stretch}.qr-card{max-width:320px;align-self:center}.recorder{flex-direction:column;align-items:start}.step-label span{font-size:9px}h2{font-size:26px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}@media print{body{background:white}body>*{display:none!important}body>main{display:block!important;padding:0}main>*{display:none!important}#admin-section{display:block!important;border:0;box-shadow:none;padding:0}#admin-section>div:first-child{display:none!important}.qr-card{display:block!important;width:95mm;min-height:130mm;margin:15mm auto;padding:12mm 8mm;border:1px dashed #889880;print-color-adjust:exact;-webkit-print-color-adjust:exact}.qr-card img{width:60mm;height:60mm}.qr-card h2{font-size:50px}.qr-card>span{font-size:9px}@page{size:A4;margin:15mm}}
/* Livret : une attention par page, gestes tactiles et navigation au clavier. */
.book-section{max-width:490px;margin:0 auto 30px}.book-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;padding:0 5px;gap:10px}.book-topline .eyebrow{font-size:9px}.text-button{border:0;border-bottom:1px solid #9aa78a;padding:5px 0;background:none;color:#6a795d;font-size:11px}.book-stage{position:relative;perspective:1600px;isolation:isolate;border-radius:4px 14px 14px 4px;box-shadow:8px 5px 0 -1px #e9e5d8,10px 5px 0 -1px #c5c7b6,14px 9px 0 -2px #efeadc,15px 9px 0 -2px #c9cbbc,4px 15px 35px #233b2b25;touch-action:pan-y}.book-page{height:600px;max-height:75svh;min-height:440px;overflow-y:auto;overscroll-behavior-y:contain;background:#fffdf3;border-radius:4px 12px 12px 4px;scrollbar-width:thin;scrollbar-color:#b2b79e transparent}.book-binding{position:absolute;inset:0 auto 0 0;width:18px;background:linear-gradient(90deg,#12291a2b,transparent);z-index:4;pointer-events:none;border-left:1px solid #1c3b2c25}.book-cover{min-height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 26px 27px;color:#f3ead2;background:var(--green);border:1px solid #244936;outline:1px solid #cdbb7f66;outline-offset:-15px;background-image:radial-gradient(ellipse at 80% 0,#73896c33,transparent 60%),repeating-linear-gradient(75deg,#ffffff02 0px,#ffffff02 1px,transparent 1px,transparent 4px)}.cover-edition{font-size:9px;letter-spacing:3px;color:#c1c1a0}.cover-star{font:68px Georgia;color:#c7b47b;margin:25px 0 18px}.cover-small{font:italic 21px Georgia;color:#dddbc2}.cover-name{font:italic 86px Georgia;letter-spacing:-3px;margin-top:4px}.cover-rule{width:60px;height:1px;background:#bbaa7788;margin:18px 0}.cover-subtitle{font:15px/1.8 Georgia;white-space:pre-line;color:#d2d7bf}.open-book{margin:30px 0;background:#f5edd7;color:var(--green);border:1px solid #e2d4ac;border-radius:2px;padding:13px 23px;font-size:12px;min-height:44px}.cover-bottom{font-size:7px;letter-spacing:1.7px;margin-top:auto;padding-top:18px;color:#bdc5a6}.book-navigation{display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:center;margin:28px 0 10px}.page-arrow{height:44px;width:44px;border:1px solid #b8c0a8;border-radius:50%;background:transparent;font:22px Georgia;color:var(--green)}.page-arrow:disabled{opacity:.25;cursor:default}.book-navigation p{font:14px Georgia;color:var(--green);margin-bottom:5px}.swipe-hint{font-size:10px;color:#8b927d}.book-card{margin:0!important;transform:none!important;border:0!important;box-shadow:none!important;padding:35px 32px 20px 38px!important;min-height:100%;display:flex;flex-direction:column;border-radius:4px 12px 12px 4px}.book-card:hover{transform:none!important}.book-card:before{display:none}.book-card .card-tag{margin-bottom:28px}.book-card h3{font-size:34px}.book-card .card-body{font-size:19px;line-height:1.8}.book-card .card-signature{margin-top:auto;padding-top:22px;padding-bottom:15px}.book-card .card-body+.card-signature{margin-top:28px}.book-card .card-photo{max-height:350px;object-fit:contain;background:#fff9;margin-bottom:24px}.leaf-number{font-size:8px;letter-spacing:1.7px;text-align:center;color:#8b907c;padding-top:16px;margin-top:auto}.book-ending{padding:40px 32px;min-height:100%;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;gap:24px}.book-ending .cover-star{font-size:40px;color:var(--red);margin:0}.book-ending h2{font:italic 40px/1.25 Georgia;white-space:pre-line}.book-ending>p{font:17px/1.8 Georgia;white-space:pre-line;color:#6f7e63}.book-ending .ending-signature{font-style:italic;color:var(--red)}.book-turn{position:absolute;inset:0;pointer-events:none;transform-origin:left center;transform-style:preserve-3d;backface-visibility:hidden;z-index:5;display:none}.book-turn.visible{display:block}.book-turn:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0000,#0002);border-radius:4px 12px 12px 4px}.book-turn.forward{transform:rotateY(0deg);opacity:1;transition:transform .55s ease-in-out,opacity .55s ease}.book-turn.forward.turning{transform:rotateY(-105deg);opacity:0}.book-turn.backward{transform:translateX(-8%) rotateY(-30deg);opacity:1;transition:transform .5s ease,opacity .5s ease}.book-turn.backward.turning{transform:translateX(30%) rotateY(80deg);opacity:0}.book-turn .book-page{height:100%;max-height:none;overflow:hidden}.hero{padding-bottom:44px}.endnote{padding-top:35px}.book-section+.collection{margin-top:45px}@media(max-width:680px){.hero{padding:30px 0 26px}.hero h1{font-size:39px;letter-spacing:-1.8px;line-height:1.08;margin:14px 0 18px}.hero>.eyebrow{font-size:7px;letter-spacing:1.5px}.hero>p{font-size:11px;line-height:1.7}.hero-decoration.right{top:46px}.underline{width:113px;bottom:-10px}.book-section{max-width:420px;margin-bottom:20px;padding:0 6px 0 0}.book-topline{margin-bottom:16px}.book-topline .eyebrow{font-size:8px;letter-spacing:1.7px}.text-button{font-size:10px;min-height:32px}.book-page{height:570px;max-height:73svh;min-height:430px}.book-cover{padding:32px 25px 24px;outline-offset:-12px}.cover-star{font-size:52px;margin:20px 0 13px}.cover-name{font-size:72px}.cover-small{font-size:18px}.cover-subtitle{font-size:14px;line-height:1.6}.cover-rule{margin:15px 0}.open-book{margin:22px 0 12px;padding:12px 22px}.cover-bottom{font-size:6px;letter-spacing:1.2px;padding-top:10px}.book-navigation{margin-top:25px}.book-card{padding:28px 22px 20px 28px!important}.book-card h3{font-size:29px}.book-card .card-body{font-size:18px;line-height:1.75}.book-card.hand .card-body{font-size:20px}.book-card.mono .card-body{font-size:14px}.book-card .card-photo{max-height:300px}.book-card .card-tag{font-size:7px;margin-bottom:22px}.book-ending{padding:30px 25px;gap:20px}.book-ending h2{font-size:33px}.book-ending>p{font-size:16px}.endnote{padding:30px 0}.page-arrow{height:46px;width:46px}.book-stage{box-shadow:5px 4px 0 -1px #e9e5d8,7px 4px 0 -1px #c5c7b6,10px 7px 0 -2px #efeadc,11px 7px 0 -2px #c9cbbc,4px 12px 25px #233b2b20}}@media(max-height:720px) and (max-width:680px){.book-cover{padding-top:25px;padding-bottom:22px}.cover-star{font-size:40px;margin:15px 0 10px}.cover-name{font-size:64px}.cover-rule{margin:12px 0}.open-book{margin:16px 0 10px}.cover-bottom{padding-top:8px}}@media(prefers-reduced-motion:reduce){.book-turn{display:none!important}}
.reading .hero{display:none}.reading .book-section{margin-top:28px}@media(max-width:680px){.reading .book-section{margin-top:20px}.reading .book-page{height:calc(100svh - 230px);max-height:650px;min-height:390px}}
@media(max-width:680px){.reading:has(.demo-banner) .book-page{height:calc(100svh - 290px);min-height:340px}}