.sbl-body{--sbl-ink:#402452;--sbl-muted:#755c78;--sbl-gold:#a17b36;color:var(--sbl-ink)}.sbl-layout{grid-template-columns:104px minmax(0,1fr);gap:clamp(24px,4vw,56px);min-width:0;display:grid}.sbl-library{min-width:0}.sbl-margin{flex-direction:column;align-items:center;gap:24px;padding-top:9px;display:flex}.sbl-margin-rule{background:linear-gradient(#0000,#b69a6570,#0000);width:1px;height:68px}.sbl-spines{border-bottom:4px double #ab8753;align-items:flex-end;gap:3px;width:90px;height:107px;padding-bottom:5px;display:flex}.sbl-spines i{background:#59415e;border:1px solid #91766b;border-radius:2px 2px 0 0;width:16px;height:92px;position:relative;box-shadow:inset 3px 0 #ffffff10,inset -2px 0 #00000017}.sbl-spines i:after{content:"";border-top:3px double #dec28b;border-bottom:3px double #dec28b;position:absolute;inset:9px 3px 12px}.sbl-spines i:nth-child(2){background:#8c654f;height:102px}.sbl-spines i:nth-child(3){background:#59736e;height:82px}.sbl-spines i:nth-child(4){background:#8c7350;height:95px}.sbl-spines i:nth-child(5){transform-origin:bottom;background:#70536d;height:87px;transform:rotate(7deg)}.sbl-margin-label{text-align:center;color:#806647;max-width:88px;font:italic 400 17px/1.5 Fraunces,Georgia,serif}.sbl-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 20px;margin-bottom:22px;display:flex}.sbl-heading h2,.sbl-saved h2{letter-spacing:-.025em;margin:0;font:500 clamp(25px,2.5vw,34px)/1.25 Fraunces,Georgia,serif}.sbl-count{color:var(--sbl-muted);margin:0;font:500 13px/1.5 Nunito,sans-serif}.sbl-toolbar{border-bottom:1px solid #b89a6f55;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 0 32px;padding:0 0 23px;display:flex}.sbl-view{background:#e9dbc84d;border:1px solid #bda37c70;border-radius:9px;gap:3px;padding:4px;display:inline-flex}.sbl-view button{min-height:42px;color:var(--sbl-ink);cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:9px 17px;font:700 14px/1.4 Nunito,sans-serif;display:inline-flex}.sbl-view button[aria-pressed=true]{color:#fff8ed;background:#402452;box-shadow:0 2px 3px #40245220}.sbl-view button:hover{box-shadow:inset 0 0 0 1px #a17b3670}.sbl-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sbl-books,.sbl-skeletons{grid-template-columns:repeat(4,minmax(0,1fr));gap:37px 32px;padding-inline:5px;display:grid}.sbl-book{min-width:0}.sbl-book-button{width:100%;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;padding:0 0 15px;display:flex;position:relative}.sbl-cover-frame{z-index:1;width:100%;max-width:180px;display:block;position:relative}.sbl-book-button .shb-cover{aspect-ratio:2/3;width:100%;max-width:none}.sbl-book-button:after{content:"";background:linear-gradient(#f4e6c5,#d6b77e 43%,#a77a48 49%,#d3b285 70%,#eedabe);border-top:1px solid #c29a55;border-bottom:1px solid #ab8150;height:10px;position:absolute;bottom:0;left:-17px;right:-17px;box-shadow:0 7px 8px -5px #66452d60}.sbl-badge{z-index:3;color:#402452;text-align:center;overflow-wrap:anywhere;background:#fff8ed;border:1px solid #d9bd83;border-radius:3px;justify-content:center;align-items:center;gap:4px;padding:6px 5px;font:800 10px/1.35 Nunito,sans-serif;display:flex;position:absolute;bottom:9px;left:9px;right:7px;box-shadow:0 2px 5px #25193735}.sbl-badge svg{flex-shrink:0}.sbl-book-details{padding:14px 0 0}.sbl-book-details h3{overflow-wrap:anywhere;margin:0 0 7px;font:500 clamp(17px,1.7vw,21px)/1.3 Fraunces,Georgia,serif}.sbl-book-details p{color:var(--sbl-muted);overflow-wrap:anywhere;margin:0;font:500 12px/1.6 Nunito,sans-serif}.sbl-book-details p span{padding-inline:3px}.sbl-book-details .sbl-save-progress{margin-top:5px}.sbl-book-button:hover .shb-cover{transform:translateY(-3px)}.sbl-book-button:focus-visible,.sbl-view button:focus-visible{outline-offset:5px;border-radius:4px;outline:3px solid #956416}.sbl-empty{min-height:240px;color:var(--sbl-muted);text-align:center;border-bottom:1px solid #b89a6f55;flex-direction:column;justify-content:center;align-items:center;gap:17px;padding:30px 16px;display:flex}.sbl-empty svg{color:#977846}.sbl-empty p{max-width:390px;margin:0;font:500 16px/1.6 Nunito,sans-serif}.sbl-loading>p{color:var(--sbl-muted);margin:0 0 20px}.sbl-skeletons span{aspect-ratio:2/3;background:linear-gradient(110deg,#d8c9b545,#f2e9d9);border:1px solid #bea57860;border-left:7px solid #a88c6550;border-radius:3px 7px 7px 3px;width:100%;max-width:180px}.sbl-saved{border:1px solid #bda37c70;margin-top:42px;padding:24px}.sbl-saved h2{font-size:24px}.sbl-saved-row{border-top:1px solid #b89a6f35;align-items:center;gap:14px;padding:12px 0;display:flex}.sbl-saved-title{overflow-wrap:anywhere;flex:1;min-width:0}.sbl-saved-cover{background:#e8ddcb;border-radius:2px;flex-shrink:0;width:40px;height:54px;display:block;overflow:hidden}.sbl-saved-note{margin-bottom:0;font-size:12px}@media (width<=1050px){.sbl-layout{grid-template-columns:minmax(0,1fr)}.sbl-margin{display:none}}@media (width<=700px){.sbl-heading{margin-bottom:18px}.sbl-toolbar{justify-content:flex-start;gap:13px;margin-bottom:26px;padding-bottom:20px}.sbl-view{width:100%}.sbl-view button{flex:1;min-height:44px}.sbl-filters{gap:7px}.sbl-books,.sbl-skeletons{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 22px;padding-inline:3px}.sbl-book-button:after{left:-12px;right:-12px}.sbl-cover-frame,.sbl-skeletons span{max-width:180px}.sbl-badge{padding:5px 3px;font-size:10px;left:7px;right:5px}.sbl-book-details h3{font-size:18px}.sbl-book-details p{font-size:11px}.sbl-saved{padding:19px 14px}.sbl-saved-row{gap:9px}.sbl-saved-row .sb-button{padding-inline:12px}}@media (prefers-reduced-motion:reduce){.sbl-book-button .shb-cover{transition:none}.sbl-book-button:hover .shb-cover{transform:none}}