.library-tabs{display:flex;gap:6px;background:#eaece3;padding:5px;border-radius:14px;width:max-content;margin:0 0 25px}.library-tabs button{padding:10px 23px;border-radius:10px;color:#74806e}.library-tabs button.active{background:#fffefa;box-shadow:0 3px 9px #293b2010;color:#384e3d;font-weight:600}.classic-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px}.classic-book{padding:22px 16px;display:flex;gap:16px;align-items:center;text-align:left;border:1px solid #dadfd4;border-radius:18px;background:#fffefa;transition:border-color .15s,box-shadow .15s;min-height:160px}.classic-book:hover{border-color:#8d9e82}.classic-book.active{border-color:#718967;box-shadow:0 0 0 2px #71896725}.classic-spine{display:grid;place-items:center;width:52px;height:104px;border-radius:5px 12px 12px 5px;background:#64765e;color:#fff8e9;font-family:var(--serif);font-size:28px;flex:none;box-shadow:inset 5px 0 #ffffff16,4px 5px 9px #3d452914}.classic-book.amber .classic-spine{background:#aa8050}.classic-book.rose .classic-spine{background:#a57377}.classic-book.blue .classic-spine{background:#658291}.classic-book-copy{display:grid;gap:10px;min-width:0}.classic-book-copy strong{font-family:var(--serif);font-size:21px;line-height:1.4}.classic-book-copy small{font-size:10px;color:#83907b}.classic-book-copy>span{font-size:11px;color:#8a9383}.classic-directory{padding:26px;scroll-margin-top:20px}.classic-directory-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.classic-directory-head h2{font-size:25px;margin:8px 0}.classic-directory-head h2 small{font-family:-apple-system,sans-serif;font-size:11px;font-weight:400;color:#89927e;margin-left:14px}.classic-directory-head p{color:#87917e;font-size:12px}.classic-filters{display:flex;gap:12px;align-items:end;padding:24px 0;border-bottom:1px solid var(--line)}.classic-filters label{display:grid;gap:6px}.classic-filters label>span{font-size:11px;color:#7b8873}.classic-search{flex:1}.classic-filters input,.classic-filters select,.classic-branch select{background:#f9faf5;border:1px solid #d9dfd1;border-radius:10px;padding:10px 12px;color:#3d513c;min-width:0;max-width:100%;font:inherit}.classic-filters .selected{background:#eaf0e3;border-color:#91a27e}.classic-row{display:flex;align-items:center;border-bottom:1px solid #edf0e8;gap:12px}.classic-open{display:flex;gap:17px;align-items:center;text-align:left;padding:17px 0;flex:1;min-width:0}.classic-open:hover strong{color:var(--accent)}.classic-number{font-size:11px;color:#98a08e;min-width:27px;font-variant-numeric:tabular-nums}.classic-open strong{font-family:var(--serif);font-size:17px;font-weight:600}.classic-open small{display:block;color:#8d9685;font-size:10px;margin-top:4px}.classic-result{margin-left:auto;font-size:11px;color:#7c8e71;white-space:nowrap}.classic-favorite{font-size:23px;color:#9ba38f;padding:8px;flex:none}.classic-favorite.active{color:#b65036}.classic-pagination{display:flex;justify-content:center;align-items:center;gap:20px;padding-top:25px;font-size:12px;color:#8b9482}.classic-source{font-size:11px;line-height:1.9;color:#8a9381;margin-top:24px;max-width:900px}.classic-source summary{cursor:pointer;color:#65765b}.classic-source p{margin:10px 0}.classic-source a{text-decoration:underline}.classic-empty,.classic-loading{padding:45px 15px;color:#899580;text-align:center}.classic-replay-info{padding:20px 23px}.classic-replay-info h3{font-family:var(--serif);font-size:19px;margin:4px 0 10px}.classic-replay-info p{font-size:11px;color:#8c9582;line-height:1.8}.classic-replay-info a{text-decoration:underline;color:#728865}.classic-branch{display:grid;gap:7px;font-size:11px;color:#7c8b72;margin:15px 0}.classic-replay-actions{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.classic-replay-actions button{font-size:11px}.replay-title{display:grid;gap:4px}.replay-title small{font-size:9px;color:#859278;font-weight:400}.move-row button{text-align:inherit;padding:0;color:inherit}.move-row button.active{color:#b65036;font-weight:600}.classic-replay-info+.panel{margin-top:16px}
@media(max-width:1200px){.classic-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.classic-book{min-height:140px}.classic-spine{height:90px}.classic-book-copy strong{font-size:20px}}
@media(max-width:760px){.library-tabs{width:100%}.library-tabs button{flex:1;padding:9px 14px;font-size:12px}.classic-shelf{gap:10px;margin-bottom:20px}.classic-book{padding:16px 12px;gap:11px;min-height:133px;border-radius:14px}.classic-spine{width:34px;height:80px;font-size:23px}.classic-book-copy{gap:6px}.classic-book-copy strong{font-size:17px}.classic-book-copy small{font-size:9px}.classic-book-copy>span{font-size:9px}.classic-directory{padding:18px 14px}.classic-directory-head h2{font-size:23px}.classic-directory-head .secondary{padding:8px;font-size:10px;white-space:nowrap}.classic-filters{flex-wrap:wrap;gap:10px;padding:18px 0}.classic-search{flex-basis:100%}.classic-filters input{width:100%}.classic-chapter{flex:1;min-width:0}.classic-filters .secondary{font-size:11px;padding:10px}.classic-open{gap:10px;padding:15px 0}.classic-number{min-width:23px;font-size:10px}.classic-open strong{font-size:15px}.classic-open small{font-size:9px}.classic-result{display:none}.classic-row{gap:4px}.classic-favorite{font-size:21px;padding:7px}.classic-pagination{gap:12px}.classic-replay-info{padding:17px}.replay-title{max-width:70%}.replay-title b{font-size:13px;overflow-wrap:anywhere}}