.hot-bookshelf-surface{--hot-bookshelf-blue:var(--tibiu-color-brand,#1677ff);--hot-bookshelf-green:#0f9f8f;--hot-bookshelf-red:#ef5b67;--hot-bookshelf-ink-soft:var(--tibiu-color-hint-text,var(--text-muted));width:100%;max-width:none;margin-inline:0}.hot-bookshelf-my-link,.hot-bookshelf-retry{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 12px;border:0;border-radius:999px;background:var(--bg-muted);color:var(--text);font-size:var(--tibiu-type-meta-size);font-weight:var(--tibiu-weight-semibold);line-height:var(--tibiu-type-meta-line);text-decoration:none;cursor:pointer}.hot-bookshelf-my-link:focus-visible,.hot-bookshelf-my-link:hover,.hot-bookshelf-retry:focus-visible,.hot-bookshelf-retry:hover{background:var(--hot-bookshelf-blue);color:#fff;outline:0}.hot-bookshelf-my-link svg{width:18px;height:18px}.hot-bookshelf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}.hot-bookshelf-tabs{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.hot-bookshelf-tab{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 12px;border:0;border-radius:999px;background:var(--bg-muted);color:var(--text);font-size:var(--tibiu-type-meta-size);font-weight:var(--tibiu-weight-semibold);line-height:var(--tibiu-type-meta-line);cursor:pointer}.hot-bookshelf-tab svg{width:17px;height:17px}.hot-bookshelf-tab.is-active,.hot-bookshelf-tab:focus-visible,.hot-bookshelf-tab:hover{background:var(--hot-bookshelf-blue);color:#fff;outline:0}.hot-bookshelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(292px,1fr));gap:18px 20px}.hot-bookshelf-card{display:grid;grid-template-columns:108px minmax(0,1fr);gap:16px;min-width:0;padding:0 0 18px;border-bottom:1px solid var(--border);background:transparent}.hot-bookshelf-card__cover-link{position:relative;display:block;width:108px;color:inherit;text-decoration:none}.hot-bookshelf-card__cover{display:grid;width:108px;aspect-ratio:3/4;place-items:center;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,rgba(22,119,255,.12),rgba(15,159,143,.14));background-position:50%;background-size:cover;color:var(--hot-bookshelf-blue)}.hot-bookshelf-card__cover svg{width:30px;height:30px}.hot-bookshelf-card__rank{position:absolute;left:7px;bottom:7px;display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--hot-bookshelf-blue);font-size:var(--tibiu-type-aux-size);font-style:normal;font-weight:var(--tibiu-weight-bold);line-height:var(--tibiu-type-meta-line)}.hot-bookshelf-card__body{display:grid;align-content:start;gap:8px;min-width:0}.hot-bookshelf-card__owner-row{display:flex;min-width:0}.hot-bookshelf-card__owner{display:inline-flex;align-items:center;gap:7px;min-width:0;color:var(--hot-bookshelf-ink-soft);font-size:var(--tibiu-type-aux-size);font-weight:var(--tibiu-weight-semibold);line-height:var(--tibiu-type-meta-line);text-decoration:none}.hot-bookshelf-card__owner:focus-visible,.hot-bookshelf-card__owner:hover{color:var(--hot-bookshelf-blue);outline:0}.hot-bookshelf-card__owner span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hot-bookshelf-card__avatar{display:grid;flex:0 0 auto;width:24px;height:24px;place-items:center;overflow:hidden;border-radius:50%;background:rgba(15,159,143,.12);background-position:50%;background-size:cover;color:var(--hot-bookshelf-green)}.hot-bookshelf-card__avatar svg{width:16px;height:16px}.hot-bookshelf-card__title{margin:0;color:var(--text);font-size:var(--tibiu-type-section-size);font-weight:var(--tibiu-weight-bold);line-height:var(--tibiu-type-section-line);letter-spacing:0}.hot-bookshelf-card__title a{color:inherit;text-decoration:none}.hot-bookshelf-card__title a:focus-visible,.hot-bookshelf-card__title a:hover{color:var(--hot-bookshelf-blue);outline:0}.hot-bookshelf-card__intro{display:-webkit-box;overflow:hidden;min-height:calc(var(--tibiu-type-meta-line) * 2);margin:0;color:var(--hot-bookshelf-ink-soft);font-size:var(--tibiu-type-meta-size);line-height:var(--tibiu-type-meta-line);-webkit-box-orient:vertical;-webkit-line-clamp:2}.hot-bookshelf-card__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:2px 0 0}.hot-bookshelf-card__stat{display:grid;gap:3px;min-width:0}.hot-bookshelf-card__stat dt{color:var(--hot-bookshelf-ink-soft);font-size:var(--tibiu-type-aux-size);font-weight:var(--tibiu-weight-medium);line-height:var(--tibiu-type-meta-line)}.hot-bookshelf-card__stat dd{display:inline-flex;align-items:center;gap:4px;min-width:0;margin:0;color:var(--text);font-size:var(--tibiu-type-meta-size);font-weight:var(--tibiu-weight-bold);line-height:var(--tibiu-type-meta-line)}.hot-bookshelf-card__stat dd svg{flex:0 0 auto;width:15px;height:15px;color:var(--hot-bookshelf-blue)}.hot-bookshelf-card__stat:nth-child(2) dd svg{color:var(--hot-bookshelf-green)}.hot-bookshelf-card__stat:nth-child(3) dd svg{color:var(--hot-bookshelf-red)}.hot-bookshelf-card__actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:2px}.hot-bookshelf-card__like,.hot-bookshelf-card__link,.hot-bookshelf-card__primary{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:0 10px;border:0;border-radius:999px;background:var(--bg-muted);color:var(--text);font-size:var(--tibiu-type-aux-size);font-weight:var(--tibiu-weight-semibold);line-height:var(--tibiu-type-meta-line);text-decoration:none;cursor:pointer}.hot-bookshelf-card__like svg,.hot-bookshelf-card__link svg,.hot-bookshelf-card__primary svg{width:16px;height:16px}.hot-bookshelf-card__primary{background:rgba(22,119,255,.12);color:var(--hot-bookshelf-blue)}.hot-bookshelf-card__like.is-liked{background:rgba(239,91,103,.13);color:var(--hot-bookshelf-red)}.hot-bookshelf-card__like:focus-visible,.hot-bookshelf-card__like:hover,.hot-bookshelf-card__link:focus-visible,.hot-bookshelf-card__link:hover,.hot-bookshelf-card__primary:focus-visible,.hot-bookshelf-card__primary:hover{background:var(--hot-bookshelf-blue);color:#fff;outline:0}.hot-bookshelf-card__like:disabled{cursor:default;opacity:.58}.hot-bookshelf-more{display:flex;justify-content:center;min-height:44px;margin-top:20px}.hot-bookshelf-more button,.hot-bookshelf-more span{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 16px;border:0;border-radius:999px;background:var(--bg-muted);color:var(--text);font-size:var(--tibiu-type-meta-size);font-weight:var(--tibiu-weight-semibold);line-height:var(--tibiu-type-meta-line)}.hot-bookshelf-more button{cursor:pointer}.hot-bookshelf-more button:focus-visible,.hot-bookshelf-more button:hover{background:var(--hot-bookshelf-blue);color:#fff;outline:0}.hot-bookshelf-more button:disabled{cursor:default;opacity:.62}.hot-bookshelf-more span{background:transparent;color:var(--hot-bookshelf-ink-soft)}@media (max-width:720px){.hot-bookshelf-toolbar{overflow-x:auto;scrollbar-width:none}.hot-bookshelf-toolbar::-webkit-scrollbar{display:none}.hot-bookshelf-tabs{flex-wrap:nowrap}.hot-bookshelf-tab{flex:0 0 auto}.hot-bookshelf-grid{grid-template-columns:1fr;gap:16px}.hot-bookshelf-card{grid-template-columns:88px minmax(0,1fr);gap:13px;padding-bottom:16px}.hot-bookshelf-card__cover,.hot-bookshelf-card__cover-link{width:88px}.hot-bookshelf-card__stats{gap:4px}.hot-bookshelf-card__like,.hot-bookshelf-card__link,.hot-bookshelf-card__primary{min-height:30px;padding:0 9px}}@media (max-width:420px){.hot-bookshelf-card__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.hot-bookshelf-card__like,.hot-bookshelf-card__link,.hot-bookshelf-card__primary{width:100%;min-width:0;padding:0 6px}.hot-bookshelf-card__like span,.hot-bookshelf-card__link span,.hot-bookshelf-card__primary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}