.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.shelf-content.expanded{display:block;max-width:1440px;padding-top:16px}.shelf-intro.expanded{max-width:900px;margin-bottom:32px}.shelf-intro.expanded h1{font-size:clamp(2.8rem,5vw,4.5rem);margin-bottom:14px}.shelf-intro.expanded .invitation{max-width:none}.shelf-intro.expanded .shelf-rule{margin:20px 0 12px}
.library-controls{display:flex;gap:12px;align-items:center;margin:0 0 28px}.library-controls input,.library-controls select{font:14px var(--sans);color:var(--ink);border:1px solid #c7d1bb;background:#fffdf5;border-radius:12px;padding:13px 15px;min-height:46px}.library-controls input{flex:1;min-width:0}.library-controls select{max-width:220px}.library-controls input:focus-visible,.library-controls select:focus-visible,.library-pagination button:focus-visible{outline:3px solid #a3b88f;outline-offset:3px}
.bookshelf.expanded{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:35px 28px}.bookshelf.expanded .book-card{max-width:none}.mini-number{position:absolute;top:12px;right:13px;z-index:6;padding:6px 9px;border-radius:20px;background:#fff9e8eb;color:#35513c;font:600 10px var(--sans);letter-spacing:.025em}.mini-title{top:13%;font-size:clamp(1.6rem,2.25vw,2.35rem);line-height:1.04}.book-caption{margin-top:20px;flex-wrap:wrap;row-gap:7px}.book-caption .read-state{font-weight:600;color:#386044}.book-caption .read-state.finished{background:#e6eddd;border-radius:20px;padding:5px 8px}
.library-pagination{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:38px 0 12px;font:12px var(--sans);color:#65785b}.library-pagination button{border:1px solid #c4cfb8;border-radius:25px;padding:12px 18px;min-height:44px;background:#fffdf5;color:var(--green);font:inherit}.library-pagination button:disabled{opacity:.4;cursor:default}.story-control-number{display:block;font:600 9px var(--sans);letter-spacing:.04em;color:#65775d;white-space:nowrap}
body[data-age="baby"] .mini-number,body[data-age="baby"] .book-caption .read-state,body[data-age="baby"] .story-control-number{background:white;color:black}body[data-age="baby"] .library-controls input,body[data-age="baby"] .library-controls select,body[data-age="baby"] .library-pagination button{background:white;color:black;border-color:black}
@media(max-width:760px){.shelf-intro.expanded{text-align:left}.shelf-intro.expanded h1{font-size:3rem}.shelf-content.expanded{padding:16px 22px 35px}.library-controls{gap:8px;flex-wrap:wrap;margin-bottom:24px}.library-controls input{flex-basis:100%}.library-controls select{max-width:none;width:100%}.bookshelf.expanded{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}.bookshelf.expanded .book-card{min-width:0;width:100%}.mini-title{font-size:clamp(1rem,4.5vw,1.7rem);top:16%}.mini-number{top:8px;right:7px;font-size:8px;padding:4px 6px}.book-caption{font-size:10px;margin-top:14px;display:block}.book-caption span{display:block;margin-top:7px}.library-pagination{gap:8px;font-size:11px}.library-pagination button{padding:10px 12px}.library-pagination span{text-align:center}.shelf-intro.expanded .available-note{display:block}}