.home-media-ranking{flex:1 1;min-width:0}.hmr-widget{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.hmr-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border)}.hmr-tab{flex:1 1;padding:.75rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.hmr-tab:hover{background:var(--color-hover);color:var(--color-text)}.hmr-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.hmr-ott-platforms{display:flex;gap:.35rem;flex-wrap:wrap;padding:.75rem;border-bottom:1px solid var(--color-border);background:hsla(0,0%,100%,.02)}.hmr-ott-tab{display:flex;align-items:center;gap:.35rem;padding:.4rem .7rem;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;color:var(--color-text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s;white-space:nowrap}.hmr-ott-tab:hover{background:hsla(0,0%,100%,.06)}.hmr-ott-tab.active{background:var(--platform-color,var(--color-primary));border-color:var(--platform-color,var(--color-primary));color:#fff}.hmr-ott-tab .platform-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;color:#fff;font-size:.6rem;font-weight:700}.hmr-ott-tab .platform-name{font-weight:500}.hmr-list{display:flex;flex-direction:column}.hmr-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-bottom:1px solid var(--color-border);transition:background .2s ease;cursor:default}.hmr-item:last-child{border-bottom:none}.hmr-item:hover{background:hsla(0,0%,100%,.04)}.hmr-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--color-text-secondary);background:var(--color-border);border-radius:6px;flex-shrink:0}.hmr-rank.top{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff}.hmr-poster{object-fit:cover;box-shadow:0 2px 4px rgba(0,0,0,.2)}.hmr-poster,.hmr-poster-fallback{width:36px;height:52px;border-radius:4px;flex-shrink:0}.hmr-poster-fallback{display:flex;align-items:center;justify-content:center;background:var(--color-border);font-size:1.25rem}.hmr-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.hmr-title{font-size:.875rem;font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:.35rem}.hmr-meta{font-size:.75rem;color:var(--color-text-secondary)}.hmr-original{font-size:.6rem;padding:.1rem .35rem;background:rgba(99,102,241,.15);color:var(--color-primary);border-radius:3px}.hmr-change,.hmr-original{font-weight:600;flex-shrink:0}.hmr-change{display:flex;align-items:center;gap:.15rem;font-size:.7rem;min-width:40px;justify-content:flex-end}.hmr-change.up{color:#22c55e}.hmr-change.down{color:#ef4444}.hmr-change.new{color:#f97316}.hmr-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--color-text-secondary);font-size:.875rem}.hmr-loading .spin{animation:spin 1s linear infinite}.hmr-empty{text-align:center;padding:2rem;color:var(--color-text-secondary);font-size:.875rem}.hmr-source{padding:.5rem .75rem;text-align:right;font-size:.7rem;color:var(--color-text-tertiary);border-top:1px solid var(--color-border)}.hmr-expand-btn{display:flex;align-items:center;justify-content:center;gap:.35rem;width:100%;padding:.65rem;background:transparent;border:none;border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.hmr-expand-btn:hover{background:hsla(0,0%,100%,.04);color:var(--color-primary)}@media (max-width:640px){.hmr-tab{padding:.6rem .5rem;font-size:.8rem}.hmr-ott-tab{padding:.35rem .55rem;font-size:.7rem}.hmr-ott-tab .platform-icon{width:18px;height:18px;font-size:.55rem}}.home-music-ranking{flex:1 1;min-width:0}.hmsc-widget{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.hmsc-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border)}.hmsc-tab{flex:1 1;padding:.75rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.hmsc-tab:hover{background:var(--color-hover);color:var(--color-text)}.hmsc-tab.active{color:var(--chart-color,var(--color-primary));border-bottom-color:var(--chart-color,var(--color-primary));font-weight:600}.hmsc-list{display:flex;flex-direction:column}.hmsc-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-bottom:1px solid var(--color-border);transition:background .2s ease;cursor:default}.hmsc-item:last-child{border-bottom:none}.hmsc-item:hover{background:hsla(0,0%,100%,.04)}.hmsc-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--color-text-secondary);background:var(--color-border);border-radius:6px;flex-shrink:0}.hmsc-rank.top{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff}.hmsc-cover{object-fit:cover;box-shadow:0 2px 4px rgba(0,0,0,.2)}.hmsc-cover,.hmsc-cover-fallback{width:40px;height:40px;border-radius:6px;flex-shrink:0}.hmsc-cover-fallback{display:flex;align-items:center;justify-content:center;background:var(--color-border);font-size:1.1rem}.hmsc-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.hmsc-title{font-size:.875rem;font-weight:500;color:var(--color-text)}.hmsc-artist,.hmsc-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hmsc-artist{font-size:.75rem;color:var(--color-text-secondary)}.hmsc-change{display:flex;align-items:center;gap:.15rem;font-size:.7rem;font-weight:600;flex-shrink:0;min-width:40px;justify-content:flex-end}.hmsc-change.up{color:#22c55e}.hmsc-change.down{color:#ef4444}.hmsc-change.new{color:#f97316}.hmsc-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--color-text-secondary);font-size:.875rem}.hmsc-loading .spin{animation:spin 1s linear infinite}.hmsc-empty{text-align:center;padding:2rem;font-size:.875rem}.hmsc-empty,.hmsc-expand-btn{color:var(--color-text-secondary)}.hmsc-expand-btn{display:flex;align-items:center;justify-content:center;gap:.35rem;width:100%;padding:.65rem;background:transparent;border:none;border-top:1px solid var(--color-border);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.hmsc-expand-btn:hover{background:hsla(0,0%,100%,.04);color:var(--color-primary)}.hmsc-fallback{padding:.4rem .75rem;text-align:center;font-size:.7rem;color:var(--color-text-tertiary);border-top:1px solid var(--color-border)}