.tag-container{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 20px;padding:20px;max-width:1200px;margin:0 auto;line-height:1.6}.tag-container:has(.tag-card:nth-child(-n+10)){justify-content:center}.tag-container:has(.tag-card:nth-child(n+11)){justify-content:flex-start}.tag-card{display:inline-flex;align-items:center;padding:8px 16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .3s ease;cursor:pointer;text-decoration:none;color:inherit;min-height:36px;margin:2px 0}.tag-card:nth-child(3n+1){margin-top:4px}.tag-card:nth-child(5n+2){margin-bottom:6px}.tag-card:nth-child(7n+3){margin-top:6px;margin-bottom:2px}.tag-card:nth-child(11n+4){margin-bottom:8px}.tag-card:nth-child(13n+5){margin-top:8px}.tag-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15);background:#e9ecef;text-decoration:none;color:inherit}.tag-card.selected,.tag-card:active{background:#e8d5ff;border-color:#9c88ff;color:#5a3d9a}.tag-hash{color:#6c757d;font-weight:600;margin-right:4px;font-size:14px}.tag-name{color:#343a40;font-weight:500;font-size:14px;margin-right:8px;white-space:nowrap}.tag-count{color:#6c757d;font-size:12px;font-weight:400;background:#dee2e6;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}@media (max-width:768px){.tag-container{padding:16px;gap:14px}.tag-card{padding:6px 12px;min-height:32px}.tag-hash,.tag-name{font-size:13px}.tag-count{font-size:11px;padding:1px 5px}}@media (max-width:480px){.tag-container{padding:12px;gap:12px}.tag-card{padding:5px 10px;min-height:28px}.tag-hash,.tag-name{font-size:12px}.tag-name{margin-right:6px}.tag-count{font-size:10px;padding:1px 4px}}a .tag-card,a:hover .tag-card{color:inherit;text-decoration:none}a:active .tag-card,a:visited .tag-card{color:inherit}