.live-ranking-container{min-height:calc(100vh - 60px);padding:40px 20px 60px}.live-ranking-wrapper{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.live-ranking-header{display:flex;flex-direction:column;gap:10px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}.live-ranking-title-row{display:flex;align-items:center;gap:14px}.live-ranking-title-row h1{font-size:32px;font-weight:800;font-family:var(--font-heading);background:var(--gradient-heading);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.live-ranking-subtitle{font-size:14px;color:var(--color-text-muted);margin:0}.live-meta-row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--color-text-muted);margin-top:4px}.live-meta-sep{color:var(--color-border)}.live-meta-item strong{color:var(--color-cyan);font-weight:700}.live-ranking-board{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}.live-row-header{border-bottom:1px solid var(--color-border);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-disabled);font-family:var(--font-heading);background:rgba(255,255,255,.015)}.live-row,.live-row-header{display:flex;align-items:center;padding:14px 24px}.live-row{gap:16px;border-bottom:1px solid rgba(255,255,255,.035);transition:background var(--transition-fast);cursor:default}.live-row:last-child{border-bottom:none}.live-row:hover{background:var(--color-bg-card-hover)}.live-row-rank{width:36px;flex-shrink:0;text-align:center}.live-rank-num{font-size:18px;font-weight:800;color:var(--color-text-primary);font-family:var(--font-heading);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.live-row-thumb{flex-shrink:0}.live-row-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:3px}.live-row-title{font-size:15px;font-weight:700;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;transition:color var(--transition-fast);font-family:var(--font-heading)}.live-row-title:hover{color:var(--color-purple)}.live-row-artist{font-size:12px;color:var(--color-text-muted);font-weight:500}.live-row-views{flex-shrink:0;text-align:right;display:flex;flex-direction:column;gap:2px}.live-views-num{font-size:15px;font-weight:700;color:var(--color-text-primary);text-shadow:0 0 12px rgba(143,67,255,.3);transition:text-shadow .5s ease}.live-views-delta{font-size:11px;color:var(--color-rank-up);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.live-footnote{font-size:12px;color:var(--color-text-disabled);text-align:center;line-height:1.6}@media (max-width:640px){.live-ranking-title-row h1{font-size:24px}.live-row{gap:12px}.live-row,.live-row-header{padding:12px 16px}}