.ht-ranking{scroll-margin-top:110px}.ht-ranking-periods{flex-wrap:wrap;gap:7px;margin:6px 0 15px;display:flex}.ht-ranking-periods button{background:var(--ht-surface);color:var(--ht-muted);cursor:pointer;border:1px solid #55736540;border-radius:8px;padding:7px 18px;font:650 12px/1.45 Be Vietnam Pro,system-ui,sans-serif}.ht-ranking-periods button.is-active{background:var(--ht-primary);border-color:var(--ht-primary);color:#fff}.ht-ranking-periods button:focus-visible{outline:2px solid var(--ht-focus);outline-offset:2px}.ht-ranking-intro{color:var(--ht-muted);margin:-2px 0 14px;font-size:12px;line-height:1.75}.ht-ranking-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:0;padding:0;list-style:none;display:grid}.ht-ranking-item{background:var(--ht-surface);border:1px solid #5573652e;border-radius:9px;grid-template-columns:31px 52px minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:12px;display:grid}.ht-ranking-number{width:30px;color:var(--ht-primary);font-variant-numeric:tabular-nums;text-align:center;font:600 20px/1.2 Literata,Georgia,serif}.ht-ranking-number.top{color:var(--ht-accent)}.ht-ranking-cover{background:var(--ht-surface-soft);border-radius:5px;width:52px;height:70px;display:block;position:relative;overflow:hidden}.ht-ranking-cover img{object-fit:cover}.ht-ranking-copy{min-width:0}.ht-ranking-copy h3{color:var(--ht-ink);margin:0 0 4px;font:600 14px/1.4 Literata,Georgia,serif}.ht-ranking-copy h3 a{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ht-ranking-copy h3 a:hover{color:var(--ht-primary)}.ht-ranking-copy p{color:var(--ht-muted);text-overflow:ellipsis;white-space:nowrap;margin:0 0 6px;font-size:11px;overflow:hidden}.ht-ranking-copy>span{color:var(--ht-primary);font-size:10px;font-weight:650;display:inline-block}.ht-ranking-empty{border:1px dashed var(--ht-border);background:var(--ht-surface);color:var(--ht-muted);border-radius:8px;margin:0;padding:23px;font-size:12px;line-height:1.75}.ht-ranking-skeleton{background:linear-gradient(105deg,#eee8dd,#faf7f0,#eee8dd) 0 0/240% 100%;border:1px solid #ebe4d9;border-radius:8px;min-height:92px;animation:1.4s ease-in-out infinite ht-ranking-pulse}@keyframes ht-ranking-pulse{0%,to{background-position:0 0}50%{background-position:100% 0}}@media (max-width:760px){.ht-ranking-grid{grid-template-columns:1fr;gap:9px}.ht-ranking-item{padding:10px}.ht-ranking-intro{font-size:11px}}@media (prefers-reduced-motion:reduce){.ht-ranking-skeleton{animation:none}}