:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#202c46;--muted:#71809a;--blue:#3158ef;--line:#e2e8f2;--bg:#f7f9fd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline-offset:3px;outline:3px solid #9eb2ff}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{border-bottom:1px solid var(--line);background:#fff}.header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1280px;height:72px;margin:auto;padding:0 28px;display:flex}.logo{letter-spacing:-1.2px;color:#1b2744;align-items:center;gap:10px;font-size:24px;font-weight:850;display:flex}.logo>span:last-child span,.site-footer>span span{color:var(--blue)}.logo i{color:#f3a960;font-style:normal}.logo-icon{background:var(--blue);color:#fff;border-radius:11px;place-items:center;width:37px;height:37px;display:grid;transform:rotate(-5deg)}.logo-icon svg{transform:rotate(5deg)}.header-caption{color:#8995a9;font-size:13px;font-weight:700}.gallery-main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:45px 28px 80px}.gallery-intro{margin-bottom:30px}.eyebrow{color:#4b68ce;letter-spacing:2px;font-size:11px;font-weight:850}.gallery-intro h1{letter-spacing:-2.2px;margin:12px 0 11px;font-size:clamp(34px,4vw,53px);line-height:1.09}.gallery-intro h1 span{color:var(--blue)}.gallery-intro p{color:var(--muted);margin:0;font-size:16px;line-height:1.55}.gallery-workspace{background:#fff;border:1px solid #e6ebf5;border-radius:20px;padding:22px;box-shadow:0 13px 44px #1d3a7c0b}.grade-row{border-bottom:1px solid #edf1f7;flex-wrap:wrap;gap:9px;padding-bottom:20px;display:flex}.grade-row button{color:#61708a;background:#fff;border:1px solid #dfe6f1;border-radius:10px;min-width:78px;padding:10px 16px;font-size:13px;font-weight:750}.grade-row button:hover{color:var(--blue);background:#f2f5ff}.grade-row button.active{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 6px 15px #3158ef2c}.gallery-controls{grid-template-columns:minmax(200px,270px) minmax(240px,1fr);gap:14px;margin-top:20px;display:grid}.gallery-controls label{color:#586781;flex-direction:column;gap:8px;font-size:12px;font-weight:750;display:flex}.gallery-controls select,.query-input{color:#2c3a54;background:#fbfcff;border:1px solid #dce4ef;border-radius:10px;height:48px;padding:0 13px;font-size:14px}.gallery-controls select{width:100%}.query-input{color:#93a0b3;align-items:center;gap:10px;display:flex}.query-input input{color:#2c3a54;background:0 0;border:0;outline:0;width:100%;min-width:0;height:100%}.query-input input::placeholder{color:#9ca8ba}.gallery-count{color:#8b98ab;margin:24px 0 17px;font-size:13px}.gallery-count strong{color:#293853}.book-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.book-card{text-align:left;background:#fff;border:1px solid #e2e8f2;border-radius:15px;flex-direction:column;min-width:0;min-height:350px;padding:0;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.book-card:hover{border-color:#b9c9f9;transform:translateY(-3px);box-shadow:0 12px 28px #2945a317}.book-cover{background:#f1f4fb;place-items:center;width:100%;height:187px;padding:12px;display:grid;overflow:hidden}.book-cover img{object-fit:contain;filter:drop-shadow(3px 5px 7px #263c6c2b);width:auto;max-width:100%;height:100%;display:block}.book-info{flex-direction:column;flex:1;min-width:0;padding:15px 16px 17px;display:flex}.book-subject{color:#5270dc;letter-spacing:.3px;font-size:11px;font-weight:850}.book-info strong{color:#25334e;margin:8px 0 7px;font-size:16px;line-height:1.3}.book-authors{color:#72809a;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.book-year{color:#9aa5b7;margin-top:8px;font-size:11px}.book-action{color:var(--blue);align-items:center;gap:3px;margin-top:auto;padding-top:16px;font-size:12px;font-weight:800;display:flex}.load-more{color:var(--blue);background:#f1f4ff;border:1px solid #cad5f4;border-radius:10px;margin:29px auto 5px;padding:13px 24px;font-size:13px;font-weight:750;display:block}.load-more:hover{background:#e3eaff}.no-books{text-align:center;color:#7c89a0;padding:68px 20px}.no-books h2{color:#293852;margin:16px 0 8px;font-size:21px}.no-books p{font-size:14px}.no-books button{background:var(--blue);color:#fff;border:0;border-radius:9px;margin-top:10px;padding:11px 17px;font-weight:750}.source-note{color:#8996aa;margin:19px 2px 0;font-size:12px;line-height:1.55}.source-note a{color:var(--blue);text-decoration:underline}.site-footer{border-top:1px solid var(--line);color:#96a2b3;background:#fff;align-items:center;gap:22px;padding:27px max(28px,50vw - 612px);font-size:12px;display:flex}.site-footer>span{letter-spacing:-1px;color:#202c46;font-size:20px;font-weight:850}.site-footer p{margin:0}.book-modal-backdrop{z-index:30;background:#14203db5;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.book-modal{background:#fff;border-radius:20px;width:min(760px,100%);max-height:90vh;overflow:auto;box-shadow:0 28px 80px #08133160}.modal-top{border-bottom:1px solid #edf1f7;justify-content:space-between;align-items:center;height:61px;padding:0 24px;display:flex}.modal-top button{color:var(--blue);background:0 0;border:0;align-items:center;gap:6px;font-size:13px;font-weight:750;display:flex}.modal-top .modal-close{color:#66738a;background:#f2f4f8;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.modal-body{grid-template-columns:210px minmax(0,1fr);gap:30px;padding:30px;display:grid}.modal-cover{object-fit:contain;background:#f2f5fa;border-radius:11px;width:100%;max-height:300px;padding:14px}.modal-copy h2{letter-spacing:-1px;margin:11px 0 18px;font-size:28px;line-height:1.15}.modal-copy p{color:#6f7d94;margin:7px 0;font-size:13px;line-height:1.5}.modal-copy p b{color:#41506b}.task-form{margin-top:24px}.task-form label{color:#34435e;margin-bottom:9px;font-size:13px;font-weight:800;display:block}.task-form>div{gap:9px;display:flex}.task-form input{border:1px solid #d7e0ee;border-radius:9px;flex:1;min-width:0;height:45px;padding:0 13px;font-size:14px}.task-form button{background:var(--blue);color:#fff;border:0;border-radius:9px;padding:0 19px;font-size:13px;font-weight:750}.task-form button:disabled{opacity:.6;cursor:wait}.modal-copy .task-message{color:#617190;margin:12px 0;font-size:12px}.task-matches{gap:7px;margin:12px 0;display:grid}.task-matches a{color:var(--blue);border:1px solid #dfe7f5;border-radius:8px;align-items:center;gap:5px;padding:9px 11px;font-size:12px;font-weight:750;display:flex}.book-source-link{color:var(--blue);align-items:center;gap:5px;margin-top:19px;font-size:13px;font-weight:800;display:flex}.book-source-link:hover{text-decoration:underline}.book-caveat{color:#96a2b2;margin-top:15px;font-size:11px;line-height:1.45;display:block}@media (width<=1050px){.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.gallery-main{padding:34px 19px 65px}.header-inner{height:64px;padding:0 19px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-controls{grid-template-columns:1fr 1.4fr}.gallery-intro h1{letter-spacing:-1.6px}.gallery-workspace{padding:16px}.site-footer{padding:24px 19px}}@media (width<=560px){.header-caption{display:none}.gallery-intro h1{font-size:36px}.gallery-intro p{font-size:14px}.grade-row{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.grade-row button{min-width:0;padding:10px 4px;font-size:12px}.gallery-controls{grid-template-columns:1fr}.book-grid{gap:10px}.book-card{min-height:312px}.book-cover{height:154px;padding:8px}.book-info{padding:12px}.book-info strong{font-size:14px}.book-authors,.book-action{font-size:11px}.book-modal-backdrop{align-items:end;padding:0}.book-modal{border-radius:18px 18px 0 0;max-height:93vh}.modal-body{grid-template-columns:100px minmax(0,1fr);gap:17px;padding:20px}.modal-cover{max-height:150px;padding:6px}.modal-copy h2{font-size:21px}.task-form,.task-message,.task-matches,.book-source-link,.book-caveat{grid-column:1/-1}.modal-copy{display:contents}.modal-copy>.book-subject,.modal-copy>h2,.modal-copy>p{grid-column:2}.task-form{margin-top:4px}.site-footer{flex-wrap:wrap;gap:6px}.site-footer p{width:100%}}.book-cover{position:relative}.premium-badge{color:#986214;background:#fff6df;border:1px solid #f2dda7;border-radius:6px;padding:4px 7px;font-size:10px;font-weight:800;position:absolute;top:8px;right:8px;box-shadow:0 2px 7px #3341551a}.modal-copy .premium-note{color:#805c20;background:#fff8e8;border-radius:8px;margin-top:12px;padding:9px 11px;font-size:12px;line-height:1.45}.modal-copy .index-unavailable{color:#54647e;background:#f1f4fb;border-radius:8px;margin-top:20px;padding:10px 12px}.book-cover .cover-error{color:#8190aa;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:100%;height:100%;font-size:11px;font-weight:700;display:flex}.modal-cover.cover-error{color:#8190aa;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.match-section{color:#41506b;flex-direction:column;gap:7px;margin-top:15px;font-size:12px;font-weight:800;display:flex}.match-section select{color:#34435e;background:#fbfcff;border:1px solid #d7e0ee;border-radius:9px;width:100%;height:42px;padding:0 11px}.more-matches{color:var(--blue);background:#f1f4ff;border:1px solid #cad5f4;border-radius:8px;padding:9px 12px;font-size:12px;font-weight:800}.more-matches:hover{background:#e3eaff}@media (width<=560px){.match-section,.more-matches,.modal-copy>.premium-note,.modal-copy>.index-unavailable{grid-column:1/-1}.modal-cover{grid-area:1/1}.modal-book-details{grid-area:1/2;align-self:start;min-width:0}.modal-book-details h2{letter-spacing:-.5px;margin:7px 0 10px;font-size:20px}.modal-book-details p{margin:5px 0;font-size:12px;line-height:1.35}.modal-body{row-gap:16px}}