.sidebar-card{background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);padding:12px 11px 10px;box-shadow:var(--shadow-soft)}
.sidebar-header{display:flex;align-items:center;justify-content:space-between}
.sidebar-title{font-size:16px;font-weight:775}

.sidebar-tabs{display:inline-flex;background:var(--bg-elevated-soft);border-radius:999px;padding:2px;border:1px solid var(--border-subtle)}
.sidebar-tab{border-radius:999px;padding:3px 9px;font-size:11px;color:var(--text-muted);cursor:pointer;border:none;background:transparent;transition:.2s}
.sidebar-tab.is-active{background:var(--accent);color:#fff}

.sidebar-list{display:inline-flex;flex-direction:column;height:auto!important;max-height:unset!important;overflow:hidden!important;margin-top:6px}
.sidebar-list{display:none}
.sidebar-list[data-tab-panel="weekly"]{display:flex}
.sidebar-list.is-active{display:flex}
.sidebar-list .sidebar-item:nth-child(n+11){display:none}
.sidebar-item{display:grid;grid-template-columns:auto auto 1fr;gap:8px;padding:7px;border-radius:9px;background:var(--bg-elevated);border:1px solid transparent;cursor:pointer;align-items:center;transition:none}
.sidebar-item:hover{background:var(--accent-soft);border-color:var(--accent);transition:background .2s,border-color .2s}
.sidebar-item:hover .sidebar-info-title{font-weight:700;color:var(--accent);transform:translateX(2px)}
.sidebar-item:hover .sidebar-thumb img{filter:saturate(150%)}
.sidebar-card,.sidebar-item>div{min-width:0}

.sidebar-rank{width:22px;height:22px;font-size:12px;font-weight:700;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;border-radius:4px;margin-right:8px;flex-shrink:0}
html:not(.dark) .sidebar-rank{background:var(--accent-yellow);color:var(--accent)}

.sidebar-thumb{width:64px;height:88px;overflow:visible;flex-shrink:0}
.sidebar-thumb img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md);display:block;transition:filter .25s ease}

.sidebar-info-title{font-size:12px;font-weight:500;color:var(--text-primary);text-align:left!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block;min-width:0;transition:color .18s,transform .18s}
.sidebar-info-meta{font-size:11px;color:var(--text-muted);margin-top:2px;text-align:left!important}

.sidebar-list{display:none}
.sidebar-list[data-tab-panel="weekly"],.sidebar-list.is-active{display:flex}

.sidebar-exo{margin-top:24px;display:flex;justify-content:center}