.bk-genres-room{container-type:inline-size}.bk-genres{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:12px;display:grid}@container (min-width:620px){.bk-genres{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@container (min-width:1000px){.bk-genres{gap:20px}}.bk .bk-genre-tile{text-align:left;min-height:300px;color:var(--bk-ink);background:linear-gradient(160deg, var(--bk-genre-bg), color-mix(in oklab, var(--bk-genre-bg) 45%, var(--bk-surface)));border:var(--bk-edge-width,1px) solid var(--bk-genre-edge);border-radius:var(--bk-radius-card);box-shadow:var(--bk-shadow);cursor:pointer;flex-direction:column;justify-content:flex-start;padding:0;transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s;display:flex;position:relative;overflow:hidden}.bk-genre-tile:hover{box-shadow:var(--bk-shadow-lift);transform:translateY(-2px)}.bk-genre-tile:active{transform:translateY(0)scale(.99)}.bk-genre-tile:focus-visible{outline:2px solid var(--bk-rose);outline-offset:3px}.bk-genre-tile[data-open]{border-color:var(--bk-genre-icon);box-shadow:var(--bk-shadow-lift)}.bk-genre-text{z-index:3;flex-direction:column;align-items:flex-start;gap:4px;padding:18px 18px 0;display:flex;position:relative}.bk-genre-badge{width:32px;height:32px;color:var(--bk-genre-icon);background:color-mix(in oklab, var(--bk-surface) 70%, transparent);border:1px solid var(--bk-genre-edge);border-radius:999px;place-items:center;margin-bottom:4px;display:grid}.bk-genre-name{text-wrap:balance;font-size:26px;line-height:1.02}.bk-genre-count{color:var(--bk-ink-2);font-size:12.5px;font-weight:600}.bk-genre-fan{z-index:2;pointer-events:none;width:168px;height:140px;position:absolute;bottom:18px;right:46px}.bk-genre-fan-card{transform-origin:50% 100%;transition:transform .32s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0}.bk-genre-fan-card[data-slot="0"]{z-index:3;right:34px;transform:rotate(-2deg)}.bk-genre-fan-card[data-slot="1"]{z-index:2;right:0;transform:rotate(11deg)translateY(-2px)}.bk-genre-fan-card[data-slot="2"]{z-index:1;right:70px;transform:rotate(-14deg)translateY(-1px)}.bk-genre-fan-card .bk-cover-flat{box-shadow:0 1px 2px #28101c2e,0 8px 16px -8px #28101c73}.bk-genre-tile:hover .bk-genre-fan-card[data-slot="1"]{transform:rotate(15deg)translate(4px,-4px)}.bk-genre-tile:hover .bk-genre-fan-card[data-slot="2"]{transform:rotate(-18deg)translate(-4px,-3px)}.bk-genre-panel{background:var(--bk-surface);border:var(--bk-edge-width,1px) solid var(--bk-genre-edge);border-radius:var(--bk-radius-card);box-shadow:var(--bk-shadow);grid-column:1/-1;padding:16px;animation:.26s cubic-bezier(.22,1,.36,1) bk-genre-open}@keyframes bk-genre-open{0%{opacity:0;transform:translateY(-6px)}}.bk-genre-list{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:16px 12px;margin:0;padding:0;list-style:none;display:grid}.bk-genre-book{outline-offset:4px;border-radius:10px;flex-direction:column;gap:2px;display:flex}.bk-genre-book .bk-cover-flat{margin-bottom:6px}.bk-genre-book:hover .bk-cover-flat{transform:translateY(-3px)}.bk-genre-book:focus-visible{outline:2px solid var(--bk-rose)}.bk-genre-book-title{color:var(--bk-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;font-weight:650;line-height:1.2;display:-webkit-box;overflow:hidden}.bk-genre-book-author{color:var(--bk-ink-3);font-size:11.5px}@container (max-width:520px){.bk .bk-genre-tile{min-height:236px}.bk-genre-text{padding:14px 14px 0}.bk-genre-name{font-size:19px}.bk-genre-fan{transform-origin:100% 100%;bottom:12px;right:22px;transform:scale(.62)}}@media (prefers-reduced-motion:reduce){.bk-genre-tile,.bk-genre-fan-card,.bk-genre-book .bk-cover-flat{transition:none}.bk-genre-tile:hover,.bk-genre-book:hover .bk-cover-flat{transform:none}.bk-genre-panel{animation:none}}