.picture-reader{padding:1.4rem 0 3rem;background:radial-gradient(circle at 50% 20%,#fff9ed 0,transparent 38%),#f4ecdf;min-height:calc(100vh - 76px)}[data-theme="dark"] .picture-reader{background:#19161d}.picture-reader-intro{display:flex;align-items:center;gap:1.25rem;justify-content:space-between;flex-wrap:wrap}.reader-back{font-weight:700;color:var(--accent-orange);text-decoration:none}.picture-reader-intro h1{font-family:var(--font-heading);font-size:clamp(1.55rem,3vw,2.35rem);margin:.2rem 0}.picture-reader-intro p{margin:0;color:var(--text-secondary)}.reader-library-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.reader-library-actions a{font-size:.82rem;color:#754d30;font-weight:700}.reader-library-button{border:1px solid #dfc8aa;border-radius:999px;background:#fff8ef;color:#6f4327;padding:.75rem 1rem;font:inherit;cursor:pointer}.reader-library-button.is-saved{background:#6c3d61;color:#fff;border-color:#6c3d61}.reader-feature-note{font-size:.82rem;color:var(--text-secondary)}.book-stage{max-width:1000px;margin:1.2rem auto 0;display:grid;grid-template-columns:70px minmax(0,1fr) 70px;align-items:center;gap:1rem;padding:0 1rem}.book-shell{width:100%;min-width:0}.book-shadow,.book-spine,.right-page,.page-turn{display:none!important}.book{display:block;filter:drop-shadow(0 24px 38px rgba(59,36,20,.28))}.book-page.left-page{display:block;width:100%;height:calc(100vh - 230px);min-height:460px;aspect-ratio:auto;background:#18151d;border-radius:18px;overflow:hidden}.book-page-inner,.book-page img{display:block;width:100%;height:100%;object-fit:contain;background:#18151d}.book-page img{opacity:0;transition:opacity .25s ease}.book-page img.is-visible{opacity:1}.book-arrow{width:54px;height:54px;border:0;border-radius:50%;font-size:3rem;line-height:.8;background:#fff;color:#754d30;box-shadow:0 7px 18px rgba(73,39,18,.16);cursor:pointer}.book-arrow:disabled{visibility:hidden}.reader-controls{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.35rem}.reader-controls button{border:1px solid #d3b896;border-radius:999px;background:#fff9ee;color:#6d4529;padding:.65rem 1rem;font:inherit;font-weight:700;cursor:pointer}.page-status{min-width:105px;text-align:center}.page-status strong{display:block;color:#563c2d}.page-status span{font-size:.8rem;color:var(--text-secondary)}.reader-thumbnails{margin-top:1.25rem}.thumbnail-track{display:flex;gap:.7rem;overflow-x:auto;padding:.4rem .2rem .8rem;justify-content:center}.page-thumbnail{position:relative;flex:0 0 61px;padding:3px;border:2px solid transparent;background:#fff;border-radius:7px;cursor:pointer;box-shadow:0 3px 8px rgba(71,36,17,.13)}.page-thumbnail img{width:55px;height:78px;object-fit:cover;display:block;border-radius:4px}.page-thumbnail span{position:absolute;right:-5px;bottom:-6px;width:19px;height:19px;background:#754d30;color:#fff;border-radius:50%;font-size:.7rem;line-height:19px}.page-thumbnail.is-active{border-color:#e06d35;transform:translateY(-3px)}.reader-feedback{max-width:860px;margin-top:2.4rem;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;background:#fff9f1;border-radius:18px;border:1px solid #ead5bb}.reader-feedback h2{margin:.15rem 0;font-size:1.35rem}.reader-feedback p{margin:0;color:var(--text-secondary)}.rating-stars{display:flex;gap:.3rem}.rating-stars button{border:0;background:transparent;color:#d7c6b2;font-size:2.1rem;cursor:pointer;padding:0}.rating-stars button.is-filled{color:#efad38}.picture-story-not-found{text-align:center;padding:6rem 1rem}.picture-story-not-found span{font-size:4rem;display:block}@media(max-width:700px){.picture-reader-intro{padding:0 1rem}.reader-library-actions{align-items:stretch;width:100%}.reader-library-button{width:100%}.book-stage{grid-template-columns:42px minmax(0,1fr) 42px;gap:.3rem;padding:0 .35rem}.book-arrow{width:38px;height:38px;font-size:2.25rem}.book-page.left-page{height:65vh;min-height:320px;border-radius:10px}.thumbnail-track{justify-content:flex-start}.reader-feedback{margin:1.8rem 1rem;align-items:flex-start;flex-direction:column}}
.picture-reader{padding:0 0 3rem}.picture-reader-intro{max-width:none;padding:12px max(20px,calc((100vw - 1180px)/2));min-height:72px;display:grid;grid-template-columns:1fr auto;gap:0 1.25rem;background:rgba(255,253,248,.96);border-bottom:1px solid #eadbc9}.picture-reader-intro .reader-back{grid-row:1 / span 2;font-size:.9rem}.picture-reader-intro>div:nth-child(2){min-width:0}.picture-reader-intro .eyebrow{display:none}.picture-reader-intro h1{font-size:1.25rem;line-height:1.15;margin:0}.picture-reader-intro h1+p{font-size:.85rem;margin-top:.3rem}.reader-library-actions{grid-column:2;grid-row:1 / span 2}.book-stage{position:relative;display:block;max-width:none;margin:0;padding:0;width:100vw}.book-shell{width:100vw}.book{filter:none}.book-page.left-page{width:100vw;height:calc(100vh - 160px);min-height:400px;border-radius:0;background:#121016}.book-page img{object-fit:contain}.book-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:54px;height:54px;background:rgba(255,255,255,.92);box-shadow:0 3px 18px rgba(0,0,0,.25)}.book-arrow.previous{left:18px}.book-arrow.next{right:18px}.reader-controls{margin:1rem auto 0}.reader-thumbnails{padding:0 1rem}@media(max-width:700px){.picture-reader-intro{padding:10px 14px;min-height:62px}.picture-reader-intro .reader-back{font-size:0;grid-row:auto}.picture-reader-intro .reader-back::before{content:'←';font-size:1.4rem}.picture-reader-intro h1{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:185px}.picture-reader-intro h1+p{font-size:.72rem}.reader-library-actions{display:none}.book-page.left-page{height:calc(100vh - 132px);min-height:380px}.book-arrow{width:42px;height:42px}.book-arrow.previous{left:10px}.book-arrow.next{right:10px}.reader-controls{margin-top:.7rem}.reader-thumbnails{margin-top:.6rem}}
.book-page.left-page{height:auto;min-height:0;background:transparent;overflow:visible}.book-page-inner{height:auto;background:transparent}.book-page img{height:auto;min-height:0;max-height:none;object-fit:initial;background:transparent}.book-stage{background:#121016}@media(max-width:700px){.book-page.left-page{height:auto;min-height:0}.book-page img{height:auto;min-height:0;max-height:none}}
.reader-rate-button{border:1px solid #e4b95b;border-radius:999px;background:#fff7dc;color:#815512;padding:.45rem .75rem;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}
@media(max-width:700px){.reader-library-actions{display:flex;width:auto}.reader-library-actions .reader-library-button,.reader-library-actions a{display:none}.reader-rate-button{display:block}}
@media(max-width:700px){.reader-rate-button{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:1300;min-height:54px;padding:0 1.05rem;border:0;border-radius:999px;background:linear-gradient(135deg,#ffb52e,#f47a32);color:#fff;font-size:.95rem;box-shadow:0 10px 26px rgba(185,88,22,.35)}.reader-feedback{margin:1.5rem 1rem;padding:1.25rem;border-radius:20px;background:linear-gradient(145deg,#fffaf0,#fff3d9);gap:1rem}.reader-feedback h2{font-size:1.2rem}.rating-stars{width:100%;justify-content:space-between;gap:.15rem;padding-top:.25rem}.rating-stars button{width:56px;height:56px;border-radius:16px;background:#fff;color:#d8c9b3;font-size:2rem;line-height:1;box-shadow:0 3px 10px rgba(102,64,26,.1)}.rating-stars button.is-filled{background:#fff2cf;color:#f3a51d;box-shadow:inset 0 0 0 1px #ffd36e,0 3px 10px rgba(184,116,18,.15)}.rating-stars button:active{transform:scale(.94)}}
@media(max-width:700px){.reader-library-actions{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:1300;display:flex!important;flex-direction:column;align-items:stretch;gap:.55rem}.reader-library-actions .reader-library-button{display:block!important;min-height:50px;padding:.65rem 1rem;border:0;background:#6c3d61;color:#fff;box-shadow:0 8px 20px rgba(75,37,74,.28)}.reader-library-actions .reader-rate-button{position:static;display:block;min-height:50px;padding:.65rem 1rem}.reader-library-actions a{display:none!important}}
@media(max-width:700px){.reader-feedback{box-sizing:border-box;width:auto;max-width:calc(100vw - 32px);overflow:hidden;padding:1.15rem}.reader-feedback>div:first-child{min-width:0}.reader-feedback h2{overflow-wrap:anywhere}.rating-stars{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;gap:.35rem}.rating-stars button{width:100%;min-width:0;height:auto;min-height:44px;aspect-ratio:1;border-radius:13px;font-size:clamp(1.45rem,8vw,2rem)}}
@media(max-width:700px){.reader-feedback{display:none}}
.rating-panel-overlay{position:fixed;z-index:5000;inset:0;display:grid;align-items:end;background:rgba(24,18,28,.62);backdrop-filter:blur(5px)}.rating-panel{position:relative;width:100%;box-sizing:border-box;padding:2rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;background:#fffaf2;text-align:center;animation:ratingPanelIn .25s ease-out}.rating-panel>p{margin:0;color:#9a6b4c;font-size:.9rem}.rating-panel h2{margin:.35rem 0 1.45rem;color:#4c3124;font-size:1.45rem}.rating-panel-close{position:absolute;top:.7rem;right:.9rem;width:38px;height:38px;border:0;border-radius:50%;background:#f5eadc;color:#654735;font-size:1.6rem;line-height:1;cursor:pointer}.rating-panel-stars{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem}.rating-panel-stars button{min-width:0;min-height:56px;border:0;border-radius:16px;background:#fff0c9;color:#ef9e18;font-size:2rem;cursor:pointer}.rating-panel-stars button:active{transform:scale(.94);background:#ffd66d}@keyframes ratingPanelIn{from{transform:translateY(100%)}to{transform:none}}
@media(min-width:701px){.book-stage{width:min(100% - 6rem,860px);margin:1.5rem auto 0}.book-shell{width:100%}.book-page.left-page{width:100%;max-width:860px;margin:0 auto;border-radius:14px;overflow:hidden;box-shadow:0 18px 36px rgba(31,19,13,.2)}.book-arrow.previous{left:-27px}.book-arrow.next{right:-27px}.reader-controls{margin-top:1.2rem}.reader-thumbnails{max-width:860px;margin-left:auto;margin-right:auto}.picture-reader-intro{padding-left:max(30px,calc((100vw - 980px)/2));padding-right:max(30px,calc((100vw - 980px)/2))}}
@media(min-width:701px) and (max-width:1024px){.book-stage{width:100vw;max-width:none;margin:0}.book-shell{width:100vw}.book-page.left-page{width:100vw;max-width:none;margin:0;border-radius:0;box-shadow:none}.book-arrow.previous{left:18px}.book-arrow.next{right:18px}.picture-reader-intro{padding:12px 24px}.reader-controls{margin-top:1rem}.reader-thumbnails{max-width:none}}
.thumbnail-track{justify-content:flex-start;scroll-padding-inline:.4rem}
.rating-notice-overlay{position:fixed;z-index:5000;inset:0;display:grid;place-items:center;padding:1.25rem;background:rgba(24,18,28,.62);backdrop-filter:blur(5px);animation:ratingNoticeIn .2s ease-out}.rating-notice-card{width:min(100%,380px);padding:2rem 1.35rem 1.35rem;border-radius:24px;background:#fffaf2;box-shadow:0 22px 55px rgba(0,0,0,.3);text-align:center;animation:ratingCardIn .25s ease-out}.rating-notice-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto .85rem;border-radius:50%;background:#fff0c9;color:#f0a21e;font-size:2rem}.rating-notice-card h2{margin:0;color:#5a3927;font-size:1.35rem}.rating-notice-card p{margin:.65rem 0 1.35rem;color:#725e51;line-height:1.55}.rating-notice-card button{width:100%;min-height:48px;border:0;border-radius:999px;background:#f47a32;color:#fff;font:inherit;font-weight:700;cursor:pointer}@keyframes ratingNoticeIn{from{opacity:0}to{opacity:1}}@keyframes ratingCardIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}