.library-loading{padding-top:var(--s-4)}.library-loading,.library-loading__layout{display:grid;grid-gap:var(--s-5);gap:var(--s-5)}.library-loading__hero{display:grid;grid-template-columns:1fr 36%;grid-gap:var(--s-6);gap:var(--s-6);min-height:240px;padding:var(--s-6);background:var(--surface-2);border-radius:16px}.library-loading__hero-copy{display:grid;align-content:center;grid-gap:var(--s-3);gap:var(--s-3)}.library-loading__actions{display:flex;gap:var(--s-3);margin-top:var(--s-3)}.library-loading__browse{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s-4);gap:var(--s-4)}.library-loading__shelf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:var(--s-5);gap:var(--s-5);overflow:hidden}.library-loading__book{display:grid;align-content:start;grid-gap:var(--s-3);gap:var(--s-3)}.library-loading__cover{width:100%;aspect-ratio:2/3}.library-refresh{height:21px}.library-refresh .loading-book{height:21px;gap:4px}.library-refresh .loading-book__mark{margin-block:-10.5px;margin-right:-32px;transform:scale(.45)}@media (max-width:720px){.library-loading__hero{grid-template-columns:1fr;gap:var(--s-4);padding:var(--s-5)}.library-loading__scene{min-height:118px}.library-loading__browse{grid-template-columns:1fr;gap:var(--s-3)}.library-loading__shelf{grid-template-columns:repeat(4,144px);gap:var(--s-4)}}.onb-chips{flex-wrap:wrap;margin:var(--s-4) 0 var(--s-5)}.onb-chips,.onb-level{display:flex;gap:var(--s-2)}.onb-level{flex-direction:column}.onb-seg{display:inline-flex;flex-wrap:wrap;gap:var(--s-2)}.onb-seg__btn{padding:var(--s-2) var(--s-4);border-radius:var(--r-full);border:1px solid var(--line);font-size:var(--fs-sm);color:var(--ink-2);transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.onb-seg__btn:hover{background:var(--surface-2)}.onb-seg__btn[data-active=true]{background:var(--accent-soft);color:var(--accent-ink);border-color:transparent;font-weight:var(--fw-semibold)}@media (max-width:640px){.onb-chips{gap:var(--s-2);margin:var(--s-3) 0 var(--s-4)}.onb-chips .chip{height:34px;padding-inline:var(--s-4);font-size:var(--fs-sm);box-shadow:none}.onb-seg__btn{padding:var(--s-2) var(--s-3);font-size:var(--fs-xs)}}