.library-welcome.svelte-c8k2rg{background:#f2efff;border-radius:22px;justify-content:space-between;align-items:center;gap:36px;padding:36px 40px;display:flex}.library-welcome.svelte-c8k2rg>div:where(.svelte-c8k2rg):first-child{max-width:550px}.library-welcome.svelte-c8k2rg .intro:where(.svelte-c8k2rg){max-width:470px}.library-mark.svelte-c8k2rg{color:#fff;background:#315669;border-left:6px solid #264556;border-radius:3px 14px 14px 3px;flex-direction:column;justify-content:center;width:150px;min-width:150px;height:185px;padding:24px 20px;display:flex;transform:rotate(7deg);box-shadow:9px 8px #dfd8f6}.library-mark.svelte-c8k2rg span:where(.svelte-c8k2rg):first-child{font-size:16px}.library-mark.svelte-c8k2rg strong:where(.svelte-c8k2rg){margin:6px 0 24px;font:700 26px Manrope,sans-serif}.library-mark.svelte-c8k2rg span:where(.svelte-c8k2rg):last-child{letter-spacing:.12em;color:#dce8ed;font-size:7px}.library-toolbar.svelte-c8k2rg{justify-content:space-between;align-items:center;gap:20px;margin:34px 0 24px;display:flex}.library-toolbar.svelte-c8k2rg h2:where(.svelte-c8k2rg){margin:0}.library-toolbar.svelte-c8k2rg h2:where(.svelte-c8k2rg) span:where(.svelte-c8k2rg){color:#5140a8;background:#f2efff;border-radius:7px;margin-left:8px;padding:5px 9px;font:600 12px DM Sans,sans-serif}.library-toolbar.svelte-c8k2rg label:where(.svelte-c8k2rg){color:#666277;align-items:center;gap:12px;font-size:12px;display:flex}.library-toolbar.svelte-c8k2rg input:where(.svelte-c8k2rg){width:220px}.grid.svelte-c8k2rg{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.grid.svelte-c8k2rg article:where(.svelte-c8k2rg){background:#fff;border:1px solid #eeedf3;border-radius:16px;flex-direction:column;gap:0;min-width:0;padding:18px;display:flex}.cover.svelte-c8k2rg{aspect-ratio:4/3;background:#faf9fd;border-radius:10px;place-items:center;width:100%;padding:18px;display:grid;overflow:hidden}.cover.svelte-c8k2rg img:where(.svelte-c8k2rg){object-fit:contain;filter:drop-shadow(3px 6px 5px #19172e18);width:100%;height:100%;min-height:0}.cover.svelte-c8k2rg span:where(.svelte-c8k2rg){text-align:center;color:#5140a8;overflow-wrap:anywhere;font:600 22px Manrope,sans-serif}.grid.svelte-c8k2rg article:where(.svelte-c8k2rg) h2:where(.svelte-c8k2rg){margin:0 0 8px;font-size:17px;line-height:1.5}.grid.svelte-c8k2rg article:where(.svelte-c8k2rg) p:where(.svelte-c8k2rg){color:#666277;margin:0 0 8px;font-size:12px}.grid.svelte-c8k2rg article:where(.svelte-c8k2rg) .version:where(.svelte-c8k2rg){letter-spacing:.12em;color:#6c5dd3;margin:20px 0 10px;font-size:9px}.book-actions.svelte-c8k2rg{flex-wrap:wrap;align-items:center;gap:14px;width:100%;margin-top:auto;padding-top:14px;display:flex}.book-actions.svelte-c8k2rg button:where(.svelte-c8k2rg){color:#5140a8;background:#f2efff;border:0;flex:1;font-size:12px}.book-actions.svelte-c8k2rg button:where(.svelte-c8k2rg):hover:not(:disabled){color:#fff}.book-actions.svelte-c8k2rg a:where(.svelte-c8k2rg){font-size:12px;font-weight:600}.empty.svelte-c8k2rg,.notice.svelte-c8k2rg{margin-top:26px}.empty.svelte-c8k2rg>span:where(.svelte-c8k2rg){color:#6c5dd3;font-size:42px}.empty.svelte-c8k2rg p:where(.svelte-c8k2rg){color:#666277;max-width:460px;margin:14px auto}.empty.svelte-c8k2rg a:where(.svelte-c8k2rg){margin-top:14px;display:inline-block}.search-empty.svelte-c8k2rg{grid-column:1/-1}@media (width<=1150px){.grid.svelte-c8k2rg{grid-template-columns:repeat(2,minmax(0,1fr))}.library-mark.svelte-c8k2rg{display:none}.library-toolbar.svelte-c8k2rg{align-items:start}.library-toolbar.svelte-c8k2rg label:where(.svelte-c8k2rg){gap:6px;display:grid}}@media (width<=600px){.library-welcome.svelte-c8k2rg{padding:26px}.library-toolbar.svelte-c8k2rg{flex-direction:column;align-items:stretch}.library-toolbar.svelte-c8k2rg label:where(.svelte-c8k2rg){display:block}.library-toolbar.svelte-c8k2rg input:where(.svelte-c8k2rg){width:100%;margin-top:8px;display:block}.grid.svelte-c8k2rg{gap:16px}.grid.svelte-c8k2rg article:where(.svelte-c8k2rg){padding:13px}.cover.svelte-c8k2rg{aspect-ratio:3/4;padding:12px}.grid.svelte-c8k2rg article:where(.svelte-c8k2rg) h2:where(.svelte-c8k2rg){font-size:14px}.book-actions.svelte-c8k2rg{flex-direction:column;align-items:stretch;gap:12px}.book-actions.svelte-c8k2rg a:where(.svelte-c8k2rg){text-align:center}}@media (width<=360px){.grid.svelte-c8k2rg{grid-template-columns:1fr}.cover.svelte-c8k2rg{aspect-ratio:4/3}.library-welcome.svelte-c8k2rg{padding:22px}}