.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;position:relative}.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:18px;font-weight:700;color:var(--color-text-primary);text-shadow:0 0 12px rgba(143,67,255,.3);transition:text-shadow .5s ease}.rank-row-top .live-views-num{font-weight:800}.rank-row-top1 .live-views-num{font-size:28px;color:#ffd700;text-shadow:0 0 16px rgba(255,215,0,.4)}.rank-row-top2 .live-views-num{font-size:24px;color:#e2e8f0;text-shadow:0 0 16px rgba(226,232,240,.35)}.rank-row-top3 .live-views-num{font-size:22px;color:#ff9f43;text-shadow:0 0 16px rgba(255,159,67,.3)}.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}}.live-row-gauge-bg{position:absolute;bottom:0;left:24px;right:24px;height:2px;background:rgba(255,255,255,.02);border-radius:1px;overflow:hidden}.live-row-gauge{height:100%;background:linear-gradient(90deg,var(--color-purple),var(--color-cyan));border-radius:1px;transition:width 1s cubic-bezier(.4,0,.2,1)}.rank-row-top1 .live-row-gauge{background:linear-gradient(90deg,#ff8a00,#ffd700)}@media (max-width:640px){.live-row-gauge-bg{left:16px;right:16px}}.hours-tabs{display:flex;gap:6px;background:rgba(255,255,255,.02);border:1px solid var(--color-border);padding:4px;border-radius:8px}.hours-tab{border:none;background:transparent;color:var(--color-text-muted);font-size:13px;font-weight:600;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all var(--transition-fast)}.hours-tab:hover{color:var(--color-text-primary);background:rgba(255,255,255,.03)}.hours-tab.active{color:var(--color-cyan);background:rgba(0,240,255,.08);border:1px solid rgba(0,240,255,.2)}