.book-filters{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px;background:#eee2fc;border:3px solid white;border-radius:27px;margin:25px 0}.bookshelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.fun-book{position:relative;background:var(--cover);border:4px solid white;border-left:12px solid #ffffffaa;border-radius:12px 28px 28px 12px;padding:24px 18px;box-shadow:0 8px 0 #ded6eb;display:flex;flex-direction:column;transition:transform .2s}.fun-book:hover{transform:translateY(-5px)}.cover-emoji{font-size:55px;display:block;margin-bottom:20px}.fun-book h2{font-size:23px}.fun-book p{font-size:13px}.fun-book button{margin-top:auto;background:white;color:#4b3677}.book-label{font-size:11px;letter-spacing:1px;font-weight:800}#reader{background:#fffef7;border:5px solid white;box-shadow:0 10px 0 #dfd5eb;border-radius:32px;padding:30px;margin:45px 0;scroll-margin-top:20px}.reader-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.reader-target{font-size:clamp(26px,4vw,42px);line-height:1.8;background:#f1e9fc;padding:30px;border-radius:25px}.scene-icon{font-size:70px;text-align:center;padding:10px}.english-helper{padding:20px;border-radius:20px;background:#e7f5ed}.reader-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.reader-progress{display:flex;gap:7px;margin:18px 0}.reader-progress span{height:9px;flex:1;background:#e8dff2;border-radius:10px}.reader-progress .current{background:#9165cf}.reader-page textarea{min-height:180px}.reader-page label{font-weight:bold}.book-answers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}#bookStatus:not(:empty){padding:16px;border-radius:18px;background:#e4f4e8}#shelfProgress{font-weight:bold;color:#6d4aa4}#reader button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:1000px){.bookshelf{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.bookshelf{grid-template-columns:1fr 1fr}.book-filters{grid-template-columns:1fr}.reader-top{display:block}.book-answers{grid-template-columns:1fr}#reader{padding:18px}.reader-target{padding:20px}}@media(max-width:420px){.bookshelf{grid-template-columns:1fr}}