:root{color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#254034;background:#f7f4ec;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:300px}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #ae8450;outline-offset:3px}.site-header{min-height:92px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#17382c;padding:13px clamp(22px,6vw,90px);color:#fbf3df}.brand-wrap{display:flex;align-items:center;gap:17px}.brand{border:0;background:none;color:#f3e5c8;font:600 37px Georgia,serif;letter-spacing:.14em;padding:0}.brand-description{font-size:9px;letter-spacing:.27em;max-width:140px;line-height:1.9;color:#d9ddcb}.nav-button{color:#f3e5c8;background:none;border:1px solid #6f877a;border-radius:999px;padding:10px 19px}.nav-button:hover{background:#2e5944}.main{min-height:calc(100vh - 165px);max-width:1160px;margin:0 auto;padding:30px 22px 95px}.hero{min-height:270px;padding:44px clamp(26px,8vw,105px);background:radial-gradient(ellipse at 85% 60%,#3a624b 0,transparent 38%),linear-gradient(120deg,#244637,#123429);color:#fbf3e7;border-radius:17px;margin:16px 0 42px;position:relative;overflow:hidden}.hero:after{content:"✧";position:absolute;color:#b9a07748;right:10%;top:20px;font-size:180px;font-family:Georgia;pointer-events:none}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.23em;color:#be9f65;font-weight:700}.hero h1{max-width:630px;font:400 clamp(37px,5vw,66px)/1.08 Georgia,serif;letter-spacing:-.03em;margin:18px 0}.hero-description{max-width:510px;color:#dce6dc;line-height:1.8}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-heading h2{font:400 clamp(24px,4vw,35px) Georgia,serif}.result-count{color:#718578;font-size:12px}.search-field{width:min(460px,100%);border:1px solid #dcdccf;background:#fffefa;border-radius:11px;padding:13px 17px;margin:7px 0 27px;color:#254034}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:23px}.book-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:8px;border:1px solid #dedfcf;border-radius:14px;padding:11px 11px 18px;background:#fffdf9;color:inherit;transition:transform .18s,box-shadow .18s}.book-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #344b3521}.cover{aspect-ratio:3/4;object-fit:cover;width:100%;border-radius:8px;background:#ecebdc}.book-overline{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#9b8158;margin:4px 2px}.book-title{font:400 22px/1.25 Georgia,serif;margin:0 2px}.book-author{color:#718576;margin:0 2px;font-size:13px}.book-cta{border-top:1px solid #e6e6d8;padding:13px 2px 0;margin-top:auto;font-size:13px;color:#37664e;font-weight:600}.empty-state{grid-column:1/-1;text-align:center;border:1px dashed #c9d0bf;border-radius:16px;padding:48px 20px;background:#fffdf9}.empty-state h3{font:400 26px Georgia,serif;margin:6px}.empty-state p{color:#708275;max-width:440px;margin:0 auto;line-height:1.7}.empty-symbol{font:60px Georgia,serif;color:#a28d6d}.notice{background:#fff7e7;border:1px solid #e3d6bd;padding:14px 18px;margin:16px 0;border-radius:8px;color:#6e582c}.footer{text-align:center;padding:25px;font-size:12px;letter-spacing:.08em;color:#bacbbf;background:#17382c}.reader-main{max-width:1000px}.reader-top{display:flex;gap:30px;align-items:start;margin:14px 0 28px}.reader-heading{flex:1;text-align:center;padding-right:110px}.reader-heading h1{font:400 clamp(26px,4vw,38px) Georgia,serif;margin:6px 0}.back-btn{background:transparent;border:0;color:#38664d;padding:15px 0;white-space:nowrap}.reading-area{background:linear-gradient(140deg,#f6f3ea,#e6ddcb);padding:clamp(12px,4vw,45px);border:1px solid #e5dccb;border-radius:18px;perspective:1500px}.book-perspective{max-width:730px;margin:0 auto;perspective:1500px}.flip-sheet{background:#fffefa;box-shadow:10px 15px 25px #3b352d24,-8px 3px 16px #2c332813;border:1px solid #ece6d8;border-radius:5px;min-height:490px;transform-origin:left center;transform-style:preserve-3d;backface-visibility:hidden}.page-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:0;min-height:490px}.page-image{width:100%;height:100%;min-height:490px;max-height:570px;object-fit:cover;background:#dedbd1}.page-text{padding:clamp(20px,3.5vw,38px);font:clamp(14px,1.6vw,18px)/1.75 Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere;color:#374438;align-self:center}.flip-sheet.turn-forward{animation:flip-forward .47s ease-in both}.flip-sheet.turn-backward{transform-origin:right center;animation:flip-back .47s ease-in both}@keyframes flip-forward{0%{transform:rotateY(0)}to{transform:rotateY(-85deg);opacity:.45}}@keyframes flip-back{0%{transform:rotateY(0)}to{transform:rotateY(85deg);opacity:.45}}.reader-controls{display:flex;align-items:center;justify-content:center;gap:clamp(12px,4vw,40px);margin:29px auto 10px}.control{border:1px solid #90a694;background:#fffefa;color:#29533d;border-radius:8px;padding:12px 17px;font-size:13px}.control.primary{background:#275841;border-color:#275841;color:#fff}.page-counter{font-size:13px;color:#667869;white-space:nowrap}.listen-btn{display:block;margin:25px auto 0;border:1px solid #a3b3a3;background:transparent;padding:12px 25px;border-radius:999px;color:#275841}.reader-hint{text-align:center;color:#859387;font-size:12px}.reader-main .eyebrow{color:#a48a60}@media(max-width:680px){.site-header{min-height:77px}.brand{font-size:28px}.brand-description{font-size:7px;max-width:112px}.hero{min-height:230px}.reader-top{display:block;text-align:center}.reader-heading{padding:0}.reader-top .back-btn{float:left;padding:0 0 8px}.reader-top .reader-heading{clear:both}.reading-area{padding:10px}.page-content{display:flex;flex-direction:column;min-height:unset}.page-image{min-height:unset;height:auto;max-height:430px;aspect-ratio:4/3}.page-text{padding:22px;font-size:16px}.flip-sheet{min-height:unset}.reader-controls{gap:9px}.control{padding:10px 11px;font-size:12px}.page-counter{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.reader-view-switch{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;margin:0 auto 18px}.view-format{font-size:12px;color:#617667;margin-right:12px}.view-choice{background:#fffdf9;border:1px solid #a8b6a8;color:#275841;padding:8px 13px;border-radius:999px;font-size:12px}.view-choice.selected{background:#275841;color:#fff;border-color:#275841}.illustrated-page{display:block;background:#e7e1d4}.illustrated-chapter{font:500 24px Georgia,serif;text-align:center;padding:15px;margin:0}.illustrated-scene{position:relative;min-height:230px;overflow:hidden;border-bottom:4px solid #fff}.scene-image{display:block;width:100%;height:auto;max-height:470px;object-fit:cover}.scene-caption{position:absolute;top:12px;left:12px;max-width:min(48%,330px);max-height:calc(100% - 24px);overflow:auto;background:#fffdf6f0;border-radius:10px;padding:12px 15px;margin:0;font:clamp(13px,1.9vw,18px)/1.5 Georgia,serif;color:#27392e;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 3px 12px #0002}.caption-right{left:auto;right:12px}.classic-multiscene{display:block}.classic-scene{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e8e3d8}.classic-scene .page-image{min-height:180px;max-height:360px}@media(max-width:680px){.reader-view-switch{gap:6px}.view-format{width:100%;text-align:center}.scene-caption{font-size:clamp(12px,3vw,15px);max-width:55%;padding:9px;top:8px;left:8px}.caption-right{right:8px;left:auto}.classic-scene{display:flex;flex-direction:column}.classic-scene .page-image{max-height:300px;object-fit:cover}}@media(max-width:680px){body:has(.reader-main) .site-header,body:has(.reader-main) .footer{display:none}.reader-main{height:100vh;height:100dvh;min-height:0;max-width:none;width:100%;padding:4px 5px 6px;display:flex;flex-direction:column;overflow:hidden}.reader-top{flex:0 0 auto;display:flex;align-items:center;gap:8px;margin:0 0 4px;text-align:left;min-height:36px}.reader-top .back-btn{float:none;padding:7px 4px;font-size:12px;flex:0 0 auto}.reader-top .reader-heading{clear:none;min-width:0;flex:1;text-align:center}.reader-heading .eyebrow{display:none}.reader-heading h1{margin:0;font:500 17px/1.2 Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-view-switch{flex:0 0 auto;gap:5px;flex-wrap:nowrap;margin:0 0 5px}.reader-view-switch .view-format{display:none}.view-choice{flex:1;min-width:0;padding:7px 5px;font-size:11px}.reading-area{flex:1 1 auto;display:flex;min-height:0;padding:3px;border-radius:5px;overflow:hidden}.book-perspective{flex:1;min-width:0;min-height:0;width:100%;max-width:none}.flip-sheet{height:100%;min-height:0;overflow:hidden;border-radius:3px}.illustrated-page{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.illustrated-chapter{flex:0 0 auto;padding:5px 8px;font:600 14px/1.2 Georgia,serif;background:#f7f1e5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.illustrated-scene{flex:1 1 0;min-height:0;height:0;border-bottom:3px solid #fff;overflow:hidden}.illustrated-scene:last-child{border-bottom:0}.illustrated-scene .scene-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:none;min-height:0;object-fit:cover;object-position:center}.illustrated-scene .scene-caption{top:6px;left:6px;right:auto;max-width:56%;max-height:calc(100% - 12px);padding:7px 9px;border-radius:9px;font:clamp(11px,2.85vw,14px)/1.27 Georgia,serif;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:#fffdf6f2}.illustrated-scene .scene-caption.caption-right{left:auto;right:6px}.reader-controls{flex:0 0 auto;gap:8px;margin:5px auto 0;min-height:36px}.reader-controls .control{padding:7px 10px;font-size:11px}.reader-controls .page-counter{font-size:11px}.reader-main .listen-btn{flex:0 0 auto;margin:4px auto 0;padding:6px 16px;font-size:11px}.reader-main .reader-hint{display:none}.classic-multiscene{height:100%;overflow-y:auto}.classic-scene .page-image{max-height:190px}.page-content:not(.illustrated-page):not(.classic-multiscene){height:100%;overflow-y:auto}}@media(max-width:680px)and (max-height:650px){.illustrated-chapter{font-size:12px;padding:3px 6px}.illustrated-scene .scene-caption{font-size:10px;line-height:1.15;padding:4px 6px}.reader-main .listen-btn{padding:4px 12px}}.reader-main .reader-top{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:5px;margin:8px 0 12px;position:relative;z-index:10}.reader-main .reader-top .back-btn{float:none;padding:6px 4px;width:44px;min-height:38px;font-size:24px;line-height:1;text-align:center;border-radius:8px}.reader-main .reader-top .reader-heading{min-width:0;padding:0;text-align:center;clear:none}.reader-main .reader-top .reader-heading h1{margin:0;font:400 clamp(18px,3vw,31px)/1.18 Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-modes{position:relative;justify-self:end;min-width:44px}.reader-modes-trigger{list-style:none;display:flex;align-items:center;justify-content:center;width:44px;height:38px;padding:5px;border:1px solid #a8b6a8;border-radius:9px;color:#275841;background:#fffdf9;cursor:pointer;font:600 14px system-ui,sans-serif;white-space:nowrap}.reader-modes-trigger::-webkit-details-marker{display:none}.reader-modes-trigger::marker{content:""}.reader-modes[open] .reader-modes-trigger{background:#e4eee5}.reader-modes-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:50;width:185px;padding:8px;background:#fffefa;border:1px solid #c9d7c9;border-radius:12px;box-shadow:0 10px 30px #1b30283b}.reader-modes-label{margin:4px 8px 8px;color:#617667;font:600 12px system-ui,sans-serif}.reader-mode-option{display:block;width:100%;padding:10px 11px;text-align:left;border:0;border-radius:7px;background:transparent;color:#28533c;font-size:14px}.reader-mode-option:hover,.reader-mode-option:focus-visible{background:#edf4ed}.reader-mode-option.selected{background:#dfece0;font-weight:700}@media(max-width:680px){.reader-main .reader-top{grid-template-columns:40px minmax(0,1fr) 40px;gap:2px;min-height:38px;margin:0 0 5px}.reader-main .reader-top .back-btn{width:38px;min-height:36px;font-size:22px}.reader-main .reader-top .reader-heading h1{font-size:clamp(16px,4.4vw,22px)}.reader-modes-trigger{width:38px;height:36px;font-size:13px}.reader-modes{min-width:38px}}.illustrated-scene:has(.caption-integrated){display:block;position:relative;background:#e8e4db}.illustrated-scene:has(.caption-integrated) .scene-image{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center}.illustrated-scene .scene-caption.caption-integrated{position:absolute;top:3%;left:2%;right:auto;display:block;width:54%;max-width:calc(100% - 12px);max-height:calc(100% - 12px);overflow:auto;margin:0;padding:9px 11px;border:1px solid rgba(255,255,255,.48);border-radius:13px;background:#faf8f2c7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 2px 12px #121d1821;color:#23372b;font:clamp(12px,2.8vw,15px)/1.32 Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:680px){.illustrated-scene .scene-caption.caption-integrated{padding:7px 9px;border-radius:11px;font:clamp(11px,3vw,14px)/1.27 Georgia,serif}}