.alb{overflow:hidden}.alb-head{align-items:center;gap:8px;display:flex}.alb-title{flex:auto;min-width:0;margin:0}.alb-title-icon{color:var(--brand);font-size:17px}.alb-head-link{border-radius:var(--radius-pill);min-height:44px;font-size:var(--text-sm);color:var(--brand);flex:none;align-items:center;margin:-10px -10px -10px 0;padding:0 10px;font-weight:600;text-decoration:none;display:inline-flex}.alb-head-link:hover{background:var(--surface-inset)}.alb-head-link:focus-visible,.alb-tab:focus-visible,.alb-row:focus-visible,.alb-me:focus-visible,.alb-empty-cta:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.alb-tabs{border-radius:var(--radius-pill);background:var(--surface-inset);gap:4px;margin:12px 18px 8px;padding:3px;display:flex}.alb-tab{appearance:none;font:inherit;text-align:center;cursor:pointer;border-radius:var(--radius-pill);min-height:44px;font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;background:0 0;border:0;flex:1 1 0;padding:0 8px;font-weight:600;transition:background-color .15s ease-out,color .15s ease-out}.alb-tab:hover{color:var(--text-strong)}.alb-tab.is-on{background:var(--surface-card);color:var(--text-strong);box-shadow:var(--shadow-sm)}.alb-list{margin:0;padding:0 8px 6px;list-style:none}.alb-item{margin:0;padding:0}.alb-row{border-radius:var(--radius-md);min-height:52px;color:var(--text-strong);border:1px solid #0000;align-items:center;gap:10px;padding:6px 10px;text-decoration:none;transition:background-color .15s ease-out;display:flex}.alb-row:hover{background:var(--surface-inset)}.alb-rank{width:34px;font-size:var(--text-sm);color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:2px;font-weight:700;display:inline-flex}.alb-rank.is-gold{color:#b7791f}.alb-rank.is-gold i{color:#f0b429;font-size:13px}.alb-avatar{flex:none}.alb-body{flex-direction:column;flex:auto;gap:1px;min-width:0;display:flex}.alb-name{min-width:0;font-size:var(--text-body-size);color:var(--text-strong);align-items:center;gap:4px;font-weight:700;line-height:1.3;display:flex}.alb-name-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.alb-verified{color:var(--info);flex:none;font-size:13px}.alb-meta{font-size:var(--text-sm);color:var(--text-muted);line-height:1.3}.alb-xp{font-size:var(--text-body-size);color:var(--text-strong);font-variant-numeric:tabular-nums;text-align:right;flex:none;font-weight:800}.alb-xp-unit{font-size:var(--text-meta);letter-spacing:.04em;color:var(--text-muted);font-weight:700}.alb-empty{flex-direction:column;align-items:flex-start;gap:10px;padding:6px 18px 16px;display:flex}.alb-empty-text{font-size:var(--text-sm);color:var(--text-muted);line-height:1.4}.alb-empty-cta{border-radius:var(--radius-pill);background:var(--brand);min-height:44px;color:var(--text-onbrand);font-size:var(--text-sm);align-items:center;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}.alb-empty-cta:hover{background:var(--brand-hover)}.alb-me{border-radius:var(--radius-md);background:var(--surface-inset);min-height:44px;color:var(--text-strong);font-size:var(--text-sm);align-items:center;gap:8px;margin:2px 12px 12px;padding:8px 12px;font-weight:600;text-decoration:none;display:flex}.alb-me:hover{background:var(--border)}.alb-me-icon{color:var(--brand);flex:none;font-size:14px}.alb-me-text{flex:auto;min-width:0;line-height:1.35}.alb-me-go{color:var(--text-muted);flex:none;font-size:14px}@media (prefers-reduced-motion:reduce){.alb-tab,.alb-row{transition:none}}[data-theme=dark] .alb-rank.is-gold{color:#f0b429}[data-theme=dark] .main-content-wrapper .alb-item.alb-item{color:var(--text-strong)!important}
