.ob-bookshelfWrap{padding:8px 0 24px}.ob-shelfSection{margin:14px 0 22px}.ob-featured{margin:10px 12px 22px;padding:12px 0 4px;border-radius:18px;background:linear-gradient(180deg,#8c5ae624,#8c5ae60d);border:1px solid rgba(140,90,230,.12)}.ob-shelfHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:0 16px 8px}.ob-shelfTitle{margin:0;font-size:20px;line-height:1.1;font-weight:700}.ob-shelfSubtitle{margin:0;font-size:13px;opacity:.7}.ob-count{font-size:13px;opacity:.6;white-space:nowrap}.ob-shelfRow{position:relative;padding:12px 16px 28px;overflow-x:auto;display:flex;gap:14px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}@media (max-width: 480px){.ob-shelfRow{display:grid;grid-template-columns:repeat(3,1fr);overflow-x:hidden;gap:10px}.ob-bookTile{width:100%}.ob-bookCover{width:100%;height:auto;aspect-ratio:2 / 3;object-fit:cover}}.ob-bookTile{position:relative;border:none;background:transparent;padding:0;cursor:pointer;scroll-snap-align:start;flex:0 0 auto}.ob-bookCover{width:96px;aspect-ratio:2 / 3;height:auto;border-radius:14px;object-fit:contain;background:#fff;box-shadow:0 12px 18px #0000002e;transform:translateY(2px);display:block}@media (max-width: 480px){.ob-bookCover{width:110px;height:165px;object-fit:contain;background:#fff}.ob-shelfRow{gap:14px}}.ob-badge{position:absolute;top:-8px;right:-8px;font-size:12px;padding:6px 8px;border-radius:999px;background:#783cc8f2;color:#fff;box-shadow:0 6px 12px #0000002e}.ob-shelfPlank{position:absolute;left:12px;right:12px;bottom:8px;height:16px;border-radius:10px;background:linear-gradient(180deg,#d7b48f,#c08f66);box-shadow:0 10px 18px #0000002e,inset 0 2px #ffffff59;pointer-events:none}