@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--sea:#087f8f;--deep:#073f52;--ink:#183c48;--sand:#f9f6ee;--cream:#fffdf8;--muted:#607780;--gold:#e9ba71;--line:#e5e9e8;--shadow:0 18px 55px rgba(8,54,66,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--cream);font-family:'DM Sans',Arial,sans-serif;color:var(--ink);line-height:1.65}button,input{font:inherit}a{color:inherit}button{cursor:pointer}img{max-width:100%}.container{width:min(1180px,calc(100% - 72px));margin-inline:auto}.section-pad{padding:112px 0}.skip-link{position:absolute;top:-90px;left:10px;z-index:500;background:white;padding:12px}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:83px;position:sticky;top:0;z-index:100;background:rgba(255,253,248,.97);backdrop-filter:blur(16px);border-bottom:1px solid #e2e8e6}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--deep);font-weight:700;letter-spacing:.09em;font-size:16px;white-space:nowrap;line-height:1.25}.brand strong{color:var(--sea)}.brand small{display:block;font-size:8px;letter-spacing:.17em;color:#7e9296;font-weight:600;margin-top:3px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border:1.5px solid #c7dedb;border-radius:50%;font-size:30px;color:var(--sea);line-height:0}.nav{display:flex;align-items:center;gap:28px}.nav-link{font-size:12px;font-weight:700;text-decoration:none;transition:color .2s;color:#43555a;white-space:nowrap}.nav-link:hover,.nav-link.active{color:var(--sea)}.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle span{display:block;width:23px;height:2px;margin:5px;background:var(--deep)}
.hero{min-height:clamp(620px,78vh,790px);position:relative;isolation:isolate;color:white;display:flex;align-items:center;overflow:hidden;background:#185569}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-image{object-fit:cover;object-position:center 55%;animation:hero-zoom 12s ease-out both}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(3,33,47,.81) 0%,rgba(4,42,55,.53) 43%,rgba(7,45,54,.05) 100%),linear-gradient(0deg,rgba(2,38,50,.28),transparent 35%)}.hero-inner{padding-top:4px;padding-bottom:58px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.21em;font-weight:700}.eyebrow{display:flex;align-items:center;gap:14px;color:#d8f6ed}.eyebrow-line{width:32px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}.hero h1{font:600 clamp(49px,6.15vw,94px)/1.14 'Playfair Display',Georgia,serif;letter-spacing:-.045em;max-width:920px;margin:22px 0 26px}.hero h1 em{color:#ffe6b8;font-style:italic}.hero-desc{font-size:17px;max-width:495px;color:#edf1ec;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:37px}.btn{border:0;padding:15px 26px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:20px;text-decoration:none;font-weight:700;font-size:13px;letter-spacing:.01em;border-radius:4px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-light{background:#fff;color:var(--deep)}.btn-light:hover{background:#ffedce}.hero-text-link{text-decoration:none;color:white;font-weight:700;font-size:13px;border-bottom:1px solid #d8ded9;padding-bottom:4px}.hero-bottom{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center;letter-spacing:.2em;font-size:10px;font-weight:700;color:#dce9e7}.hero-bottom>span:first-child{font-size:0}.hero-scroll{display:flex;align-items:center;gap:15px}.hero-scroll span{font-size:18px}@keyframes hero-zoom{from{transform:scale(1.07)}to{transform:scale(1)}}
.welcome{background:#fffdf8}.welcome-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:100px}.section-kicker{color:#bb8b4e;margin-bottom:18px}.welcome h2,.section-head h2,.book-copy h2,.faq-layout h2{font:600 clamp(34px,4vw,58px)/1.18 'Playfair Display',Georgia,serif;letter-spacing:-.035em;color:var(--deep);margin-bottom:15px}.welcome h2 em,.section-head h2 em,.book-copy h2 em,.faq-layout h2 em{font-weight:500;color:var(--sea)}.welcome-grid>div:last-child{padding-top:34px}.welcome-grid p{color:#61777c;font-size:15px;line-height:1.95}.inline-link{display:inline-block;text-decoration:none;font-size:13px;font-weight:700;color:var(--sea);margin-top:10px;border-bottom:1px solid var(--sea);padding-bottom:4px}.inline-link span{margin-left:12px}
.explore{background:var(--sand)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-head h2{margin-bottom:14px}.section-intro{color:#728188;font-size:15px;max-width:570px}.section-count{font-size:11px;letter-spacing:.17em;color:#9a9e99;font-weight:700;padding-bottom:23px}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:31px 0 30px}.filter-btn{border:1px solid #e3e6e2;background:transparent;color:#607278;font-weight:700;font-size:11px;letter-spacing:.02em;border-radius:50px;padding:10px 17px}.filter-btn.selected,.filter-btn:hover{background:var(--deep);border-color:var(--deep);color:white}.filter-btn span{margin-left:8px;color:#dbe6e4}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.article-card{background:white;border:1px solid #e7e9e5;box-shadow:0 3px 20px rgba(21,52,58,.025);border-radius:6px;overflow:hidden;transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column}.article-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.article-img-wrap{aspect-ratio:1.47;overflow:hidden;position:relative}.article-img-wrap img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .5s}.article-card:hover img{transform:scale(1.045)}.article-num{position:absolute;top:15px;left:15px;background:rgba(255,255,255,.96);padding:7px 10px;font-size:10px;letter-spacing:.12em;font-weight:700}.article-body{padding:25px 25px 22px;display:flex;flex-direction:column;flex:1}.article-tag{font-size:10px;letter-spacing:.16em;color:#b28b58;font-weight:700;text-transform:uppercase}.article-title{font:600 23px/1.28 'Playfair Display',Georgia,serif;color:var(--deep);margin:12px 0 12px}.article-desc{color:#6b8084;font-size:13px;line-height:1.9;flex:1}.article-read{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding-top:16px;border-top:1px solid var(--line);color:var(--sea);font-weight:700;font-size:12px;background:none;border-bottom:0;border-left:0;border-right:0;text-align:left;cursor:pointer}.article-read span{font-size:18px;font-weight:400}
.story-band{background:#073e50;color:white}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:92px;align-items:center}.story-image-wrap{position:relative}.story-image-wrap img{height:580px;width:100%;object-fit:cover;display:block;border-radius:4px}.image-corner-label{position:absolute;bottom:0;left:0;background:#e9bc79;color:#244251;font-size:10px;font-weight:700;letter-spacing:.14em;padding:15px 18px}.section-kicker-light{color:#e9bc79}.story-copy h2{font:600 clamp(37px,4vw,57px)/1.16 'Playfair Display',Georgia,serif;letter-spacing:-.03em;margin:18px 0 28px}.story-copy>p:not(.section-kicker){font-size:15px;color:#c5d9db;line-height:1.95}.btn-outline-light{background:transparent;border:1px solid #83a7ae;color:white;margin:15px 0 30px}.btn-outline-light:hover{background:#16556a}.story-mini{border-top:1px solid #376778;padding-top:29px;display:flex;gap:16px}.story-mini-icon{display:grid;place-items:center;border:1px solid #64818a;width:39px;height:39px;flex-shrink:0;color:#e9bc79;border-radius:50%;font-size:23px}.story-mini strong{display:block;font-size:14px}.story-mini p{font-size:12px;color:#a5bdc4;line-height:1.8;margin-top:7px}
.book-section{background:#f4f1e8}.book-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px;align-items:center}.book-illustration{min-height:410px;display:flex;justify-content:center;align-items:center;position:relative}.book-circle{position:absolute;background:#e7d9be;width:360px;height:360px;border-radius:50%;z-index:0}.book-cover{height:365px;width:255px;background:linear-gradient(135deg,#125b68,#06364a);z-index:1;transform:rotate(-7deg);box-shadow:16px 18px 28px #183c4833;color:#fff0d8;padding:30px 27px;display:flex;flex-direction:column;justify-content:space-between;border-left:9px solid #d5b67e}.book-top,.book-bottom{font-size:11px;letter-spacing:.16em;font-weight:700}.book-icon{font-family:Georgia,serif;font-size:64px;color:#e8b66d;line-height:1}.book-cover strong{font:600 39px/1.1 'Playfair Display',Georgia,serif}.book-copy>p:not(.section-kicker){color:#60777a;font-size:15px;line-height:1.95}.book-notice{display:flex;gap:12px;background:#fff9e9;border:1px solid #eadbb9;padding:14px 16px;font-size:12px;line-height:1.8;color:#736950;margin:21px 0 26px;border-radius:5px}.book-notice>span:first-child{color:#c3984d}.book-notice code{background:#ece6d8;border-radius:3px;padding:1px 3px}.btn-primary{background:var(--sea);color:white}.btn-primary:hover{background:#066f7c}.btn-ghost{background:none;color:var(--sea);margin-left:7px}
.faq-section{background:#fffdf8}.faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center}.faq-layout p:not(.section-kicker){color:#6b7f83;font-size:15px;line-height:1.95;max-width:470px}.faq-layout .btn{margin-top:18px}.faq-suggestions{border:1px solid #e5eae6;padding:32px 38px;box-shadow:0 15px 60px #0044560d}.faq-suggestions>p{font-size:11px!important;color:#b08a57!important;letter-spacing:.15em;font-weight:700;margin:0 0 14px}.faq-suggestions button{width:100%;border:0;border-bottom:1px solid #e9edeb;background:none;text-align:left;padding:17px 0;font-weight:700;color:var(--deep);display:flex;justify-content:space-between;gap:14px;font-size:14px}.faq-suggestions button:last-child{border:0}.faq-suggestions button span{color:var(--sea)}.faq-suggestions button:hover{color:var(--sea)}
.site-footer{background:#062f3d;color:#dae9e7;padding:53px 0 22px}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:47px}.footer-brand{font-size:22px;letter-spacing:.09em;font-weight:700;color:white;text-decoration:none}.footer-brand strong{color:#7ac6bd}.footer-grid p{font-size:13px;color:#93adb3;margin-top:9px}.footer-links{display:flex;gap:26px}.footer-links a{font-size:12px;text-decoration:none;color:#c9d6d5}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #30525d;display:flex;justify-content:space-between;padding-top:20px;gap:20px;color:#9db3b7;font-size:11px}
.chat-fab{position:fixed;bottom:22px;right:24px;background:#087f8f;color:white;width:62px;height:62px;border:4px solid white;box-shadow:0 7px 27px #073f524a;border-radius:50%;z-index:110;display:grid;place-items:center;transition:transform .2s}.chat-fab:hover{transform:scale(1.05)}.chat-fab svg{width:27px}.fab-tooltip{position:absolute;right:66px;white-space:nowrap;top:14px;background:var(--deep);font-size:11px;padding:6px 10px;border-radius:4px;pointer-events:none}.chat-panel{position:fixed;right:25px;bottom:95px;width:min(365px,calc(100vw - 28px));height:min(530px,calc(100dvh - 115px));background:white;box-shadow:0 10px 55px #003e5060;border:1px solid #d9e7e2;border-radius:13px;z-index:115;display:flex;flex-direction:column;overflow:hidden}.chat-panel[hidden]{display:none}.chat-top{background:var(--deep);color:white;padding:17px;display:flex;align-items:center;gap:11px}.chat-avatar{display:grid;place-items:center;background:#2f8590;border-radius:50%;width:40px;height:40px;font-size:25px}.chat-top strong{display:block;font-size:14px}.chat-top small{display:block;color:#d2e5e3;font-size:10px;margin-top:3px}.online-dot{display:inline-block;width:7px;height:7px;background:#70e3ae;border-radius:50%;margin-right:3px}.chat-top button{margin-left:auto;border:0;background:none;color:white;font-size:27px}.chat-log{background:#f5f9f7;flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:13px}.chat-bubble{display:flex}.chat-bubble span{max-width:90%;padding:11px 13px;border-radius:14px;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.chat-bubble.bot span{background:white;color:#294651;border:1px solid #e9eeea;border-bottom-left-radius:3px}.chat-bubble.user{justify-content:end}.chat-bubble.user span{background:#d5eeea;color:#124b51;border-bottom-right-radius:3px}.chat-chips{padding:10px 12px;display:flex;gap:6px;overflow:auto;border-top:1px solid #edf0ed}.chat-chips button{white-space:nowrap;border:1px solid #cee3df;background:#f6fbfa;border-radius:40px;padding:6px 9px;font-size:10px;color:#0d6a74;font-weight:700}.chat-form{padding:10px 12px;display:flex;gap:7px;border-top:1px solid #ebeeec}.chat-form input{min-width:0;flex:1;padding:11px;border-radius:6px;border:1px solid #d8e6e1;font-size:12px;outline:none}.chat-form input:focus{border-color:#087f8f}.chat-form button{background:var(--sea);color:white;border:0;padding:0 14px;border-radius:6px;font-size:19px}.chat-gemini{display:flex;justify-content:center;align-items:center;gap:8px;padding:13px 10px;background:#f7dfac;color:#504520;text-align:center;text-decoration:none;font-weight:700;font-size:12px}.chat-gemini:hover{background:#f3ce82}
.article-dialog{border:0;border-radius:12px;padding:0;width:min(810px,calc(100% - 24px));max-height:min(90dvh,960px);overflow-y:auto;box-shadow:0 30px 100px #001d2a77;background:#fff}.article-dialog::backdrop{background:#001b29b9;backdrop-filter:blur(3px)}.dialog-frame{position:relative}.dialog-close{position:sticky;top:14px;float:right;margin-right:14px;margin-bottom:-60px;z-index:2;width:40px;height:40px;border-radius:50%;border:0;background:white;font-size:26px;color:#164452;box-shadow:0 4px 16px #0002}.dialog-frame>img{display:block;width:100%;aspect-ratio:2.3;object-fit:cover}.dialog-body{padding:42px 58px 46px}.dialog-tag{font-size:11px;font-weight:700;color:#b48a53;letter-spacing:.14em;text-transform:uppercase}.dialog-body h2{font:600 clamp(29px,4vw,44px)/1.2 'Playfair Display',Georgia,serif;color:var(--deep);margin:16px 0 25px}.dialog-body p{font-size:15px;color:#3d575f;line-height:2.05;margin-bottom:20px}.dialog-footer{border-top:1px solid #e2e7e4;padding-top:21px;margin-top:30px;display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-footer span{font-size:10px;color:#9ab0b1;letter-spacing:.1em}.dialog-footer button{border:0;background:none;color:var(--sea);font-weight:700;font-size:12px}
@media(max-width:1000px){.container{width:min(100% - 48px,1180px)}.nav{gap:15px}.nav-link{font-size:11px}.welcome-grid,.story-layout,.book-layout,.faq-layout{gap:50px}.article-grid{gap:16px}.article-title{font-size:20px}.story-image-wrap img{height:480px}.section-pad{padding:85px 0}}
@media(max-width:760px){.site-header{height:72px}.container{width:calc(100% - 36px)}.brand{font-size:14px}.menu-toggle{display:block}.nav{position:absolute;top:72px;left:0;right:0;background:#fffdf8;display:none;flex-direction:column;align-items:stretch;gap:0;padding:15px 18px 23px;box-shadow:0 18px 30px #173b4417}.nav.open{display:flex}.nav-link{padding:13px 8px;border-bottom:1px solid #e9efec;font-size:13px}.hero{min-height:660px}.hero-image{object-position:58% center}.hero-shade{background:linear-gradient(90deg,rgba(3,34,46,.78),rgba(2,35,49,.28)),linear-gradient(0deg,#062f3b44,transparent 40%)}.hero-inner{padding-top:18px}.hero h1{font-size:clamp(44px,8vw,70px)}.hero-desc{font-size:15px}.hero-bottom{bottom:20px}.hero-bottom>span:last-child{display:none}.section-pad{padding:72px 0}.welcome-grid,.story-layout,.book-layout,.faq-layout{grid-template-columns:1fr;gap:25px}.welcome-grid>div:last-child{padding-top:0}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.article-body{padding:16px}.article-title{font-size:19px}.article-desc{font-size:12px}.section-count{display:none}.story-image-wrap img{height:350px}.story-copy h2{font-size:41px}.book-layout{gap:15px}.book-illustration{min-height:350px}.book-circle{width:300px;height:300px}.book-cover{height:310px;width:215px}.book-cover strong{font-size:33px}.faq-layout{gap:30px}.footer-grid,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-links{flex-wrap:wrap}.dialog-body{padding:28px 25px}}
@media(max-width:540px){.container{width:calc(100% - 34px)}.hero{min-height:600px}.hero h1{font-size:46px}.hero-desc{font-size:14px}.eyebrow{font-size:10px}.hero-actions{gap:23px}.hero-bottom{font-size:9px}.article-grid{grid-template-columns:1fr;gap:19px}.article-img-wrap{aspect-ratio:1.63}.article-body{padding:22px}.article-title{font-size:23px}.section-head h2,.welcome h2,.book-copy h2,.faq-layout h2{font-size:36px}.section-intro{font-size:14px}.story-copy h2{font-size:37px}.story-image-wrap img{height:325px}.faq-suggestions{padding:22px}.faq-suggestions button{font-size:12px}.chat-fab{width:56px;height:56px;right:14px;bottom:15px}.fab-tooltip{display:none}.chat-panel{right:12px;bottom:80px;height:min(530px,calc(100dvh - 95px))}.dialog-frame>img{aspect-ratio:1.65}.dialog-body p{font-size:14px;line-height:1.95}.dialog-footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Trạng thái ẩn phải được ưu tiên hơn kiểu nút */
[hidden]{display:none!important}

/* Điểm nhấn sách số - đơn giản, sử dụng ảnh trang thực tế từ PDF */
.hero .hero-second{font-family:inherit;font-size:clamp(22px,3.3vw,43px);font-weight:500;letter-spacing:0;line-height:1.4;display:inline-block;margin-top:12px;color:#f9e9cd}
.book-preview{perspective:900px}
.book-preview>img{position:relative;z-index:2;width:255px;height:360px;object-fit:cover;border-radius:3px 9px 9px 3px;transform:rotate(-7deg);box-shadow:20px 25px 38px #173b454b;border-left:5px solid #0c5160;transition:transform .5s ease,box-shadow .5s ease}
.book-preview:hover>img{transform:rotate(-3deg) translateY(-7px);box-shadow:25px 32px 45px #173b4555}
.book-glow{position:absolute;width:240px;height:240px;border-radius:50%;background:#f8e8c6;filter:blur(45px)}
.book-feature{display:flex;align-items:center;gap:15px;margin:24px 0 18px;border-top:1px solid #d8d5c9;border-bottom:1px solid #d8d5c9;padding:16px 0}
.book-feature>span{font-size:29px;color:#b89155}.book-feature strong{display:block;font-size:14px;color:#174454}.book-feature small{display:block;font-size:12px;color:#687d7c;margin-top:5px}
.book-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.book-actions .btn{cursor:pointer}.book-actions .btn-ghost{margin:0}
.footer-teacher{text-align:center;border-top:1px solid #30525d;padding-top:18px;margin-top:18px;padding-bottom:5px}
.footer-teacher strong{font-family:Arial,sans-serif;font-size:clamp(15px,2.3vw,19px);font-weight:800;color:#fff;letter-spacing:.02em}
.book-dialog{border:0;padding:0;width:min(1110px,calc(100vw - 20px));max-height:calc(100dvh - 30px);border-radius:16px;background:#f5f0e7;box-shadow:0 30px 90px #001e2c77;overflow:hidden;color:#244858}
.book-dialog::backdrop{background:#001a27d9;backdrop-filter:blur(5px)}
.book-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:16px 25px;background:#073f52;color:white}
.book-dialog-head span{display:block;font-size:10px;color:#beddd7;letter-spacing:.14em}.book-dialog-head strong{font:700 19px/1.5 Arial,sans-serif;letter-spacing:.08em}.book-dialog-head button{background:transparent;border:1px solid #ffffff66;border-radius:50%;width:37px;height:37px;color:white;font-size:26px;cursor:pointer}
.book-reader-stage{display:flex;align-items:center;gap:12px;justify-content:center;padding:20px 18px;min-height:100px}
.book-spread{display:flex;justify-content:center;align-items:stretch;max-width:min(760px,calc(100% - 104px));box-shadow:0 15px 45px #2a43454d;transform-origin:center;overflow:hidden;border-radius:3px;background:#fff}
.book-leaf{height:min(66dvh,620px);aspect-ratio:595 / 842;min-width:0;background:white;box-shadow:inset -3px 0 6px #0001}
.book-leaf img{width:100%;height:100%;display:block;object-fit:contain}
.book-leaf+ .book-leaf{border-left:1px solid #c8c4b6;box-shadow:inset 3px 0 8px #0001}
.book-arrow{width:44px;height:44px;flex:0 0 44px;border:1px solid #9bb1ab;background:#fff;color:#176674;border-radius:50%;font-size:31px;cursor:pointer;transition:background .2s}
.book-arrow:hover{background:#ddefe9}.book-arrow:disabled{opacity:.35;cursor:default}
.book-dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 23px 17px;background:#fff;min-height:55px}
.book-dialog-bottom>span{font-weight:700;font-size:12px;white-space:nowrap}.book-dialog-bottom a{font-size:12px;font-weight:700;color:#0d7681;white-space:nowrap;text-decoration:none}
.book-progress{background:#e9efed;max-width:330px;width:40%;height:5px;border-radius:10px;overflow:hidden}.book-progress>span{display:block;height:100%;width:6.67%;background:#0d9488;transition:width .25s ease}
.book-spread.page-turn-next{animation:flip-next .22s ease-in-out}.book-spread.page-turn-prev{animation:flip-prev .22s ease-in-out}
@keyframes flip-next{50%{transform:perspective(850px) rotateY(-5deg) scale(.985);filter:brightness(.93)}}
@keyframes flip-prev{50%{transform:perspective(850px) rotateY(5deg) scale(.985);filter:brightness(.93)}}
@media(max-width:760px){.book-reader-stage{padding:14px 8px;gap:5px}.book-spread{max-width:calc(100% - 86px)}.book-leaf{height:auto;max-height:calc(100dvh - 175px);width:min(100%,415px)}.book-arrow{width:35px;height:35px;flex-basis:35px;font-size:26px}.book-dialog-head{padding:12px 15px}.book-dialog-bottom{padding:12px}.book-preview>img{width:210px;height:299px}.book-progress{width:24%}}
@media(max-width:390px){.book-spread{max-width:calc(100% - 74px)}.book-arrow{width:30px;height:30px;flex-basis:30px;font-size:23px}.book-reader-stage{gap:3px;padding:12px 6px}}
@media(prefers-reduced-motion:reduce){.book-spread.page-turn-next,.book-spread.page-turn-prev{animation:none!important}}