@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700;900&display=swap";:root{--ink:#24332d;--muted:#66716c;--cream:#f8f4ea;--paper:#fffdf8;--coral:#e86f51;--green:#587a68;--line:#24332d24;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1160px,100% - 48px);margin-inline:auto}.narrow{max-width:850px}.eyebrow{color:var(--coral);letter-spacing:.2em;text-transform:uppercase;margin:0 0 18px;font-size:.76rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Noto Serif SC,Georgia,serif}h1{white-space:pre-line}.skip-link{z-index:10;background:var(--ink);color:#fff;padding:10px 16px;position:absolute;top:-50px;left:16px}.skip-link:focus{top:8px}.site-header{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8eb;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:84px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:var(--coral);border-radius:50% 50% 45% 55%;place-items:center;width:42px;height:42px;font-family:Noto Serif SC,serif;display:grid;transform:rotate(-4deg)}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.08em;font-family:Noto Serif SC,serif;font-size:1.12rem}.brand small{color:var(--muted);letter-spacing:.2em;margin-top:3px;font-size:.55rem}.main-nav{align-items:center;gap:38px;display:flex}.main-nav a{color:#46534e;padding:30px 0;font-size:.92rem;position:relative}.main-nav a:after{content:"";background:var(--coral);height:2px;transition:all .25s;position:absolute;bottom:22px;left:0;right:100%}.main-nav a:hover:after,.main-nav a.active:after{right:0}.menu-toggle{background:0 0;border:0;padding:8px;display:none}.menu-toggle span{background:var(--ink);width:24px;height:2px;margin:5px;display:block}.home-hero{background:linear-gradient(120deg,#fffdf8 45%,#f5eee1 100%);padding:72px 0 82px;overflow:hidden}.hero-grid{grid-template-columns:.92fr 1.08fr;align-items:center;gap:78px;display:grid}.hero-copy h1{letter-spacing:-.05em;max-width:570px;margin-bottom:28px;font-size:clamp(2.6rem,5vw,4.8rem);line-height:1.25}.hero-copy>p:not(.eyebrow){max-width:510px;color:var(--muted);font-size:1.05rem;line-height:1.9}.hero-actions{align-items:center;gap:30px;margin-top:38px;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:0 28px;font-weight:700;display:inline-flex}.button.primary{color:#fff;background:var(--ink);box-shadow:0 10px 24px #24332d29}.button.primary:hover{background:var(--coral)}.text-link{font-weight:700}.text-link span{color:var(--coral);margin-left:8px}.carousel-shell{min-height:500px;position:relative}.carousel-card{color:#fff;border-radius:220px 220px 36px 36px;padding:54px;position:absolute;inset:0 0 34px;overflow:hidden;box-shadow:0 30px 70px #38372e2e}.tone-coral{background:#d9785e}.tone-blue{background:#668aaa}.tone-green{background:#68856c}.slide-count{opacity:.65;font:700 1rem Georgia,serif;position:absolute;top:34px;right:48px}.slide-copy{z-index:1;position:absolute;bottom:52px;left:54px}.slide-copy p{letter-spacing:.18em;opacity:.75;margin-bottom:10px;font-size:.72rem}.slide-copy h2{margin-bottom:10px;font-size:2.1rem}.slide-copy span{opacity:.85}.art-orbit{border:1px solid #ffffff59;border-radius:50%;position:absolute}.art-orbit.one{width:320px;height:320px;top:38px;right:50px;box-shadow:inset 0 0 0 70px #ffffff14}.art-orbit.two{background:#ffebc238;width:150px;height:150px;top:135px;left:55px}.carousel-dots{gap:8px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.carousel-dots button{cursor:pointer;background:#c9c3b7;border:0;border-radius:50%;width:8px;height:8px;padding:0;transition:all .2s}.carousel-dots button.active{background:var(--coral);border-radius:10px;width:28px}.reading-section,.content-section{padding:100px 0 120px}.section-heading{justify-content:space-between;align-items:end;gap:70px;margin-bottom:52px;display:flex}.section-heading h2{margin:0;font-size:clamp(2rem,4vw,3.2rem)}.section-heading>p{max-width:440px;color:var(--muted);margin:0;line-height:1.8}.level-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.level-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px 22px 28px;transition:all .25s;position:relative}.level-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #2f3d3717}.level-number{color:#ffffffbf;z-index:1;font-family:Georgia,serif;position:absolute;top:36px;right:36px}.book-placeholder{background:#e9c7ad;border-radius:11px;justify-content:center;align-items:flex-end;gap:8px;height:245px;margin-bottom:25px;display:flex;position:relative;overflow:hidden}.level-card:nth-child(2) .book-placeholder{background:#afcbd0}.level-card:nth-child(3) .book-placeholder{background:#b7c5a2}.book-placeholder i{background:#ffffff47;border-radius:60% 60% 0 0;width:58px;height:130px;display:block;transform:rotate(-15deg)}.book-placeholder i:nth-child(2){height:190px;transform:none}.book-placeholder i:nth-child(3){transform:rotate(15deg)}.level-card h3{margin-bottom:9px;font-size:1.4rem}.level-card p{color:var(--muted);font-size:.86rem}.level-card a{border-top:1px solid var(--line);justify-content:space-between;margin-top:24px;padding-top:18px;font-size:.85rem;font-weight:700;display:flex}.level-card a span{color:var(--coral)}.page-hero{text-align:center;background:var(--cream);padding:110px 0}.page-hero h1{font-size:clamp(2.5rem,6vw,4.8rem);line-height:1.35}.page-lead{max-width:760px;color:var(--muted);margin:24px auto 0;font-size:1.08rem;line-height:1.9}.story-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.story-card{border-top:2px solid var(--ink);background:#fbf8f1;padding:36px}.story-card>span{color:var(--coral);font:700 1rem Georgia}.story-card h2{margin:45px 0 20px;font-size:1.6rem}.story-card p{color:var(--muted);margin:0;line-height:1.9}.contact-panel{background:var(--ink);color:#fff;border-radius:28px;grid-template-columns:1fr 1.2fr;gap:80px;padding:70px;display:grid}.contact-panel h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.5}.contact-list a{border-bottom:1px solid #fff3;padding:18px 50px 22px 0;display:block;position:relative}.contact-list span,.contact-list strong{display:block}.contact-list span{color:#aab8b1;margin-bottom:8px;font-size:.75rem}.contact-list i{color:#f0a184;font-style:normal;position:absolute;top:32px;right:10px}.status-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:68vh;padding:90px 24px;display:flex}.status-page h1{margin-bottom:18px;font-size:clamp(2.3rem,5vw,4rem)}.status-page>p:not(.eyebrow){max-width:540px;color:var(--muted);line-height:1.8}.status-page .button{margin-top:24px}.status-art{width:120px;height:100px;margin-bottom:32px;position:relative}.status-art span{color:#fff;background:var(--coral);border-radius:50%;place-items:center;font-size:2rem;display:grid;position:absolute;inset:20px}.status-art i{border:1px solid #d8bda4;border-radius:50%;width:30px;height:30px;position:absolute}.status-art i:first-of-type{top:0;left:0}.status-art i:last-child{bottom:0;right:0}.error-code{color:#e9dfd0;font:900 clamp(5rem,14vw,10rem)/.8 Georgia,serif}.blank-placeholder{text-align:center;background:var(--cream);place-content:center;min-height:100vh;display:grid}.blank-placeholder p{margin-bottom:8px;font:700 2rem Noto Serif SC,serif}.blank-placeholder small{color:var(--muted)}.blank-placeholder.reader{color:#fff;background:#1d2522}.site-footer{color:#fff;background:#202e29;padding:52px 0}.footer-inner{justify-content:space-between;align-items:end;display:flex}.site-footer strong{font-family:Noto Serif SC,serif;font-size:1.2rem}.site-footer p,.footer-meta{color:#9eaaa5;margin:10px 0 0;font-size:.76rem}.footer-meta{text-align:right}.footer-meta nav{justify-content:flex-end;gap:24px;margin-bottom:12px;display:flex}.footer-meta a:hover{color:#fff}.loading-state{text-align:center;min-height:100vh;color:var(--muted);place-content:center;display:grid}.loading-dot{background:var(--coral);border-radius:50%;width:14px;height:14px;margin:auto;animation:1s infinite alternate pulse}@keyframes pulse{to{opacity:.4;transform:scale(1.5)}}@media (width<=820px){.container{width:min(100% - 32px,1160px)}.header-inner{height:70px}.menu-toggle{display:block}.main-nav{background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:0;padding:14px 24px 24px;display:none;position:absolute;top:70px;left:0;right:0}.main-nav.open{display:flex}.main-nav a{width:100%;padding:15px 0}.main-nav a:after{bottom:8px}.hero-grid{grid-template-columns:1fr;gap:50px}.home-hero{padding:55px 0}.hero-copy h1{font-size:2.9rem}.carousel-shell{min-height:420px}.carousel-card{border-radius:150px 150px 28px 28px;padding:36px}.slide-copy{bottom:38px;left:35px}.section-heading,.footer-inner{display:block}.section-heading>p{margin-top:25px}.level-grid,.story-grid{grid-template-columns:1fr}.contact-panel{grid-template-columns:1fr;gap:30px;padding:38px 28px}.footer-meta{text-align:left;margin-top:35px}.footer-meta nav{justify-content:flex-start}.page-hero{padding:80px 0}.reading-section,.content-section{padding:75px 0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.home-content{background:linear-gradient(#f8f2e7 0,#fffdf8 640px);padding:38px 0 110px}.hero-carousel{aspect-ratio:16/7;background:#d8cab6;border-radius:30px;min-height:410px;position:relative;overflow:hidden;box-shadow:0 26px 70px #43372a29}.hero-slide-link{color:#fff;background:#75877c;display:block;position:absolute;inset:0}.hero-slide-image{object-fit:cover;width:100%;height:100%;display:block}.hero-image-placeholder{background:radial-gradient(circle at 70% 28%,#ffffff2e 0 12%,#0000 12.5%),linear-gradient(135deg,#ca806b,#667e70);place-items:center;display:grid;position:absolute;inset:0}.hero-image-placeholder:before,.hero-image-placeholder:after{content:"";border:1px solid #ffffff47;border-radius:50%;position:absolute}.hero-image-placeholder:before{aspect-ratio:1;width:34%;top:9%;right:8%}.hero-image-placeholder:after{aspect-ratio:1;width:18%;top:27%;right:27%}.hero-image-placeholder span{letter-spacing:.3em;opacity:.72;font-family:Noto Serif SC,serif;font-size:clamp(1.2rem,2.5vw,2.1rem)}.hero-slide-overlay{background:linear-gradient(90deg,#172520d1 0,#17252073 52%,#1725200f 100%);flex-direction:column;justify-content:flex-end;padding:clamp(34px,6vw,76px) clamp(66px,8vw,104px);display:flex;position:absolute;inset:0}.hero-slide-overlay p{letter-spacing:.2em;margin:0 0 14px;font-size:.74rem;font-weight:800}.hero-slide-overlay h1{letter-spacing:-.035em;max-width:720px;margin:0 0 12px;font-size:clamp(2rem,4.2vw,4.2rem);line-height:1.25}.hero-slide-overlay>span{opacity:.88;max-width:600px;font-size:clamp(.9rem,1.5vw,1.08rem);line-height:1.7}.hero-slide-overlay strong{margin-top:26px;font-size:.88rem}.hero-slide-overlay i{color:#ffc0a8;margin-left:8px;font-style:normal}.hero-slide-link:focus-visible{outline-offset:-5px;outline:4px solid #f6a284}.carousel-control{z-index:2;color:#fff;cursor:pointer;background:#18272161;border:1px solid #ffffffa6;border-radius:50%;width:46px;height:46px;padding:0;font-size:2rem;line-height:1;transition:background .2s,transform .2s;position:absolute;top:50%;transform:translateY(-50%)}.carousel-control:hover{background:#182721b8;transform:translateY(-50%)scale(1.05)}.carousel-control:focus-visible,.carousel-dots button:focus-visible{outline-offset:3px;outline:3px solid #fff}.carousel-control.previous{left:20px}.carousel-control.next{right:20px}.hero-carousel .carousel-dots{z-index:3;bottom:22px}.hero-carousel .carousel-dots button{background:#ffffff73;border:1px solid #ffffffb3;width:10px;height:10px}.hero-carousel .carousel-dots button.active{background:#fff;width:30px}.home-introduction{border-bottom:1px solid var(--line);grid-template-columns:1.1fr .9fr;align-items:end;gap:70px;padding:84px 0 70px;display:grid}.home-introduction h2{white-space:pre-line;max-width:650px;margin:0;font-size:clamp(2.15rem,4vw,3.7rem);line-height:1.35}.home-introduction>p{max-width:460px;color:var(--muted);margin:0;line-height:1.9}.catalog-sections{gap:0;display:grid}.book-section{border-bottom:1px solid var(--line);padding:76px 0 86px}.book-section:last-child{border-bottom:0;padding-bottom:0}.book-section-heading{justify-content:space-between;align-items:end;gap:48px;margin-bottom:36px;display:flex}.book-section-heading h2{margin:0;font-size:clamp(1.9rem,3vw,2.7rem)}.book-section-heading>p{max-width:510px;color:var(--muted);text-align:right;margin:0;line-height:1.75}.book-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:30px 24px;display:grid}.book-card{border-radius:16px;min-width:0;transition:transform .22s;display:block}.book-card:hover{transform:translateY(-7px)}.book-card:focus-visible{outline:3px solid var(--coral);outline-offset:7px}.book-cover-wrap{aspect-ratio:3/4;background:#eadfce;border-radius:14px;margin-bottom:17px;position:relative;overflow:hidden;box-shadow:0 13px 30px #3038321f}.book-cover{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.book-card:hover .book-cover{transform:scale(1.025)}.book-cover-placeholder{color:#586b61;background:linear-gradient(145deg,#ead4bd,#bdcfc1);place-items:center;width:100%;height:100%;display:grid}.book-cover-placeholder:before{content:"";aspect-ratio:1;border:1px solid #ffffffa6;border-radius:50%;width:48%;position:absolute}.book-cover-placeholder span{z-index:1;background:#fffdf8b8;border-radius:99px;padding:8px 12px;font-size:.75rem;font-weight:700}.book-status{color:var(--ink);background:#fffdf8e6;border:1px solid #fff9;border-radius:999px;padding:7px 11px;font-size:.7rem;font-weight:800;position:absolute;top:12px;left:12px;box-shadow:0 4px 12px #24332d1a}.book-status.status-available:before{content:"✓";color:var(--green);margin-right:5px}.book-status.status-coming_soon:before{content:"◷";color:var(--coral);margin-right:5px}.book-card h3{margin:0;padding:0 3px;font-size:1.12rem;line-height:1.5}.catalog-state{text-align:center;min-height:320px;color:var(--muted);place-content:center;display:grid}@media (width>=1280px){.book-grid{grid-template-columns:repeat(5,1fr)}}@media (width<=900px){.home-content{padding-top:24px}.hero-carousel{aspect-ratio:4/3;border-radius:24px;min-height:390px}.home-introduction{grid-template-columns:1fr;gap:28px;padding:65px 0 58px}.book-section-heading{display:block}.book-section-heading>p{text-align:left;margin-top:16px}.book-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.home-content{padding:14px 0 75px}.hero-carousel{aspect-ratio:4/5;border-radius:18px;min-height:430px}.hero-slide-overlay{background:linear-gradient(#17252029 22%,#172520e0);padding:58px 30px 74px}.hero-slide-overlay h1{font-size:2rem}.hero-slide-overlay>span{font-size:.86rem}.carousel-control{width:40px;height:40px;top:42%}.carousel-control.previous{left:12px}.carousel-control.next{right:12px}.home-introduction{padding:54px 0 48px}.book-section{padding:55px 0 62px}.book-section-heading{margin-bottom:27px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.book-card h3{font-size:1rem}}@media (width<=360px){.book-grid{gap-inline:10px}.book-status{padding:5px 7px;font-size:.62rem;top:8px;left:8px}}.book-detail-page{background:linear-gradient(135deg,#f8f1e5 0,#fffdf8 55%);padding:76px 0 110px}.book-detail-grid{grid-template-columns:minmax(280px,430px) minmax(0,1fr);align-items:start;gap:clamp(50px,8vw,100px);display:grid}.book-detail-cover-frame{aspect-ratio:1;background:#eadfce;border-radius:24px;position:sticky;top:112px;overflow:hidden;box-shadow:0 28px 64px #3038322b}.book-detail-cover{object-fit:contain;background:#f1eadf;width:100%;height:100%;display:block}.book-detail-cover-placeholder{color:#586b61;background:linear-gradient(145deg,#ead4bd,#bdcfc1);place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.book-detail-cover-placeholder:before{content:"";aspect-ratio:1;border:1px solid #ffffffb3;border-radius:50%;width:55%;position:absolute}.book-detail-cover-placeholder span{z-index:1;background:#fffdf8c7;border-radius:999px;padding:10px 16px;font-size:.82rem;font-weight:700}.book-detail-copy{min-width:0;padding-top:8px}.book-back-link{color:var(--muted);margin-bottom:52px;font-size:.88rem;font-weight:700;display:inline-block}.book-back-link:hover{color:var(--coral)}.book-detail-copy h1{overflow-wrap:anywhere;letter-spacing:-.045em;margin:0;font-size:clamp(2.8rem,6vw,5.3rem);line-height:1.18}.book-subtitle{color:var(--muted);margin:18px 0 0;font:600 clamp(1.15rem,2vw,1.45rem)/1.6 Noto Serif SC,serif}.book-metadata{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;margin:44px 0 0;display:grid}.book-metadata div{border-bottom:1px solid var(--line);grid-template-columns:92px minmax(0,1fr);gap:12px;padding:14px 0;display:grid}.book-metadata dt{color:var(--muted);font-size:.8rem}.book-metadata dd{overflow-wrap:anywhere;min-width:0;margin:0;font-size:.9rem;font-weight:700}.book-description{border-top:2px solid var(--ink);margin-top:48px;padding-top:30px}.book-description h2{margin-bottom:18px;font-size:1.55rem}.book-description p{overflow-wrap:anywhere;color:#53605b;margin:0;font-size:1rem;line-height:2}.book-copyright{color:var(--muted);margin:28px 0 0;font-size:.78rem;line-height:1.8}.book-read-button{min-width:180px;margin-top:38px}.button.secondary{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0}.button.secondary:hover{border-color:var(--ink);background:#fff}.book-detail-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:66vh;padding:80px 24px;display:flex}.book-detail-state h1{margin-bottom:18px;font-size:clamp(2.2rem,5vw,4rem)}.book-detail-state>p:not(.eyebrow){max-width:520px;color:var(--muted);line-height:1.8}.book-detail-state .loading-dot{flex:none}.book-detail-state .loading-dot+p{margin:22px 0 0}.book-state-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:25px;display:flex}.reader-placeholder{color:#fff;text-align:center;background:radial-gradient(circle at 50% 20%,#34443e,#1d2522 64%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:70px 24px;display:flex}.reader-placeholder h1{max-width:760px;margin-bottom:20px;font-size:clamp(2.3rem,6vw,4.6rem);line-height:1.35}.reader-placeholder>p:not(.eyebrow){color:#b6c0bc;max-width:540px;line-height:1.8}.reader-placeholder .loading-dot+p{color:#b6c0bc;margin-top:24px}.reader-back-button{color:#fff;background:#ffffff14;border:1px solid #ffffff61;margin-top:25px}.reader-placeholder .book-state-actions .reader-back-button{margin-top:0}@media (width<=900px){.book-detail-grid{grid-template-columns:minmax(230px,340px) minmax(0,1fr);gap:45px}.book-metadata{grid-template-columns:1fr}}@media (width<=680px){.book-detail-page{padding:35px 0 76px}.book-detail-grid{grid-template-columns:1fr;gap:38px}.book-detail-cover-frame{width:min(100%,430px);margin-inline:auto;position:relative;top:auto}.book-back-link{margin-bottom:34px}.book-detail-copy h1{font-size:3rem}.book-metadata{margin-top:34px}.book-description{margin-top:38px}.book-read-button{width:100%}}@media (width<=420px){.book-metadata div{grid-template-columns:78px minmax(0,1fr);gap:8px}}.picture-book-reader{color:#f8f5ed;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 30%,#34443e 0,#1d2925 58%,#151d1a 100%);grid-template-rows:auto minmax(0,1fr) auto;width:100vw;min-width:320px;height:100vh;display:grid;position:relative;overflow:hidden}.reader-toolbar{grid-row:1}.reader-stage{grid-row:2}.reader-controls{grid-row:3}.reader-toolbar,.reader-controls{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0e1513c2;grid-template-columns:minmax(112px,1fr) minmax(0,2fr) minmax(112px,1fr);align-items:center;gap:20px;padding:14px clamp(18px,3vw,42px);display:grid;position:relative}.reader-toolbar{border-bottom:1px solid #ffffff1a}.reader-toolbar h1{color:#fff;letter-spacing:.05em;text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(1rem,2vw,1.28rem);font-weight:700;overflow:hidden}.reader-toolbar__action{color:#dce3df;border-radius:10px;justify-self:start;align-items:center;min-height:44px;padding:0 12px;font-size:.86rem;font-weight:700;display:inline-flex}.reader-toolbar__exit{justify-self:end}.reader-toolbar__action:hover{color:#fff;background:#ffffff17}.reader-toolbar__action:focus-visible,.reader-controls button:focus-visible,.reader-state__button:focus-visible{outline-offset:3px;outline:3px solid #f3a184}.reader-stage{place-items:center;min-width:0;min-height:0;padding:clamp(12px,2.5vh,28px) clamp(12px,3vw,48px);display:grid;overflow:hidden;container-type:size}.reader-spread{justify-content:center;align-items:center;gap:0;width:100%;min-width:0;height:100%;min-height:0;display:flex}.reader-spread--single .reader-page{max-width:min(100%,100vh - 180px)}.reader-spread--spread{width:min(100cqw,var(--reader-spread-width-by-height));height:min(100cqh,var(--reader-spread-height-by-width));filter:drop-shadow(0 14px 28px #00000047)}.reader-spread--spread .reader-page{width:auto;max-width:none;height:100%;aspect-ratio:var(--reader-page-aspect);filter:none;flex:none}.reader-page{filter:drop-shadow(0 14px 28px #00000047);justify-content:center;align-items:center;min-width:0;height:100%;margin:0;display:flex;position:relative}.reader-page--playable{cursor:pointer;transition:filter .18s,box-shadow .18s}.reader-page--playable:hover{filter:drop-shadow(0 16px 32px #0000005c)brightness(1.025)}.reader-page--playable:focus-visible{z-index:1;outline-offset:-4px;outline:4px solid #f3a184}.reader-page--active{z-index:1;box-shadow:inset 0 0 0 5px #f3a184}.reader-page--active:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 5px #f3a184}.reader-page__media{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.reader-page__media img{object-fit:contain;-webkit-user-drag:none;width:100%;height:100%;display:block}.reader-page__media.is-loading img{opacity:0}.reader-page__loading{border:2px solid #24332d40;border-top-color:var(--coral);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite reader-spin;position:absolute}.reader-page__placeholder{color:#f0f3f1;text-align:center;background:linear-gradient(145deg,#485650,#2c3834);border:1px solid #ffffff29;place-content:center;gap:8px;width:min(100%,560px);height:min(100%,560px);min-height:180px;padding:24px;display:grid}.reader-page__placeholder small{color:#b8c2be}.reader-page__number{color:#27332f;text-align:center;background:#fffdf8db;border-radius:999px;min-width:26px;padding:5px 8px;font-size:.72rem;font-weight:800;position:absolute;bottom:10px;right:10px;box-shadow:0 2px 9px #00000026}.reader-page__audio-badge{color:#26332e;background:#fffdf8eb;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:.72rem;font-weight:800;display:inline-flex;position:absolute;top:12px;left:12px;box-shadow:0 4px 14px #0003}.reader-audio-error{z-index:4;color:#ffe2d8;background:#271814f0;border:1px solid #ffc4b066;border-radius:12px;align-items:center;gap:10px;max-width:min(90vw,620px);padding:9px 12px 9px 16px;font-size:.78rem;display:flex;position:absolute;top:68px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #00000047}.reader-audio-error span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.reader-audio-error button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff4d;border-radius:999px;flex:none;min-height:30px;padding:0 9px;font-size:.72rem;font-weight:700}.reader-audio-error button:hover{background:#ffffff26}.reader-audio-error button:focus-visible{outline-offset:2px;outline:3px solid #f3a184}.reader-controls{border-top:1px solid #ffffff1a;padding-block:12px}.reader-controls button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:999px;justify-self:start;min-width:112px;min-height:46px;padding:0 18px;font-weight:750}.reader-controls button:last-child{justify-self:end}.reader-controls button:hover:not(:disabled){background:#ffffff24;border-color:#ffffff8c}.reader-controls button:disabled{color:#7d8984;cursor:not-allowed;background:#ffffff06;border-style:dashed}.reader-position{text-align:center;justify-content:center;align-items:baseline;gap:12px;min-width:0;display:flex}.reader-position strong{color:#fff;font-size:.92rem}.reader-position span{color:#aeb9b5;font-variant-numeric:tabular-nums;font-size:.75rem}.reader-defensive-error{color:#d8dfdc;place-items:center;display:grid}.reader-state{color:#fff;text-align:center;background:radial-gradient(circle at 50% 25%,#34443e,#19221f 66%);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:40px 24px;display:flex;overflow:hidden}.reader-state h1{margin-bottom:18px;font-size:clamp(2.1rem,5vw,3.8rem)}.reader-state>p:not(.eyebrow){color:#b7c1bd;max-width:520px;line-height:1.8}.reader-state .loading-dot+p{color:#b7c1bd;margin:22px 0 0}.reader-state__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px;display:flex}.reader-state__button{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff57;border-radius:999px;justify-content:center;align-items:center;min-height:48px;margin-top:24px;padding:0 24px;font-weight:700;display:inline-flex}.reader-state__actions .reader-state__button{margin-top:0}.reader-state__button--secondary{background:0 0}@keyframes reader-spin{to{transform:rotate(360deg)}}@media (width<=600px){.reader-toolbar,.reader-controls{grid-template-columns:minmax(88px,1fr) minmax(0,1.4fr) minmax(88px,1fr);gap:6px;padding-inline:10px}.reader-toolbar__action{padding-inline:7px;font-size:.76rem}.reader-toolbar h1{font-size:.95rem}.reader-stage{padding:9px 5px}.reader-controls button{min-width:88px;min-height:44px;padding-inline:10px;font-size:.8rem}.reader-position{gap:2px;display:grid}.reader-position strong{font-size:.78rem}.reader-position span{font-size:.68rem}.reader-page__number{padding:3px 6px;font-size:.62rem;bottom:5px;right:5px}.reader-page__audio-badge{padding:5px 7px;font-size:.62rem;top:6px;left:6px}.reader-audio-error{max-width:calc(100vw - 20px);font-size:.72rem;top:62px}}