.monthly-ranking-container{min-height:calc(100vh - 60px);padding:40px 20px 60px}.monthly-ranking-wrapper{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:28px}.monthly-header 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;margin-bottom:8px}.monthly-subtitle{font-size:14px;color:var(--color-text-muted)}.monthly-controls{display:flex;flex-direction:column;gap:10px}.monthly-control-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted)}.monthly-month-tabs{display:flex;gap:6px;flex-wrap:wrap}.monthly-month-tab{position:relative;padding:7px 16px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-heading)}.monthly-month-tab.active,.monthly-month-tab:hover{color:var(--color-text-primary)}.monthly-month-tab.active{background:var(--color-purple-dim);border-color:rgba(143,67,255,.5)}.this-month-badge{font-size:9px;background:var(--color-cyan-dim);color:var(--color-cyan);padding:1px 5px;border-radius:4px;margin-left:5px;font-weight:700}.monthly-bar-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.monthly-section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);margin-bottom:18px;font-family:var(--font-heading)}.monthly-bar-chart{display:flex;flex-direction:column;gap:10px}.monthly-bar-item{display:flex;align-items:center;gap:10px}.monthly-bar-rank{width:20px;font-size:12px;font-weight:700;color:var(--color-text-muted);text-align:center;font-family:var(--font-heading);flex-shrink:0}.monthly-bar-track{flex:1 1;height:20px;background:rgba(255,255,255,.04);border-radius:var(--radius-sm);overflow:hidden}.monthly-bar-fill{height:100%;border-radius:var(--radius-sm);transition:width .8s ease}.monthly-bar-label{width:120px;font-size:12px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.monthly-bar-value{font-size:12px;font-weight:700;color:var(--color-text-primary);width:50px;text-align:right;flex-shrink:0}.monthly-board{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}.monthly-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)}.monthly-row,.monthly-row-header{display:flex;align-items:center;gap:16px;padding:14px 24px}.monthly-row{border-bottom:1px solid rgba(255,255,255,.035);transition:background var(--transition-fast)}.monthly-row:last-child{border-bottom:none}.monthly-row:hover{background:var(--color-bg-card-hover)}.monthly-rank{width:36px;text-align:center;font-size:18px;font-weight:800;font-family:var(--font-heading);flex-shrink:0}.monthly-thumb{flex-shrink:0}.monthly-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:3px}.monthly-title{font-size:15px;font-weight:700;color:var(--color-text-primary);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-heading);transition:color var(--transition-fast)}.monthly-title:hover{color:var(--color-purple)}.monthly-artist{font-size:12px;color:var(--color-text-muted)}.monthly-best-rank{width:64px;text-align:center;flex-shrink:0}.best-rank-badge{background:var(--color-pink-dim);color:var(--color-pink);font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full)}.monthly-views{font-size:15px;font-weight:700;color:var(--color-text-primary);flex-shrink:0;margin-left:auto}